adding a 16:9, under 512kb webp for background image

finally adding styles to title, container
it was nginx proxy managers fault - added no-caching config
2025-08-18 23:38:15 +00:00 · 2025-08-18 23:29:55 +00:00 · 2025-08-18 22:26:23 +00:00 · 2025-08-18 22:10:05 +00:00 · 2025-08-18 22:07:02 +00:00 · 2025-08-18 22:05:04 +00:00
6 changed files with 78 additions and 22 deletions
--- a/index.html
+++ b/index.html
@@ -1,26 +1,41 @@
 <!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=500, initial-scale=1" />

-    <title>&#128064</title>
+<html lang="eng">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

-    <link rel="stylesheet" href="https://fonts.google.com/specimen/Nata+Sans" />
-    <link rel="stylesheet" href="style.css" />
-</head>
+		<title>Peter the Baker</title>

-<body>
-    <header>
-        <img src="img/pp.jpg" width="200" />
-        <h3>Peter Baker</h3>
-    </header>
-    <nav>
-        <ul>
-            <li>Social</li>
-            <li>Projects</li>
-            <li>Contact</li>
-        </ul>
-    </nav>
-</body>
+		<link rel="stylesheet" type="text/css" media="screen" href="/resources/css/index.css" />
+	</head>
+
+	<body>
+		<div id="container">
+
+			<!--<img id="avatar" src="/resources/img/pp.jpg" width="200" />-->
+
+			<div id="title" class="tstyle">
+				Petrus Pistor
+			</div>
+
+			<div id="links">
+				<nav>
+					<ul>
+						<li .id="social">
+							<strong>Social</strong>
+						</li>
+
+						<li .id="pistorium">
+							<strong>Pistorium</strong>
+						</li>
+
+						<li .id="contact">
+							<strong>Contact</strong>
+						</li>
+					</ul>
+				</nav>
+			</div>
+		</div>
+	</body>
 </html>
--- a/resources/css/index.css
+++ b/resources/css/index.css
@@ -0,0 +1,41 @@
+@import 'https://fonts.googleapis.com/css?family=Iceland|Cairo&display=swap';
+body {
+	background-image: url("/resources/img/pb_16_9_under512kb.webp");
+	background-repeat: no-repeat;
+	background-position: top center;
+	background-size: 100% auto;
+	background-color:#2c2c2c;
+	color:#efefef;
+}
+/*.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto}*/
+.tstyle {
+	color: #FFD700;   /* Gold */
+	font-family: Iceland;
+	max-width: fit-content;
+	margin: auto;
+	text-shadow: 0 0 8px rgba(255, 215, 0, 0.7);
+}
+
+#container {
+	text-align:center;
+	font-family:Iceland;
+	position:absolute;
+	top:45%;
+	left:50%;
+	transform:translate(-50%,-45%);
+	width:auto;
+
+	/* transparent box padding */
+	background: rgba(0, 0, 0, 0.9);	/* black box at 90% opacity */
+	padding: 20px 40px;		/* space inside the box */
+	border-radius: 12px;		/* rounded corners */
+}
+
+#container #avatar{border-radius:50%;margin-bottom:-.75em}
+#container #title{font-size:4em}
+#container #text{line-height:1.375}
+#container #links{margin-top:1.25em;white-space:nowrap;letter-spacing:.5em;line-height:2}
+@media all and (max-width:1000px){#brave-shill{margin-top:.35em;max-width:100%;border-radius:.5em}}
+@media all and (min-width:1001px){#brave-shill{margin-top:.35em;width:50%;border-radius:.5em}}a{color:#1ee9ff;text-decoration:none}
+#container #links a{user-select:none;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
+.icon{width:24px}
--- a/resources/img/pb.png
+++ b/resources/img/pb.png
--- a/resources/img/pb.webp
+++ b/resources/img/pb.webp
--- a/resources/img/pb_16_9_under512kb.webp
+++ b/resources/img/pb_16_9_under512kb.webp
--- a/resources/img/pp.jpg
+++ b/resources/img/pp.jpg
Author	SHA1	Message	Date
petruspistor	cbfd20c073	adding a 16:9, under 512kb webp for background image	2025-08-18 23:38:15 +00:00
petruspistor	23fe2254ed	finally adding styles to title, container	2025-08-18 23:29:55 +00:00
petruspistor	0e151edaa6	it was nginx proxy managers fault - added no-caching config	2025-08-18 22:26:23 +00:00
petruspistor	30a5b2b5ff	blowing out dustins beta	2025-08-18 22:10:05 +00:00
petruspistor	2a18468997	checking whether an empty index.css is served	2025-08-18 22:07:02 +00:00
petruspistor	cd764fb63c	fighting some more with css - suspecting nginx caching issues	2025-08-18 22:05:04 +00:00
petruspistor	d33297e28d	fighting with the css and firefoxs caching	2025-08-18 21:43:40 +00:00
petruspistor	73bbca9901	fixing certain css codepath errors	2025-08-18 21:28:54 +00:00
Petruspistor	3419db9634	working	2025-08-18 14:13:54 -07:00
Petruspistor	46049ff647	working on a different design using css background image	2025-08-18 14:08:12 -07:00
Petruspistor	e8f381c782	tweaking some code here and there	2025-08-18 13:56:08 -07:00
Petruspistor	2c782275b7	adding beta testsite on top of dustins code	2025-08-18 13:45:03 -07:00
Petruspistor	f797b5cad4	correcting simple errors	2025-08-18 13:33:43 -07:00
Petruspistor	67a1da0570	experimenting with css with dustins code as template	2025-08-18 13:30:15 -07:00
Petruspistor	79eb147b60	adding proper whitespace	2025-08-18 13:11:47 -07:00
Petruspistor	c6a6a314c3	editing the css to reflect new code paths	2025-08-18 13:01:49 -07:00
Petruspistor	1668049c52	updating code paths to new resources folder	2025-08-18 12:58:49 -07:00
Petruspistor	228fe39bf3	moving assets into a resources folder	2025-08-18 12:57:46 -07:00
Petruspistor	340511e008	adding styles and css	2025-08-18 12:55:12 -07:00
Petruspistor	7f31f03254	adjusted the title and nav. added the w3 code at the top.	2025-08-18 00:07:53 -07:00