petruspistor/petruspistor.com
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleaned up HTML codes and easily to read

Browse Source
This commit is contained in:
petruspistor
2025-08-21 22:49:24 +00:00
parent 92980ad4c3
commit 18d0d8315b
2 changed files with 41 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
index.html
View File

@@ -1,38 +1,47 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="description" content="Deaf-led community builder & creator advocate. Projects, socials, and contact."> <meta name="description" content="Deaf-led community builder & creator advocate. Projects, socials, and contact.">
<link href="https://fonts.googleapis.com/css2?family=Iceland&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Iceland&display=swap" rel="stylesheet">
<link rel="icon" href="/resources/img/pp.jpg" type="image/jpeg"> <link rel="icon" href="/resources/img/pp.jpg" type="image/jpeg">
<meta name="color-scheme" content="dark light"> <meta name="color-scheme" content="dark light">
<meta property="og:title" content="Petrus Pistor — Peter Baker"> <meta property="og:title" content="Petrus Pistor — Peter Baker">
<meta property="og:description" content="Deaf-led community builder & creator advocate."> <meta property="og:description" content="Deaf-led community builder & creator advocate.">
<meta property="og:image" content="/resources/img/pb_16_9_under512kb.webp"> <meta property="og:image" content="/resources/img/pb_16_9_under512kb.webp">
<!-- Your stylesheet MUST be inside the head, before <body> --> <!-- Your stylesheet MUST be inside the head, before <body> -->
<link rel="stylesheet" href="/resources/css/index.css">
</head>
<body> <link rel="stylesheet" href="/resources/css/index.css">
<header class="site-header" role="banner">
<h1 class="site-title">Peter Baker</h1>
<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>
</header> </head>
<nav class="site-nav" aria-label="Primary">
<ul>
<li><a href="#content">Content</a></li>
<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"> <body>
</main>
</body> <header class="site-header" role="banner">
<h1 class="site-title">Peter Baker</h1>
<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>
</header>
<nav class="site-nav" aria-label="Primary">
<ul>
<li><a href="#content">Content</a></li>
<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">
</main>
</body>
</html> </html>

2
resources/css/index.css
View File

@@ -32,7 +32,7 @@ main { max-width: 900px; margin: 0 auto; padding: 0 1rem 3rem; }
font-family:"Iceland",sans-serif; font-family:"Iceland",sans-serif;
font-size:clamp(2.4rem,6vw,6rem); font-size:clamp(2.4rem,6vw,6rem);
line-height:1; margin:.75rem 0 0; line-height:1; margin:.75rem 0 0;
color:var(--gold); text-align:center; color: #FFD700; text-align:center;
text-shadow:0 4px 12px rgba(0,0,0,.6); text-shadow:0 4px 12px rgba(0,0,0,.6);
opacity:0; transform:translateY(calc(-1*var(--nav-h))) scale(.98); opacity:0; transform:translateY(calc(-1*var(--nav-h))) scale(.98);
animation:popFromNav 900ms cubic-bezier(.2,.75,.15,1.1) forwards, animation:popFromNav 900ms cubic-bezier(.2,.75,.15,1.1) forwards,