51 lines
1.6 KiB
HTML
Executable File
51 lines
1.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="description" content="Deaf-led community builder & creator advocate. Projects, socials, and contact.">
|
|
<link rel="icon" href="/resources/img/pp.jpg" type="image/jpeg">
|
|
<meta name="color-scheme" content="dark light">
|
|
<meta property="og:title" content="Petrus Pistor — Peter Baker">
|
|
<meta property="og:description" content="Deaf-led community builder & creator advocate.">
|
|
<meta property="og:image" content="/resources/img/pb_16_9_under512kb.webp">
|
|
|
|
<!-- Your stylesheet MUST be inside the head, before <body> -->
|
|
<link rel="stylesheet" href="/resources/css/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<a href="#main" class="skip-link">Skip to content</a>
|
|
<header class="site-header" role="banner">
|
|
<picture>
|
|
<source srcset="/resources/img/pb_16_9_under512kb.webp" type="image/webp">
|
|
<img src="/resources/img/pb.png" alt="Portrait of Peter Baker" width="1280" height="372" loading="eager" decoding="async">
|
|
</picture>
|
|
<h1 class="site-title">Petrus Pistor</h1>
|
|
</header>
|
|
|
|
<nav class="site-nav" aria-label="Primary">…</nav>
|
|
<ul>
|
|
<li><a href="#social">Social</a></li>
|
|
<li><a href="#projects">Projects</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main id="main" class="content">
|
|
<section id="social" aria-labelledby="h-social">
|
|
<h2 id="h-social">Social</h2>
|
|
<!-- links here -->
|
|
</section>
|
|
|
|
<section id="projects" aria-labelledby="h-projects">
|
|
<h2 id="h-projects">Projects</h2>
|
|
<!-- cards/list here -->
|
|
</section>
|
|
|
|
<section id="contact" aria-labelledby="h-contact">
|
|
<h2 id="h-contact">Contact</h2>
|
|
<!-- email/form -->
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|