FreedTapestry21/freed.place
FreedTapestry21/freed.place
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: FreedTapestry21:478cc4a8ca8aa5495f0dc549706546a96cfea3f4
Branches Tags
FreedTapestry21:main
FreedTapestry21:v3.0-dev
FreedTapestry21:v3.0
..
compare: FreedTapestry21:0cdca68153debe120ed6abd134e1a91e19133e46
Branches Tags
FreedTapestry21:v3.0-dev
FreedTapestry21:v3.0
FreedTapestry21:main

No commits in common. "478cc4a8ca8aa5495f0dc549706546a96cfea3f4" and "0cdca68153debe120ed6abd134e1a91e19133e46" have entirely different histories.
478cc4a8ca ... 0cdca68153

9 changed files with 15 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

6
README.md
View file

@ -17,11 +17,5 @@ older versions of [freed.place](https://freed.place) are located in [another rep
please take a look there for older versions of this site.
please note that these older versions do not require a server to render properly.
## Credits
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://pixelateddorito.straw.page) for creating [my stella pfp](./html/assets/img/about.png)!
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
The license which this project uses is located at `LICENSE`.

22
html/about/index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>About | Freed's place</title>
<title>/ | 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,31 +23,19 @@
</div>
</div>
<div class="box content">
<div class="box">
<div class="item center">
<img src="/assets/img/about.png" class="img circle">
<img src="/assets/img/logo.png" class="img">
</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, their sexuality definitely not hetero and her personality all over the place. This has a couple of reasons; 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. Their DMs are open, but they do ask you to respect their boundaries when prompted to do so. Thank you!</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>
<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>
</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
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.9 MiB

BIN
html/assets/img/favicon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
html/assets/img/lookthere.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 274 KiB

BIN
html/assets/img/pixelated.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 MiB

2
html/assets/mobile.css
View file

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

6
html/assets/style.css
View file

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

12
html/index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Home | Freed's place</title>
<title>/ | 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;) /</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>
<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>
</div>
</div>
<div class="box content invert">
<div class="item center">
<img src="/assets/img/lookthere.png" class="img circle">
<img src="/assets/img/pixelated.png" class="img nocircle">
</div>
<div class="item">
<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>
<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>
</div>
</div>