mdebray/tvl-depot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(wpcarro/website): Resize things for iPhone 12 Mini

Browse source 
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
This commit is contained in:
William Carroll 2022-07-08 22:02:24 -07:00 committed by clbot
parent 9bad6e1475
commit 882c5570bf
3 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
users/wpcarro/website/blog/fragments/post.html
View file

@ -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>

4
users/wpcarro/website/fragments/homepage.html
View file

@ -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">

9
users/wpcarro/website/fragments/template.html
View file

@ -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>&nbsp;<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>