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

9
index.html
View File

@@ -10,12 +10,17 @@
<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>
<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">
@@ -24,6 +29,7 @@
</header>
<nav class="site-nav" aria-label="Primary">
<ul>
<li><a href="#content">Content</a></li>
<li><a href="#social">Social</a></li>
@@ -33,6 +39,9 @@
</nav>
<main id="main" class="content">
</main>
</body>
</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-size:clamp(2.4rem,6vw,6rem);
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);
opacity:0; transform:translateY(calc(-1*var(--nav-h))) scale(.98);
animation:popFromNav 900ms cubic-bezier(.2,.75,.15,1.1) forwards,