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

update under construction

Browse Source
This commit is contained in:
petruspistor
2025-08-25 09:37:45 +00:00
parent d273005d1c
commit 8edfd49eca
2 changed files with 66 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
index.html
View File

@@ -1,24 +1,68 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Iceland&display=swap" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/resources/img/pp.jpg" type="image/jpeg"> <title>Website Under Construction</title>
<meta charset="en"> <style>
<title>Peter Baker</title> /* Global styles */
</head> * {
box-sizing: border-box;
<body> }
<header class="site-header" role="banner"> body {
<picture> margin: 0;
<source srcset="/resources/img/pb_16_9_under512kb.webp" type="image/webp"> padding: 0;
<img src="/resources/img/pb.png" alt="Portrait of Peter" width="1280" height="372" loading="eager" decoding="async"> font-family: Arial, Helvetica, sans-serif;
<picture> /* Create a subtle diagonal caution stripe background */
</header> background: repeating-linear-gradient(
-45deg,
<p>Whether it be IMDB’s top 250 movies or the FBI’s most wanted, lists are everywhere on the web and you are going to need one eventually in your webpages. #ffeb3b 0,
Luckily, with HTML there are a couple of different types of lists at your disposal.</p> #ffeb3b 20px,
</body> #f5c542 20px,
#f5c542 40px
);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.overlay {
background: rgba(255, 255, 255, 0.9);
padding: 40px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 500px;
text-align: center;
}
h1 {
margin-bottom: 20px;
font-size: 2.4rem;
color: #333;
}
p {
margin-bottom: 20px;
font-size: 1.2rem;
color: #555;
}
.contact {
font-size: 1rem;
color: #555;
}
a {
color: #007bff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="overlay">
<h1>Under Construction</h1>
<p>I'm currently working on bringing you an amazing website. Please check back soon!</p>
<p class="contact">If you have any questions, feel free to <a href="mailto:connect+pp@petruspistor.com">contact me</a>.</p>
</div>
</body>
</html> </html>

BIN
resources/img/underconstruction.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 MiB