Changed content on homepage and about

This commit is contained in:
Bo⋆˚✿˖° 2025-06-04 03:58:56 +02:00
parent c49ae36038
commit 3c2e03cf90
Signed by: FreedTapestry21
GPG key ID: 0664F1BDE43BA236
8 changed files with 27 additions and 15 deletions

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>/ | Freed's place</title>
<title>About | Freed's place</title>
<link rel="stylesheet" href="/assets/style.css">
<link rel="stylesheet" href="/assets/mobile.css">
<link rel="icon" type="image/x-icon" href="/assets/img/logo.png">
@ -23,19 +23,31 @@
</div>
</div>
<div class="box">
<div class="box content">
<div class="item center">
<img src="/assets/img/logo.png" class="img">
<img src="/assets/img/about.png" class="img circle">
</div>
<div class="item">
<h1>(&#x2500;&#x203F;&#x203F;&#x2500;) &#x2661;</h1>
<p>heya! my name's Bo, also known as Freed! I'm a tiny creature traveling around the wild web like every other tiny creature which I see on my computer screen. be welcome to my little corner of the internet!</p>
<h1>the one, the only fops</h1>
<p>This is Bo, a little creature who mainly loves experimenting on computers, learning new and random facts and yapping nonsense. When looking at Bo then you'll quickly notice that her gender is pretty vague, their sexuality definitely not hetro and her personality all over the place. This has a couple of reasonings; she labels her gender as just simply "genderless" and they go by she/they pronouns, they're pansexual and their personality is, in general, sweet yet a bit menacing. They ask you to respect any boundaries they might set and to not be afraid to send a DM!</p>
</div>
</div>
<div class="box content invert">
<div class="item center">
<img src="/assets/img/about.png" class="img circle">
</div>
<div class="item">
<h1>Placeholder</h1>
<p>Another placeholder</p>
</div>
</div>
<div class="box footer">
<div class="info">
<p>Freed's place</p>
</div>
<div class="copyright">
<p>Copyright (c) 2022-2025 FreedTapestry21</p>
</div>
</div>

BIN
html/assets/img/about.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 274 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1 MiB

View file

@ -18,7 +18,7 @@
margin: auto;
}
.menu p {user-select: none; font-size: 20px;}
.menu p {user-select: none; font-size: 16px;}
.menu a {
color: var(--background-color);

View file

@ -69,7 +69,7 @@ a:hover {
background-color: var(--accent-color);
color: var(--background-color);
width: 90%;
width: 100%;
margin: auto;
}
@ -94,7 +94,7 @@ a:hover {
background-color: var(--accent-color);
color: var(--background-color);
width: 90%;
width: 100%;
margin: auto;
}
@ -106,7 +106,7 @@ a:hover {
/* Boxes */
.box {
width: 80%;
width: min(1400px, 80%);
display: flex;
flex-direction: row;

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>/ | Freed's place</title>
<title>Home | Freed's place</title>
<link rel="stylesheet" href="/assets/style.css">
<link rel="stylesheet" href="/assets/mobile.css">
<link rel="icon" type="image/x-icon" href="/assets/img/logo.png">
@ -28,18 +28,18 @@
<img src="/assets/img/welcome.png" class="img circle">
</div>
<div class="item">
<h1>(&#x2500;&#x203F;&#x203F;&#x2500;) &#x2661;</h1>
<p>Hii there! My name's Bo, also known as Freed! <br>I'm a tiny creature traveling around the wild web like every other tiny creature which I see on my computer screen. Be welcome to my little corner of the internet!</p>
<h1>(&#x2500;&#x203F;&#x203F;&#x2500;) /</h1>
<p>Hii there! My name's Bo, but I'm also known as Freed! Welcome to my little place on the internet, have some rest while you explore around! The internet now-a-days is such a hoax, you know with every website trying to get your attention left and right. Instead enjoy this boring half-blank webpage with some illustrations here and there! This webpage is made for you to get to know more about me and to privide you other places on the internet where you can interact with me!</p>
</div>
</div>
<div class="box content invert">
<div class="item center">
<img src="/assets/img/pixelated.png" class="img nocircle">
<img src="/assets/img/lookthere.png" class="img circle">
</div>
<div class="item">
<h1>The Pixelated collective</h1>
<p>Pixelated is a project which I've been working on for quite some time now. It's a collection of open-source services which I maintain, with the purpose of providing open-source alternatives to services from big tech corporations. For more information, please look <a href="https://pixelated.sh" target="_blank">here</a>.</p>
<h1>Pixelated &#x2DA;&#x273F;&#x2D6;&#xB0;</h1>
<p>Pixelated is a project which I've been working on for quite some time now. It's a collection of different open-source services, with the purpose of providing open-source alternatives to services from big tech corporations. It's only possible for mutuals to sign up for these services at the moment since there's limited capacity. To visit Pixelated, <a href="https://pixelated.sh" target="_blank">click here</a>!</p>
</div>
</div>