514136c99a
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.
102 lines
3.7 KiB
HTML
102 lines
3.7 KiB
HTML
<!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>
|