Updated content and increased version number

This commit is contained in:
Bo⋆˚✿˖° 2025-08-25 21:37:48 +02:00
parent a592ccb703
commit a61167dae3
No known key found for this signature in database
GPG key ID: 0664F1BDE43BA236
12 changed files with 20 additions and 14 deletions

View file

@ -21,7 +21,6 @@ please note that these older versions do not require a server to render properly
This version of Freed's place includes assets created by other artists and used with proper attribution.
Firstly, I'd like to thank [Pixelated Dorito](https://flashes-on-my-soul.straw.page/) for creating [my stella pfp](./html/assets/img/about.png)!
Secondly, the favicon icon, created by [Volpeon](https://volpeon.ink/), is licensed under the **CC-BY-NC-SA-4.0** license.
Additionally, the IBM BIOS font, created by [VileR](https://int10h.org/), is licenced under the **CC BY-SA 4.0** license.
Lastly, the Jetbrains Mono font, created by [Jetbrains](https://www.jetbrains.com/lp/mono/), is licensed under the **SIL Open Font License 1.1**.
## License

View file

@ -29,7 +29,7 @@
</div>
<div class="item">
<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, you'll quickly notice that her gender is pretty vague, her sexuality definitely not straight and her personality all over the place. This has a couple of reasons; they label their gender as "genderless" and they go by she/they pronouns, they're pansexual and their personality is, in general, sweet yet a bit menacing. They can speak Dutch and English and their favorite animal is the fox (or as they like to call it&#x2014;fops)! </p>
<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, you'll quickly notice that her gender is pretty vague, her sexuality definitely not straight and her personality all over the place. This has a couple of reasons; they label their gender as "genderless" and they go by she/they pronouns, they're pansexual and their personality is, in general, sweet yet a bit menacing. They can speak Dutch and English and their favorite animal is the fox (or as they like to call it, fops)! </p>
</div>
</div>
@ -39,7 +39,7 @@
</div>
<div class="item">
<h1>The fops' journey</h1>
<p>Back in the old days, Bo already learned a lot about computers and their inner workings. As she grew older, so did her desire to learn more about these systems. Over the years the fops have undertaken several technology-related projects involving Linux, networking, system management and software development. Besides the obvious, they're also in the furry fandom and have some OCs of their own! You've probably already met some of the floofs&#x2014;Stella and Frozy&#x2014;who are pictured on the homepage.</p>
<p>Back in the day, Bo already explored a lot in the world of computers and their inner workings. As she grew older, so did her desire to learn more about these systems. Over the years the fops have undertaken several technology-related projects involving Linux, networking, system management and (cough cough) software development. Besides the obvious, they're also in the furry fandom and have some OCs of their own! You've probably already met some of the floofs! Frozy, Stella and Luna are pictured all across the webpage.</p>
</div>
</div>

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 115 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 495 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 155 KiB

After

Width:  |  Height:  |  Size: 565 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 424 KiB

Before After
Before After

View file

@ -6,6 +6,12 @@
/* Responsive layout for mobile */
@media (max-width: 800px) {
p {font-size: 15px;}
h1 {font-size: 31px;}
h2 {font-size: 27px;}
h3 {font-size: 23px;}
h4 {font-size: 19px;}
/* Custom */
.img {
max-height: 25vh;
@ -31,7 +37,9 @@
}
.name {
text-align: center; width: 100%;
font-weight: bold;
text-align: center;
width: 100%;
background-color: var(--accent-color);
color: var(--text-color);
@ -55,7 +63,7 @@
.footer p {font-size:12px;}
.info {text-align: center; width: 100%;}
.info {font-weight: bold; text-align: center; width: 100%;}
.copyright {text-align: center; width: 100%;}
/* Boxes */

View file

@ -27,7 +27,7 @@
body {
background-color: var(--background-color);
color: var(--accent-color);
font-family: 'Jetbrains Mono';
font-family: "Jetbrains Mono";
}
p {font-size: 18px;}
@ -74,7 +74,7 @@ a:hover {
margin: auto;
}
.menu p {user-select: none; font-size: 20px;}
.menu p {user-select: none; font-size: 22px;}
.menu a {
color: var(--background-color);
@ -99,7 +99,7 @@ a:hover {
margin: auto;
}
.footer p {font-size:12px;}
.footer p {font-size:14px;}
.footer a {
color: var(--background-color);
@ -124,7 +124,6 @@ a:hover {
}
.item {
font-family: VGA;
padding: 10px;
width: 50%;

View file

@ -29,21 +29,21 @@
</div>
<div class="item">
<h1>Yapping places!!</h1>
<p>There are a few platforms on which I'm avaiable to chat! One notible platform to mention would be the Fediverse where I keep a timeline of all my (unhinged) thoughts, this is one of the easiest, and probably fastest, ways to contact me. With regards to Discord and Signal, please only message me there if we've interacted before. My E-Mail is always open no matter what!
<p>There are a few platforms on which I'm avaiable to chat! One notible platform to mention would be the Fediverse where I keep a timeline of all my (unhinged) thoughts. This is one of the easiest, and probably fastest, ways to contact me. With regards to Discord and Signal, please only message me there if we've interacted before. My E-Mail is always open no matter what!</p>
</div>
</div>
<div class="box content invert">
<div class="item center">
<img src="/assets/img/phone.png" class="img circle">
<img src="/assets/img/there.png" class="img circle">
</div>
<div class="item links">
<h1>Find them here!</h1>
<p>
<a href="https://social.pixelated.sh/@FreedTapestry21" target="_blank">Fediverse: @FreedTapestry21@social.pixelated.sh</a> <br>
<a href="https://discord.com/users/570485025611579392" target="_blank">Discord: @freedtapestry21</a> <br>
<a href="https://matrix.to/#/@freedtapestry21:matrix.org" target="_blank">Matrix: @freedtapestry21:matrix.org</a> <br>
<a href="https://signal.me/#eu/EHvY-TKXzxxz7m-4Ra9Cqvm7vt3j4tNA1Twrp1ZmyotJ-9GZ7LlFtI8uGdrGzVqz" target="_blank">Signal: @FreedTapestry.21</a> <br>
<a href="https://discord.com/users/570485025611579392" target="_blank">Discord: @freedtapestry21</a> <br>
<a href="https://ko-fi.com/freedtapestry21" target="_blank">Ko-fi: freedtapestry21</a> <br>
<a href="mailto:freedtapestry21@pixelated.sh" target="_blank">E-Mail: freedtapestry21@pixelated.sh</a>
</p>

View file

@ -29,7 +29,7 @@
</div>
<div class="item">
<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 of the internet &#x2014; have some rest while you explore around! The internet nowadays is such a chaos, you know with every website fighting for your attention. Instead, enjoy this simple, half-blank webpage with some illustrations here and there! This place is here for you to get to know more about me and to find other places on the internet where you can interact with me!</p>
<p>Hii there! My name's Bo, but I'm also known as Freed! Welcome to my little place of the internet, have some rest while you explore around! The internet nowadays is such a chaos, you know with every website fighting for your attention. Instead, enjoy this simple, half-blank webpage with some illustrations here and there! This place is here for you to get to know more about me and to find other places on the internet where you can interact with me!</p>
</div>
</div>

View file

@ -26,7 +26,7 @@
<div class="box content">
<div class="item">
<h1>Freed.place</h1>
<p>Version 3.0<br>Made with <3 by FreedTapestry21<br>This project is licensed under the CC-BY-4.0 license, including all assets signed by Bo.<br><br><a href="https://git.pixelated.sh/FreedTapestry21/freed.place" target="_blank">Check out the source code here!</a></p>
<p>Version 3.1<br>Made with <3 by FreedTapestry21<br>This project is licensed under the CC-BY-4.0 license, including all assets signed by Bo.<br>All assets signed by other artists fall under their respective copyright licenses.<br><br><a href="https://git.pixelated.sh/FreedTapestry21/freed.place" target="_blank">Check out the source code here!</a></p>
</div>
</div>