diff options
| author | William Carroll <wpcarro@gmail.com> | 2022-07-09T05·02-0700 |
|---|---|---|
| committer | clbot <clbot@tvl.fyi> | 2022-07-09T05·08+0000 |
| commit | 882c5570bf5d218e735ce65ce266b6825ab00e2c (patch) | |
| tree | 9692b0029bb06b46aa8246c3639dac372473ecf3 | |
| parent | 9bad6e147564258d6b90d7c00af73c44f7ef7b03 (diff) | |
chore(wpcarro/website): Resize things for iPhone 12 Mini r/4281
The overflow-x was a bit embarrassing. I also touched-up other things while I was getting my hands dirty in the CSS. Change-Id: I7bfdbb0ab05c67f35fb11672b3dfc29b6c5a53d1 Reviewed-on: https://cl.tvl.fyi/c/depot/+/5927 Reviewed-by: wpcarro <wpcarro@gmail.com> Autosubmit: wpcarro <wpcarro@gmail.com> Tested-by: BuildkiteCI
| -rw-r--r-- | users/wpcarro/website/blog/fragments/post.html | 4 | ||||
| -rw-r--r-- | users/wpcarro/website/fragments/homepage.html | 4 | ||||
| -rw-r--r-- | users/wpcarro/website/fragments/template.html | 9 |
3 files changed, 6 insertions, 11 deletions
diff --git a/users/wpcarro/website/blog/fragments/post.html b/users/wpcarro/website/blog/fragments/post.html index 44593094ec..2741292aa9 100644 --- a/users/wpcarro/website/blog/fragments/post.html +++ b/users/wpcarro/website/blog/fragments/post.html @@ -1,5 +1,5 @@ -<li class="pb-6 md:pb-10"> - <h2 class="text-bold text-xl"> +<li class="pb-6 md:pb-10 text-md md:text-xl"> + <h2 class="text-bold"> <a class="font-bold text-blue-600 hover:underline" href="@postUrl@"> @postTitle@ </a> diff --git a/users/wpcarro/website/fragments/homepage.html b/users/wpcarro/website/fragments/homepage.html index f515d97400..79ccd0ded4 100644 --- a/users/wpcarro/website/fragments/homepage.html +++ b/users/wpcarro/website/fragments/homepage.html @@ -1,5 +1,5 @@ -<section class="leading-7"> - <p class="relative text-3xl text-center font-bold pt-6 md:pt-14 pb-10"> +<section class="leading-6 md:leading-7 text-xs md:text-base"> + <p class="relative text-xl md:text-3xl text-center font-bold pt-6 md:pt-14 pb-10"> Hey! I'm Bill.<span class="pl-10 relative"><span class="block absolute right-0 top-0 transition-transform hover:rotate-90">👋</span></span> </p> <p class="pb-4"> diff --git a/users/wpcarro/website/fragments/template.html b/users/wpcarro/website/fragments/template.html index 241e11a12f..0da4e46d65 100644 --- a/users/wpcarro/website/fragments/template.html +++ b/users/wpcarro/website/fragments/template.html @@ -19,9 +19,9 @@ </script> </head> <body class="font-mono bg-gray-100"> - <header class="sticky z-10 transition duration-300 bg-gray-100 top-0 py-6"> + <header class="sticky z-10 transition duration-300 bg-gray-100 top-0 py-3 md:py-6"> <div class="flex max-w-sm md:max-w-3xl mx-auto"> - <div class="flex-1 text-center md:text-left text-xl md:text-base"> + <div class="flex-1 text-center md:text-left text-sm md:text-base"> <a href="@depotWork@/website"> <h1 class="font-bold"> <span class="text-black">(</span><a class="text-purple-600 hover:underline" href="@depotWork@/website">def</a> <a class="text-green-600 hover:underline text-bold" href="@homepage@">"@domain@"</a><span class="text-black">)</span> @@ -79,11 +79,6 @@ LinkedIn <span class="text-blue-300">-></span> </a> </li> - <li class="pb-6"> - <a class="text-blue-600 font-bold" href="https://www.buymeacoffee.com/billandhisjoe"> - Caffeinate Bill? <span class="text-blue-300">-></span> - </a> - </li> </ul> </footer> </div> |