maurice/snix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(wpcarro/website): Prefer substituteAll

Browse source 
`substituteAll` supports templating with @variables@, which I think really
cleans things up.

Change-Id: Icfad15ac9e174495ba02260d817f7330f1616c6f
Reviewed-on: https://cl.tvl.fyi/c/depot/+/4722
Reviewed-by: wpcarro <wpcarro@gmail.com>
Autosubmit: wpcarro <wpcarro@gmail.com>
Tested-by: BuildkiteCI
This commit is contained in:
William Carroll 2021-12-27 20:06:08 -04:00 • committed by clbot
parent 52369a11e3
commit e107311cb8
8 changed files with 94 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

13
users/wpcarro/website/fragments/addendum.html
View file

@ -1,13 +0,0 @@
</div>
<script>
const $header = document.querySelector("header");
const dropShadow = "drop-shadow-md";
const update = () => window.scrollY !== 0 ?
$header.classList.add(dropShadow) :
$header.classList.remove(dropShadow);
update();
document.addEventListener("scroll", update);
</script>
</body>
</html>

20
users/wpcarro/website/fragments/footer.html
View file

@ -1,20 +0,0 @@
<footer class="md:hidden pb-6">
<h2 class="text-2xl font-bold pt-4 pb-6">Other Links</h2>
<ul>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://wpcarro.dev/blog">
Blog <span class="text-blue-300">-></span>
</a>
</li>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://github.com/wpcarro">
GitHub <span class="text-blue-300">-></span>
</a>
</li>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://linkedin.com/in/williampatrickcarroll">
LinkedIn <span class="text-blue-300">-></span>
</a>
</li>
</ul>
</footer>

39
users/wpcarro/website/fragments/header.html → users/wpcarro/website/fragments/template.html
View file

@ -55,3 +55,42 @@
</div>
</header>
<div class="max-w-sm px-2 md:px-0 md:max-w-prose mx-auto">
@contentHtml@
<footer class="md:hidden pb-6">
<h2 class="text-xl font-bold py-4">More wpcarro?</h2>
<ul>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://wpcarro.dev">
Home <span class="text-blue-300">-></span>
</a>
</li>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://wpcarro.dev/blog">
Blog <span class="text-blue-300">-></span>
</a>
</li>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://github.com/wpcarro">
GitHub <span class="text-blue-300">-></span>
</a>
</li>
<li class="pb-6">
<a class="text-blue-600 font-bold" href="https://linkedin.com/in/williampatrickcarroll">
LinkedIn <span class="text-blue-300">-></span>
</a>
</li>
</ul>
</footer>
</div>
<script>
const $header = document.querySelector("header");
const dropShadow = "drop-shadow-md";
const update = () => window.scrollY !== 0 ?
$header.classList.add(dropShadow) :
$header.classList.remove(dropShadow);
update();
document.addEventListener("scroll", update);
</script>
</body>
</html>