STUFF
This commit is contained in:
Ale
parent
01f671f2fb
commit
8e50fb3271
8 changed files with 185 additions and 12 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 316 KiB |
BIN
App/public/Assets/Homepage/thirdimpact.png
Normal file
BIN
App/public/Assets/Homepage/thirdimpact.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
21
App/src/Components/ContactRow.astro
Normal file
21
App/src/Components/ContactRow.astro
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span><a href="https://matrix.to/#/@chococake:ale.pet">Matrix/</a></span>
|
||||||
|
<span><a href="https://app.revolt.chat/">Revolt/</a></span>
|
||||||
|
<span><a href="https://lea.pet/@StrawberryCreamCake">Fediverse/</a></span>
|
||||||
|
<span><a href="https://catgirl.pub/u/SubWoofer">Threadiverse/</a></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
span {
|
||||||
|
padding: 2px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #ffb86c;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
23
App/src/Components/FriendsRow.astro
Normal file
23
App/src/Components/FriendsRow.astro
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span><a href="https://matthil.de/">Mat/</a></span>
|
||||||
|
<span><a href="http://mayu.space/">Mayu/</a></span>
|
||||||
|
<span><a href="https://dd86k.space/">DD/</a></span>
|
||||||
|
<span><a href="https://kiyoshi.games/">Kiyo/</a></span>
|
||||||
|
<span><a href="https://github.com/PricedOx">Wiki/</a></span>
|
||||||
|
<span><a href="https://reimu.info/">Mari/</a></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
span {
|
||||||
|
padding: 2px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #ffb86c;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
20
App/src/Components/SubPagesRow.astro
Normal file
20
App/src/Components/SubPagesRow.astro
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span><a href="/">Home/</a></span>
|
||||||
|
<span><a href="/blog">Blog/</a></span>
|
||||||
|
<span><a href="https://git.ale.pet/ale/CakeyWebsite">GitRepo/</a></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
span {
|
||||||
|
padding: 2px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #ffb86c;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -9,19 +9,25 @@ body{
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
#content {
|
#content {
|
||||||
border-left: #44475a solid;
|
border-left: #44475a solid;
|
||||||
border-right: #44475a solid;
|
border-right: #44475a solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
max-width: 800px;
|
max-width: 950px;
|
||||||
font-family: 'victor mono';
|
font-family: 'victor mono';
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content h1 {
|
#content h1 {
|
||||||
color: #ff79c6
|
color: #ff79c6;
|
||||||
|
font-size: 50px;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
#content h1 strong{
|
#content h1 strong{
|
||||||
color: #bd93f9
|
color: #bd93f9
|
||||||
|
|
@ -58,19 +64,25 @@ body{
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content .paragraphwpic img {
|
#content .paragraphwpic img, .small {
|
||||||
width: 500px;
|
max-width: 500px;
|
||||||
height: 300px;
|
width: 90%;
|
||||||
|
height: 90%;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
flex-shrink: 0;
|
|
||||||
border: #44475a solid;
|
border: #44475a solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content .paragraphwpic .small {
|
||||||
|
width: 40%;
|
||||||
|
height: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
hr { display: block; height: 1px;
|
hr { display: block; height: 1px;
|
||||||
border: 0; border-top: 1px solid #44475a;
|
border: 0; border-top: 1px solid #44475a;
|
||||||
margin: 0 0; padding: 0;
|
margin: 0 0; padding: 0;
|
||||||
|
|
@ -78,7 +90,21 @@ hr { display: block; height: 1px;
|
||||||
|
|
||||||
.commandline{
|
.commandline{
|
||||||
background-color: #44475a;
|
background-color: #44475a;
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
.commandline >*{
|
.commandline >*{
|
||||||
color : #8be9fd!important
|
color : #8be9fd!important
|
||||||
}
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
color : #ffb86c;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
border-bottom: 1px dashed #ffb86c;
|
||||||
|
border-left: 1px solid #ffb86c;
|
||||||
|
border-right: 1px solid #ffb86c;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
25
App/src/pages/blog.astro
Normal file
25
App/src/pages/blog.astro
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
---
|
||||||
|
import "../Styles/index.css"
|
||||||
|
import SubPagesRow from "../Components/SubPagesRow.astro"
|
||||||
|
---
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width" />
|
||||||
|
<meta name="generator" content={Astro.generator} />
|
||||||
|
<title>Cakey's home directory</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="content">
|
||||||
|
<h1>/home/alecake/<strong>blog</strong></h1>
|
||||||
|
<div class="commandline">
|
||||||
|
<p> > ls ~/subpages/</p>
|
||||||
|
</div>
|
||||||
|
<SubPagesRow/>
|
||||||
|
<p>In construction</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,5 +1,8 @@
|
||||||
---
|
---
|
||||||
import "../Styles/index.css"
|
import "../Styles/index.css"
|
||||||
|
import ContactsRow from "../Components/ContactRow.astro"
|
||||||
|
import SubPagesRow from "../Components/SubPagesRow.astro"
|
||||||
|
import FriendsRow from "../Components/FriendsRow.astro"
|
||||||
---
|
---
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
@ -13,19 +16,32 @@ import "../Styles/index.css"
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h1>/home/<strong>alecake</strong></h1>
|
<h1>/home/<strong>alecake</strong></h1>
|
||||||
|
<div class="commandline">
|
||||||
|
<p> > ls ~/subpages/</p>
|
||||||
|
</div>
|
||||||
|
<SubPagesRow/>
|
||||||
|
|
||||||
|
<div class="commandline">
|
||||||
|
<p> > ls ~/contacts_and_socialmedia/</p>
|
||||||
|
</div>
|
||||||
|
<ContactsRow/>
|
||||||
|
|
||||||
<div id="intro">
|
<div id="intro">
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p>cat ~/intro.md</p>
|
<p> > cat ~/intro.md</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
Howdy~ I'm <strong>Ale</strong>, lot's of people know me as cake though.
|
Howdy~ I'm <strong>Ale</strong>, lot's of people know me as cake though.
|
||||||
I'm somewhat of a software developer, though i enjoy doing basically
|
I'm somewhat of a software developer, though i enjoy doing basically
|
||||||
anything that is actually fun.
|
anything that is actually fun and mostly relates to computers.
|
||||||
|
<br>
|
||||||
|
Other stuff to let you know me better, mh, i'm 19, and i live in italy 🍕, yeah, that's it, this is supposed to be a short intro!
|
||||||
</p>
|
</p>
|
||||||
<hr>
|
<hr>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p>cat ~/intropart2idk.md</p>
|
<p>> cat ~/intropart2idk.md</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="paragraphwpic">
|
<span class="paragraphwpic">
|
||||||
|
|
@ -34,14 +50,56 @@ import "../Styles/index.css"
|
||||||
with open source crap, that's why this website is hosted on my git istance,
|
with open source crap, that's why this website is hosted on my git istance,
|
||||||
and that's why i use linux, specifically, i'm using <a href="https://get.opensuse.org/tumbleweed/">opensuse tumbleweed</a>
|
and that's why i use linux, specifically, i'm using <a href="https://get.opensuse.org/tumbleweed/">opensuse tumbleweed</a>
|
||||||
in this screenshot and i'd say that it is quite the nice distro overall, though i did have some issues with gnome and
|
in this screenshot and i'd say that it is quite the nice distro overall, though i did have some issues with gnome and
|
||||||
nautilus not working exactly <i>nicely</i> after an update.
|
nautilus not working exactly <i>nicely</i> after an update, with that i mean that some python extension for nautilus
|
||||||
|
<i>really</i> did not want me to browse my files, but it was quickly fixed by searching for the solution online, in true linux fashion.
|
||||||
</p>
|
</p>
|
||||||
<img src="/Assets/Homepage/desktop.png">
|
<img src="/Assets/Homepage/desktop.png">
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
<div class="commandline">
|
||||||
|
<p>> cat ~/randomstuff/interests.md</p>
|
||||||
|
</div>
|
||||||
|
<span class="paragraphwpic">
|
||||||
<p>
|
<p>
|
||||||
As you might have noticed, dear reader, i <i>like</i> evangelion
|
My interests...well, i do enjoy a lot of things, my main ones focus on
|
||||||
and with like, i mean that it's one of my favorite pieces of media ever.
|
software, i like to learn new technologies, even if it takes me a while.
|
||||||
|
And, as you might have noticed, dear reader, my wallpaper is from an anime, evangelion, and i <i>really like</i> evangelion
|
||||||
|
and with like, i mean that it's one of my favorite pieces of media ever, the third impact just resonates with me so much, both
|
||||||
|
in the anime ending, and the movie.
|
||||||
</p>
|
</p>
|
||||||
|
<img class="small" src="/Assets/Homepage/thirdimpact.png">
|
||||||
|
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Other than that, i do enjoy coding, making websites, writing css, drawing, making pixel art, trying new technologies...
|
||||||
|
i have quite a lot of interests, that i am not going to write here, for now.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="commandline">
|
||||||
|
<p>> cat ~/randomstuff/homeserver.md</p>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
OH yeah! one big hobby of mine is to basically, fuck up my old laptop...yeah...it's my main server
|
||||||
|
and yeah, it's underpowered, that's why i rented a couple cheap VPS from Hetzner, and they do the job
|
||||||
|
quite nicely, my laptop is now used only for my <a href="https://nextcloud.com/">Nextcloud</a>, <a href="https://www.navidrome.org/">Navidrome</a>, <a href="https://freshrss.org/">FreshRSS</a>
|
||||||
|
, ForgeJo istance and my <a href="https://app.revolt.chat/bot/01FEED7J1V5STJ6QETZAKR8SVA">Revolt bot</a>.<br>
|
||||||
|
While my VPS hosts a <a href="https://cinny.ale.pet/">Matrix dendrite istance</a> and a <a href="https://catgirl.pub/">Lemmy istance</a>.<br>
|
||||||
|
It has been quite the learning experience for me, haha, i have to thank a <a href="https://me.lea.pet/">friend</a> of mine for teaching me how to use Docker, as i had been too stubborn
|
||||||
|
to use it at first.
|
||||||
|
</p>
|
||||||
|
<div class="commandline">
|
||||||
|
<p>> ls ~/important_stuff/confession/</p>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Fuck it, if you are reading this and you are a friend of mine, especially irl ones, take this as a way of me coming out, i am trans, i'm a transfem,
|
||||||
|
and i've known for a fucking decade, so i'm pretty tired of keeping myself in the closet
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="commandline">
|
||||||
|
<p>> ls ~/important_stuff/friends/</p>
|
||||||
|
</div>
|
||||||
|
<FriendsRow/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue