Compare commits
2 commits
0cdca68153
...
478cc4a8ca
| Author | SHA1 | Date | |
|---|---|---|---|
| 478cc4a8ca | |||
| a4031ba3ed |
9 changed files with 33 additions and 15 deletions
|
|
@ -17,5 +17,11 @@ 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 take a look there for older versions of this site.
|
||||||
please note that these older versions do not require a server to render properly.
|
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
|
## License
|
||||||
The license which this project uses is located at `LICENSE`.
|
The license which this project uses is located at `LICENSE`.
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/ | Freed's place</title>
|
<title>About | Freed's place</title>
|
||||||
<link rel="stylesheet" href="/assets/style.css">
|
<link rel="stylesheet" href="/assets/style.css">
|
||||||
<link rel="stylesheet" href="/assets/mobile.css">
|
<link rel="stylesheet" href="/assets/mobile.css">
|
||||||
<link rel="icon" type="image/x-icon" href="/assets/img/logo.png">
|
<link rel="icon" type="image/x-icon" href="/assets/img/logo.png">
|
||||||
|
|
@ -23,19 +23,31 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box">
|
<div class="box content">
|
||||||
<div class="item center">
|
<div class="item center">
|
||||||
<img src="/assets/img/logo.png" class="img">
|
<img src="/assets/img/about.png" class="img circle">
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<h1>(─‿‿─) ♡</h1>
|
<h1>the one, the only fops</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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box footer">
|
<div class="box footer">
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<p>Freed's place</p>
|
<p>Freed's place</p>
|
||||||
|
</div>
|
||||||
|
<div class="copyright">
|
||||||
<p>Copyright (c) 2022-2025 FreedTapestry21</p>
|
<p>Copyright (c) 2022-2025 FreedTapestry21</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
BIN
html/assets/img/about.png
Normal file
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 |
BIN
html/assets/img/lookthere.png
Normal file
BIN
html/assets/img/lookthere.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 274 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1 MiB |
|
|
@ -18,7 +18,7 @@
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu p {user-select: none; font-size: 20px;}
|
.menu p {user-select: none; font-size: 16px;}
|
||||||
|
|
||||||
.menu a {
|
.menu a {
|
||||||
color: var(--background-color);
|
color: var(--background-color);
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@ a:hover {
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: var(--background-color);
|
color: var(--background-color);
|
||||||
|
|
||||||
width: 90%;
|
width: 100%;
|
||||||
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -94,7 +94,7 @@ a:hover {
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: var(--background-color);
|
color: var(--background-color);
|
||||||
|
|
||||||
width: 90%;
|
width: 100%;
|
||||||
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -106,7 +106,7 @@ a:hover {
|
||||||
|
|
||||||
/* Boxes */
|
/* Boxes */
|
||||||
.box {
|
.box {
|
||||||
width: 80%;
|
width: min(1400px, 80%);
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/ | Freed's place</title>
|
<title>Home | Freed's place</title>
|
||||||
<link rel="stylesheet" href="/assets/style.css">
|
<link rel="stylesheet" href="/assets/style.css">
|
||||||
<link rel="stylesheet" href="/assets/mobile.css">
|
<link rel="stylesheet" href="/assets/mobile.css">
|
||||||
<link rel="icon" type="image/x-icon" href="/assets/img/logo.png">
|
<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">
|
<img src="/assets/img/welcome.png" class="img circle">
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<h1>(─‿‿─) ♡</h1>
|
<h1>(─‿‿─) /</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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box content invert">
|
<div class="box content invert">
|
||||||
<div class="item center">
|
<div class="item center">
|
||||||
<img src="/assets/img/pixelated.png" class="img nocircle">
|
<img src="/assets/img/lookthere.png" class="img circle">
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<h1>The Pixelated collective</h1>
|
<h1>Pixelated ˚✿˖°</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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue