diff options
Diffstat (limited to 'website/learn')
| -rw-r--r-- | website/learn/README.md | 4 | ||||
| -rw-r--r-- | website/learn/default.nix | 10 | ||||
| -rw-r--r-- | website/learn/static/index.html | 74 |
3 files changed, 88 insertions, 0 deletions
diff --git a/website/learn/README.md b/website/learn/README.md new file mode 100644 index 000000000000..8f6f19ed5c50 --- /dev/null +++ b/website/learn/README.md @@ -0,0 +1,4 @@ +# Learn + +Hosting the content for my website `learn.wpcarro.dev`, where I advertise +teaching others how to program. diff --git a/website/learn/default.nix b/website/learn/default.nix new file mode 100644 index 000000000000..7aa8975a45fa --- /dev/null +++ b/website/learn/default.nix @@ -0,0 +1,10 @@ +{ pkgs, ... }: + +pkgs.stdenv.mkDerivation { + name = "learn.wpcarro.dev"; + src = ./static; + buildPhase = '' + cp -R $src $out + ''; + dontInstall = true; +} diff --git a/website/learn/static/index.html b/website/learn/static/index.html new file mode 100644 index 000000000000..e28869ca1854 --- /dev/null +++ b/website/learn/static/index.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta name="description" content="Learn to code" /> + <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> + <title>Learn to code</title> + </head> + <body class="font-serif container max-w-2xl mx-auto px-8"> + <h1 class="text-5xl text-center mt-12 mb-8">I can teach you to code.</h1> + <div class="my-4"> + <p class="leading-relaxed mb-4"> + My name is William. I have programmed as a professional for five years + and as a hobbyist for ten years. I am currently an engineer at Google, + but I have worked at small start-ups and medium-sized corporations. + </p> + <p class="leading-relaxed mb-4"> + Whether you have never written a single line of code, or you know how to + code and you are interested in going deeper, I can teach you a variety + of skills that professional software engineers use to succeed. + </p> + </div> + <div class="my-4"> + <h2 class="text-3xl">Why coding?</h2> + <p class="leading-relaxed mb-4"> + Are you interested in creating your own website? Perhaps you would like + to make your own video game. Maybe you like the notion of automating the + boring things in your life with code, but you do not know where to + start. + </p> + <p class="leading-relaxed mb-4"> + Coding is the most creative outlet in my life, and I say that as a + musician and a former architecture student. I know many people who want + to learn how to code, who know they can learn online, but they still + cannot code. Together we will overcome this barrier to entry. I will + teach you how to code, and then I will teach you how to take yourself + the rest of the way. <b>You will be coding from day one.</b> + </p> + </div> + <div class="my-4"> + <h2 class="text-3xl">Pricing</h2> + <p class="leading-relaxed mb-4"> + I charge <bold class="font-bold">£50</bold> per hour for video lessons + and <bold class="font-bold">£100</bold> per hour for in-person + sessions. I am currently based in South Kensington, London. + </p> + </div> + <div class="my-4"> + <h2 class="text-3xl">Contact</h2> + <p class="leading-relaxed mb-4"> + Whether you want to sign-up or simply want to learn more, send me an + email at <a href="mailto:wpcarro@gmail.com" class="font-bold text-blue-600 hover:underline">wpcarro@gmail.com</a>. + </p> + <p class="text-center my-8">Why delay? <em>Start today.</em></p> + </div> + <footer class="mb-8 lg:flex"> + <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://blog.wpcarro.dev">Blog</a> + <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://linkedin.com/in/williampatrickcarroll">LinkedIn</a> + <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://twitter.com/wpcarro">Twitter</a> + <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://github.com/wpcarro">Github</a> + </footer> + <!-- Global site tag (gtag.js) - Google Analytics --> + <script async src="https://www.googletagmanager.com/gtag/js?id=UA-160226702-1"> + </script> + <script> + window.dataLayer = window.dataLayer || []; + function gtag(){dataLayer.push(arguments);} + gtag('js', new Date()); + + gtag('config', 'UA-160226702-1'); + </script> + </body> +</html> |