diff options
| author | William Carroll <wpcarro@gmail.com> | 2021-12-26T16ยท55-0400 |
|---|---|---|
| committer | clbot <clbot@tvl.fyi> | 2021-12-26T17ยท04+0000 |
| commit | 9eb61fd95973c158c8d83a95a6f29e3ff7d74566 (patch) | |
| tree | 39d8b455213859154a5c9815b281e1744c0dd9a8 /users/wpcarro/website/index.html | |
| parent | fc16f1e467918b7bff59e0a18a32622e2571fead (diff) | |
feat(wpcarro/website): Revamp wpcarro.dev ๐ r/3429
- Include Tailwind CSS (use the CDN for simplicity) - Update copy - Add some easter eggs ๐ฐ๐ฅ Change-Id: I329e3569506274f60faf1ac0b1e4a87e7e6c10f8 Reviewed-on: https://cl.tvl.fyi/c/depot/+/4664 Tested-by: BuildkiteCI Reviewed-by: wpcarro <wpcarro@gmail.com> Autosubmit: wpcarro <wpcarro@gmail.com>
Diffstat (limited to 'users/wpcarro/website/index.html')
| -rw-r--r-- | users/wpcarro/website/index.html | 97 |
1 files changed, 73 insertions, 24 deletions
diff --git a/users/wpcarro/website/index.html b/users/wpcarro/website/index.html index 711848de4735..8cbb1790ee1e 100644 --- a/users/wpcarro/website/index.html +++ b/users/wpcarro/website/index.html @@ -1,32 +1,81 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8"> <title>wpcarro.dev</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=JetBrains+Mono"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { + mono: ["JetBrains Mono", "normal"] + }, + }, + }, + }; + </script> </head> - <body> - <h1>Sitemap</h1> - - <ul> - <li>Miscellaneous</li> - <ul> - <li> - <a href="/habits">Habits</a> - </li> - <li> - <a href="https://blog.wpcarro.dev">blog.wpcarro.dev</a> - </li> - </ul> - <li>Social</li> - <ul> - <li> - <a href="https://github.com/wpcarro">Github</a> - </li> - <li> - <a href="https://linkedin.com/in/williampatrickcarroll">LinkedIn</a> - </li> - </ul> - </ul> + <body class="font-mono bg-gray-100"> + <header class="sticky top-0 pt-6"> + <div class="flex max-w-3xl mx-auto"> + <div class="flex-1"> + <a href="https://cs.tvl.fyi/depot/-/blob/users/wpcarro/website/index.html"> + <h1 class="font-bold"> + <span class="text-black">(</span><a class="text-purple-600 hover:underline" href="https://cs.tvl.fyi/depot/-/blob/users/wpcarro/website/index.html">def</a> <a class="text-green-600 hover:underline text-bold" href="https://wpcarro.dev">"wpcarro.dev"</a><span class="text-black">)</span> + </h1> + </a> + </div> + <nav class="flex-1"> + <ul class="list-reset flex justify-end space-x-8"> + <li> + <a class="hover:underline" href="https://wpcarro.dev/habits"> + Habits + </a> + </li> + <li> + <a class="hover:underline" href="https://blog.wpcarro.dev"> + Blog + </a> + </li> + <li> + <a class="hover:underline" href="https://github.com/wpcarro"> + GitHub + </a> + </li> + <li> + <a class="hover:underline" href="https://linkedin.com/in/williampatrickcarroll"> + LinkedIn + </a> + </li> + </ul> + </nav> + </div> + </header> + <div class="max-w-prose mx-auto"> + <section class="leading-7"> + <p class="relative text-3xl text-center font-bold pt-14 pb-10"> + Hey! I'm William.<span class="pl-10 relative"><span class="block absolute right-0 transition-transform hover:rotate-90">๐</span></span> + </p> + <p class="pb-4"> + I write software. Currently I work as a <b>Site Reliability Engineer</b> for + <a class="text-blue-600 font-bold hover:underline" href="https://drive.google.com">Google Drive</a>. + </p> + <p class="pb-4"> + I'm <b>wpcarro</b> on + <a class="font-bold text-blue-600 hover:underline" href="https://github.com/wpcarro">GitHub</a> + (and elsewhere), but if you're looking for code samples, the majority of + my open-source work resides in a magical place called the + <a class="font-bold text-blue-600 hover:underline" href="https://cs.tvl.fyi">depot</a>. + </p> + <p class="pb-4"> + If I'm not coding, I'm likely meditating, training Jiu Jitsu, or + fumbling around on the piano or drums. + </p> + </section> + </div> </body> </html> |