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>
-    <link rel="stylesheet" href="https://fonts.google.com/specimen/Nata+Sans" />
+		<meta charset="UTF-8" />
-    <link rel="stylesheet" href="style.css" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
-<body>
+		<title>Peter the Baker</title>
-    <header>
+
-        <img src="img/pp.jpg" width="200" />
+		<link rel="stylesheet" type="text/css" media="screen" href="/resources/css/index.css" />
-        <h3>Peter Baker</h3>
+	</head>
-    </header>
+
-    <nav>
+	<body>
-        <ul>
+		<div id="container">
-            <li>Social</li>
+
-            <li>Projects</li>
+			<!--<img id="avatar" src="/resources/img/pp.jpg" width="200" />-->
-            <li>Contact</li>
+
-        </ul>
+			<div id="title" class="tstyle">
-    </nav>
+				Petrus Pistor
-</body>
+			</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