mdebray/tvl-depot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
tvl-depot/website/learn/static/index.html

103 lines
3.7 KiB
HTML
Raw Normal View History

Add content for learn.wpcarro.dev See the README.md for more context about this project. TODO: I configure nginx to serve static files from /var/www/learn. I'd like to symlink /var/www/learn to briefcase/learn as part of my `rebuild` script, but I don't currently.
2020-03-08 12:43:33 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
Prefer "Learn to code" to "Learn to program" I think this is more consistent with the main content.
2020-03-08 23:07:57 +01:00
<meta name="description" content="Learn to code" />
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
<link
href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet"
/>
Prefer "Learn to code" to "Learn to program" I think this is more consistent with the main content.
2020-03-08 23:07:57 +01:00
<title>Learn to code</title>
Add content for learn.wpcarro.dev See the README.md for more context about this project. TODO: I configure nginx to serve static files from /var/www/learn. I'd like to symlink /var/www/learn to briefcase/learn as part of my `rebuild` script, but I don't currently.
2020-03-08 12:43:33 +01:00
</head>
Adjust learn.wpcarro.dev's styles for all devices - Add a max width to constraint the width of the content - Add horizontal padding to improve readability on handheld devices - Reduce the font size of all headings
2020-03-08 20:23:19 +01:00
<body class="font-serif container max-w-2xl mx-auto px-8">
Increase vertical margins for splash text I'm attempting to follow the principles the TailwindCSS authors wrote in their design book: To space properly, zealously space.
2020-03-08 23:10:23 +01:00
<h1 class="text-5xl text-center mt-12 mb-8">I can teach you to code.</h1>
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
<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">
Adjust learn.wpcarro.dev's styles for all devices - Add a max width to constraint the width of the content - Add horizontal padding to improve readability on handheld devices - Reduce the font size of all headings
2020-03-08 20:23:19 +01:00
<h2 class="text-3xl">Why coding?</h2>
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
<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
Embolden "You will be coding from day one." Emphasize the fact that students will start coding on the first day.
2020-03-08 23:08:40 +01:00
the rest of the way. <b>You will be coding from day one.</b>
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
</p>
</div>
<div class="my-4">
Adjust learn.wpcarro.dev's styles for all devices - Add a max width to constraint the width of the content - Add horizontal padding to improve readability on handheld devices - Reduce the font size of all headings
2020-03-08 20:23:19 +01:00
<h2 class="text-3xl">Pricing</h2>
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
<p class="leading-relaxed mb-4">
Emphasize copy for learn.wpcarro.dev - Embolden money amounts - Italicize "Start today."
2020-03-11 19:33:46 +01:00
I charge <bold class="font-bold">£50</bold> per hour for video lessons
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
and <bold class="font-bold">£100</bold> per hour for in-person sessions.
I am currently based in South Kensington, London.
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
</p>
</div>
Emphasize copy for learn.wpcarro.dev - Embolden money amounts - Italicize "Start today."
2020-03-11 19:33:46 +01:00
<div class="my-4">
Adjust learn.wpcarro.dev's styles for all devices - Add a max width to constraint the width of the content - Add horizontal padding to improve readability on handheld devices - Reduce the font size of all headings
2020-03-08 20:23:19 +01:00
<h2 class="text-3xl">Contact</h2>
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
<p class="leading-relaxed mb-4">
Whether you want to sign-up or simply want to learn more, send me an
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
email at
<a
href="mailto:wpcarro@gmail.com"
class="font-bold text-blue-600 hover:underline"
>wpcarro@gmail.com</a
>.
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
</p>
Emphasize copy for learn.wpcarro.dev - Embolden money amounts - Italicize "Start today."
2020-03-11 19:33:46 +01:00
<p class="text-center my-8">Why delay? <em>Start today.</em></p>
Update markup for learn.wpcarro.dev Adding a personal introduction, overview of coding, pricing, and contact information. Also using a CDN to install TailwindCSS, which the TailwindCSS authors discourage, but I don't want to setup a complicated build process at the moment.
2020-03-08 19:58:06 +01:00
</div>
Add social channels to footer of learn.wpcarro.dev Per Mimi's suggestion, I think adding these channels helps customers better understand that I'm a real person.
2020-03-11 19:34:20 +01:00
<footer class="mb-8 lg:flex">
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
<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
>
Add "Why delay? Start today." to footer For now, my slogan is "Why delay? Start today." Like any slogan, the more you repeat it, the more it sticks.
2020-03-08 23:09:22 +01:00
</footer>
Add Google Analytics to learn.wpcarro.dev Ten people have visited https://learn.wpcarro.dev, but no one has emailed me yet. I'd like to learn more about how people are using my website.
2020-03-10 16:00:41 +01:00
<!-- Global site tag (gtag.js) - Google Analytics -->
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-160226702-1"
></script>
Add Google Analytics to learn.wpcarro.dev Ten people have visited https://learn.wpcarro.dev, but no one has emailed me yet. I'd like to learn more about how people are using my website.
2020-03-10 16:00:41 +01:00
<script>
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
Add Google Analytics to learn.wpcarro.dev Ten people have visited https://learn.wpcarro.dev, but no one has emailed me yet. I'd like to learn more about how people are using my website.
2020-03-10 16:00:41 +01:00
Run Prettier across projects Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
2020-03-27 11:52:13 +01:00
gtag("config", "UA-160226702-1");
Add Google Analytics to learn.wpcarro.dev Ten people have visited https://learn.wpcarro.dev, but no one has emailed me yet. I'd like to learn more about how people are using my website.
2020-03-10 16:00:41 +01:00
</script>
Add content for learn.wpcarro.dev See the README.md for more context about this project. TODO: I configure nginx to serve static files from /var/www/learn. I'd like to symlink /var/www/learn to briefcase/learn as part of my `rebuild` script, but I don't currently.
2020-03-08 12:43:33 +01:00
</body>
</html>
Reference in a new issue Copy permalink