Compare commits

...

27 Commits

Author SHA1 Message Date
cbfd20c073 adding a 16:9, under 512kb webp for background image 2025-08-18 23:38:15 +00:00
23fe2254ed finally adding styles to title, container 2025-08-18 23:29:55 +00:00
0e151edaa6 it was nginx proxy managers fault - added no-caching config 2025-08-18 22:26:23 +00:00
30a5b2b5ff blowing out dustins beta 2025-08-18 22:10:05 +00:00
2a18468997 checking whether an empty index.css is served 2025-08-18 22:07:02 +00:00
cd764fb63c fighting some more with css - suspecting nginx caching issues 2025-08-18 22:05:04 +00:00
d33297e28d fighting with the css and firefoxs caching 2025-08-18 21:43:40 +00:00
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
Petruspistor
b6231bd678 Merge branch 'main' of ssh://gitea.dlw.la:2269/petruspistor/petruspistor.com
* 'main' of ssh://gitea.dlw.la:2269/petruspistor/petruspistor.com:
  adding nav
2025-08-09 01:30:15 -07:00
Petruspistor
cd218c93a5 uncommenting nav and removing article body 2025-08-09 01:29:38 -07:00
Petruspistor
3e07870b48 adding nav 2025-08-09 01:26:31 -07:00
Petruspistor
c154a84058 deleted autoinserted code caused by git merge 2025-08-09 01:16:03 -07:00
Petruspistor
51393188fb fixing conflicts and merging 2025-08-09 01:12:18 -07:00
Petruspistor
bd90295763 adding images 2025-08-09 01:03:52 -07:00
Petruspistor
94bafbd60d removing nav and added pp.img 2025-08-09 01:01:16 -07:00
6 changed files with 75 additions and 36 deletions

View File

@@ -1,43 +1,41 @@
<!DOCTYPE html> <!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>
<h3>Peter Baker</h3>
</header>
<!--<nav> <link rel="stylesheet" type="text/css" media="screen" href="/resources/css/index.css" />
<ul> </head>
<li>Social</li>
<li>Projects</li>
<li>Contact</li>
</ul>
</nav>-->
<main> <body>
<article> <div id="container">
<h5>Peter “Petrus Pistor” Baker II: Building a Quiet Revolution in Deaf Vlogging</h5>
<p> <!--<img id="avatar" src="/resources/img/pp.jpg" width="200" />-->
Peter Baker II &mdash; known online as Petrus Pistor &mdash; is a community builder with a maker's mindset.
Based in Riverside County, California, he splits his days between on-the-ground hustle and a bigger mission: <div id="title" class="tstyle">
creating a high-standard home for Deaf vloggers to grow, collaborate, and be seen. What started as a few livestream Petrus Pistor
experiments has evolved into a blueprint for a modern, Deaf-led creator ecosystem &mdash; clear rules, strong host standards, </div>
captioned content, and a culture that rewards care as much as clout. Peter's idea is simple and stubborn: quality over chaos.
He's gathering Deaf creators who want structure &mdash; hosts who show up prepared, panels that stay on topic, and videos that are always <div id="links">
accessible (captioned and voiced when it helps the audience). He's not chasing drama; he's building repeatable systems so more Deaf <nav>
storytellers can shine without burning out. <ul>
</p> <li .id="social">
</article> <strong>Social</strong>
</main> </li>
</body>
<li .id="pistorium">
<strong>Pistorium</strong>
</li>
<li .id="contact">
<strong>Contact</strong>
</li>
</ul>
</nav>
</div>
</div>
</body>
</html> </html>

41
resources/css/index.css Normal file
View File

@@ -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}

BIN
resources/img/pb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
resources/img/pb.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 311 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 354 KiB

BIN
resources/img/pp.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 312 KiB