Skip to content

Commit 9ed75c9

Browse files
py-onpy-on
committed
october overhaul
1 parent c05108c commit 9ed75c9

File tree

6 files changed

+88
-77
lines changed

6 files changed

+88
-77
lines changed

‎bnu.png

4.32 KB
Loading

‎bwa.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">

‎index.html

+40-20
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,52 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>pyonlatte 🐇☕</title>
6+
<title>pyon 🐇☕</title>
77
<link href="styles.css" rel="stylesheet" type="text/css" media="all">
88
<link rel="icon" href="icon.png">
99
</head>
1010
<body>
1111
<div id="mainbox">
12-
<img src="pf.png" width="150" height="150">
12+
<!--logo and title-->
13+
<img src="pf.png" width="312" height="312" alt="pyon's profile picture" class="logo">
1314
<h1>hey, im <a href="old.html">valerie</a>.</h1>
14-
15-
<p>i spend much of my time online: drawing, talking, listening to music</p>
16-
<p>always open to talk, though i am very anxious.</p>
17-
18-
<h3>you can find me here:</h3>
19-
<ul>
20-
<li><a href="https://bsky.app/profile/latte.party" target="_blank">bluesky</a></li>
21-
<li><a href="https://fedi.on-a-ps4.lol/pyon" target="_blank">fediverse</a>: pyon@fedi.on-a-ps4.lol</li>
22-
<li><a href="https://ko-fi.com/pyonlatte" target="_blank">ko-fi</a> (might open comms eventually)</li>
23-
<li><a href="https://throne.com/pyonlatte" target="_blank">wishlist</a> (gifts are appreciated i will like explode if you send me any)</li>
24-
</ul>
25-
26-
<h3>here's my girlfriend's page too, she is cool :3</h3>
27-
<ul>
28-
<li><a href="https://miamakura.carrd.co/" target="_blank">miamakura's carrd</a>
29-
</ul>
15+
16+
<!--description-->
17+
<h3>i spend much of my time online: drawing, talking, listening to music</h3>
18+
<h3>always open to talk, though i am very anxious.</h3>
19+
20+
<h2><a href="https://miamakura.carrd.co/" target="_blank">here's my girlfriend's page too, she is cool :3</a></h2>
21+
22+
<!-- hehe -->
23+
<p class="sorry">hey there mobile/lowres user! im sorry this page isnt as interesting at this width, but i didnt really know how to make this website look nice otherwise. im sorry qwq</p>
24+
<p class="sorry">feel free to have this bunny on your way out!</p>
25+
<img src="bnu.png" width="250" height="183" alt="nice bunny" class="sorry">
26+
<p></p>
27+
28+
<!--social links-->
29+
<!--bluesky-->
30+
<a href="https://bsky.app/profile/latte.party" target="_blank">
31+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
32+
<title>bluesky</title>
33+
<path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"/>
34+
</svg>
35+
</a>
36+
<!--activitypub/fediverse-->
37+
<a href="https://fedi.on-a-ps4.lol/pyon" target="_blank">
38+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
39+
<title>fediverse</title>
40+
<path d="M10.91 4.442L0 10.74v2.52L8.727 8.22v10.077l2.182 1.26zM6.545 12l-4.364 2.52 4.364 2.518zm6.545-2.52L17.455 12l-4.364 2.52zm0-5.038L24 10.74v2.52l-10.91 6.298v-2.52L21.819 12 13.091 6.96z"/>
41+
</svg>
42+
</a>
43+
<!--ko-fi-->
44+
<a href="https://ko-fi.com/pyonlatte" target="_blank">
45+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
46+
<title>ko-fi</title>
47+
<path d="M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z"/>
48+
</svg>
49+
</a>
3050
</div>
3151
</body>
32-
</html>
52+
</html>

‎not_found.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>nothing here.</title>
7-
<link href="/styles.css" rel="stylesheet" type="text/css" media="all">
7+
<link href="styles.css" rel="stylesheet" type="text/css" media="all">
88
</head>
99
<body>
1010
<div id="mainbox">

‎old.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>old alias reference</title>
7-
<link href="/styles.css" rel="stylesheet" type="text/css" media="all">
7+
<link href="styles.css" rel="stylesheet" type="text/css" media="all">
88
</head>
99
<body>
1010
<div id="mainbox">
1111
<h1>old alias list, because i know i have had too many and i don't want people to get lost</h1>
12-
<h2>as of this current update of the page (2024-05-14), my current alias is <strong>pyonlatte</strong></h2>
12+
<h2>as of this current update of the page (2024-10-25), my current alias is <strong>pyonlatte</strong></h2>
1313
<ul>
1414
<li>evenyn</li>
1515
<li>vawy / vawwies</li>
1616
<li>hallitsune</li>
1717
<li>xychi</li>
1818
<li>avixuni</li>
1919
</ul>
20-
<h3><a href="index.html">home</a>
20+
<h3><a href="index.html">home</a></h3>
2121
</div>
2222
</body>
2323
</html>

‎styles.css

+41-50
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,58 @@
1-
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
2-
HTML content. To learn how to do something, just try searching Google for questions like
3-
"how to change link color." */
1+
/* gabarito my beloved */
42
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');
53

6-
body {
7-
background-image: url('space.gif');
8-
background-size: 2160px 1428px;
9-
}
4+
/* mobile solid background */
5+
body { background-color: #0E0C15; }
106

7+
/* the real stuff */
118
#mainbox {
9+
/* basic text coloring/style */
1210
color: #A387FF;
1311
font-family: "Gabarito", sans-serif;
14-
background-color: #1D192B77;
15-
border: 5px solid #A387FF;
16-
border-radius: 12px;
12+
background-color: #0E0C15;
13+
border: 0;
1714
padding: 4vh;
15+
h1,h2,h3 { color: #D7CCFF; }
16+
ul { list-style-type: "✦ "; }
17+
/* logo silliness */
18+
.logo {
19+
width: 12vh;
20+
height: 12vh;
21+
border: 5px solid #A387FF;
22+
border-radius: 100%;
23+
transition: transform 750ms;
24+
:hover { transform: rotate(360deg); }
25+
}
26+
/* link coloring */
27+
a {
28+
color: #cf87ff;
29+
transition: color 250ms;
30+
text-decoration: none;
31+
:hover { color: #ebceff; }
32+
svg {
33+
width: 4vh;
34+
height: 4vh;
35+
padding: 0 2vh 0 0;
36+
fill: #cf87ff;
37+
transition: fill 250ms;
38+
:hover { fill: #ebceff; }
39+
}
40+
}
1841
}
1942

43+
/* desktop */
2044
@media screen and (min-width: 900px) {
45+
body {
46+
background-image: url('space.gif');
47+
background-size: 2160px 1428px;
48+
}
2149
#mainbox {
2250
width: 40%;
2351
height: 40%;
2452
margin: 10% auto 10% auto;
25-
padding: 4vh;
2653
word-wrap: break-word;
54+
border: 5px solid #A387FF;
55+
border-radius: 20px;
2756
}
28-
}
29-
30-
#mainbox h1,h2,h3 {
31-
color: #D7CCFF;
32-
}
33-
34-
#mainbox img {
35-
border: 3px solid #A387FF;
36-
border-radius: 100%;
37-
transition: transform 750ms;
38-
}
39-
40-
#mainbox img:hover {
41-
transform: rotate(360deg);
42-
}
43-
44-
#mainbox a {
45-
color: #A387FF;
46-
transition: color 250ms;
47-
}
48-
49-
#mainbox a:hover {
50-
color: #C6B5FC;
51-
}
52-
53-
#mainbox ul {
54-
list-style: none; /* Remove list bullets */
55-
padding: 0;
56-
margin: 0;
57-
}
58-
59-
#mainbox li {
60-
padding-left: 12px;
61-
}
62-
63-
#mainbox li::before {
64-
content: "✦";
65-
padding-right: 6px;
66-
color: rgba(163,135,255,128);
57+
.sorry { display: none; }
6758
}

0 commit comments

Comments
 (0)