Fix invalid DOM property names

This commit is contained in:
Foster Hangdaan 2023-12-03 11:18:36 -05:00
parent 1f2f019d1b
commit 559dcf3f0c
Signed by: foster
GPG key ID: E48D7F49A852F112
4 changed files with 5 additions and 5 deletions

View file

@ -14,7 +14,7 @@ export default function(props: Props) {
<header className="page-header">
<h1>{ props.title }</h1>
{props.author &&
<p class="author" style={{ color: "var(--color-brown)" }}>
<p className="author" style={{ color: "var(--color-brown)" }}>
By {props.author.name} on <time dateTime={props.date.toISOString()}>{dateFormatted}</time>
</p>
}

View file

@ -26,7 +26,7 @@ export default function({ title, description, children, comp, metas, links, auth
<body>
{ comp.navbar() }
{ comp.header({title, description, author, date}) }
<main class="main-content">{children}</main>
<main className="main-content">{children}</main>
{ comp.footer() }
</body>
</html>

View file

@ -4,7 +4,7 @@ export default function({ children, toc }) {
return (
<>
{ toc.length > 0 &&
<nav class="toc">
<nav className="toc">
<h2>Table of Contents</h2>
<ol>
{toc.map(item => (

View file

@ -20,7 +20,7 @@ export default function({ nav }) {
You'll most likely find me within <a href="https://code.fosterhangdaan.com">my lab</a> tinkering with my inventions and the latest JavaScript frameworks.
Other times, I help in the battle for an open web and for user privacy by contributing in the development of free and open-source software.
</p>
<h2 id="contact-me" tabindex="-1">
<h2 id="contact-me" tabIndex="-1">
<a className="header-anchor" href="#contact-me">Contact Me</a>
</h2>
<p>
@ -29,7 +29,7 @@ export default function({ nav }) {
<p>
If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the <a href="/gpg-key">GPG Key</a> page.
</p>
<h2 id="highlighted-projects" tabindex="-1">
<h2 id="highlighted-projects" tabIndex="-1">
<a className="header-anchor" href="#highlighted-projects">Highlighted Projects</a>
</h2>
<ul>