gock
This commit is contained in:
parent
6a9dc685e7
commit
9e22e59053
12 changed files with 123 additions and 58 deletions
|
@ -1,4 +1,6 @@
|
||||||
import { defineConfig } from 'astro/config';
|
import { defineConfig } from 'astro/config';
|
||||||
|
|
||||||
// https://astro.build/config
|
// https://astro.build/config
|
||||||
export default defineConfig({});
|
export default defineConfig({
|
||||||
|
|
||||||
|
});
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 316 KiB After Width: | Height: | Size: 583 KiB |
Binary file not shown.
Before Width: | Height: | Size: 749 B After Width: | Height: | Size: 414 B |
30
App/src/Components/BlogPost.astro
Normal file
30
App/src/Components/BlogPost.astro
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
---
|
||||||
|
const { title, description, date, url } = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span><strong><a href={url}>{title}</a></strong><i>{date}</i></span>
|
||||||
|
<p>{description}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
div {
|
||||||
|
border-left: #44475a solid;
|
||||||
|
border-right: #44475a solid;
|
||||||
|
border-top: #44475a solid;
|
||||||
|
border-bottom: #44475a solid;
|
||||||
|
border-width: 1px;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: unset
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
p {margin: 0}
|
||||||
|
|
||||||
|
</style>
|
|
@ -3,12 +3,12 @@
|
||||||
---
|
---
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span><a href="https://matthil.de/">Mat/</a></span>
|
<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://dd86k.space/">DD/</a></span>
|
<span><a href="https://kiyoshi.games/">Kiyo/</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://github.com/PricedOx">Wiki/</a></span>
|
<span><a href="https://gock.mom">Nao/</a></span>
|
||||||
<span><a href="https://reimu.info/">Mari/</a></span>
|
<span><a href="https://arci.me">Augocka/</a></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
@ -20,4 +20,4 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #ffb86c;
|
color: #ffb86c;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
5
App/src/Styles/blogPage.css
Normal file
5
App/src/Styles/blogPage.css
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
#bloglist {
|
||||||
|
gap: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
|
@ -38,20 +38,26 @@ body{
|
||||||
color: #f8f8f2
|
color: #f8f8f2
|
||||||
}
|
}
|
||||||
|
|
||||||
#content p strong {
|
strong {
|
||||||
color: #bd93f9
|
color: #bd93f9
|
||||||
}
|
}
|
||||||
|
|
||||||
#content p i {
|
i {
|
||||||
color: #8be9fd
|
color: #8be9fd
|
||||||
}
|
}
|
||||||
|
|
||||||
#content p a {
|
#content a {
|
||||||
color: #ffb86c;
|
color: #ffb86c;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
text-decoration:none
|
text-decoration:none
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content a:hover {
|
||||||
|
background-color: #ffb86c;
|
||||||
|
color: #282a36;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
#content .paragraphwpic {
|
#content .paragraphwpic {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
|
@ -1,6 +1,10 @@
|
||||||
---
|
---
|
||||||
import "../Styles/index.css"
|
import "../Styles/index.css"
|
||||||
|
import "../Styles/blogPage.css"
|
||||||
import SubPagesRow from "../Components/SubPagesRow.astro"
|
import SubPagesRow from "../Components/SubPagesRow.astro"
|
||||||
|
import BlogPost from "../Components/BlogPost.astro";
|
||||||
|
|
||||||
|
const posts = await Astro.glob('./posts/*.md')
|
||||||
---
|
---
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
@ -14,12 +18,25 @@ import SubPagesRow from "../Components/SubPagesRow.astro"
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h1>/home/alecake/<strong>blog</strong></h1>
|
<h1>/home/<strong>alecake</strong>/<i>blog</i></h1>
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p> > ls ~/subpages/</p>
|
<p> > ls ~/subpages/</p>
|
||||||
</div>
|
</div>
|
||||||
<SubPagesRow/>
|
<SubPagesRow/>
|
||||||
<p>In construction</p>
|
<div class="commandline">
|
||||||
|
<p>> ls ~/blogposts/</p>
|
||||||
|
</div>
|
||||||
|
<div id="bloglist">
|
||||||
|
{posts.map(post => (
|
||||||
|
<BlogPost
|
||||||
|
title={post.frontmatter.title}
|
||||||
|
url={post.url}
|
||||||
|
date={post.frontmatter.date}
|
||||||
|
description={post.frontmatter.description}
|
||||||
|
></BlogPost>
|
||||||
|
)
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -17,12 +17,12 @@ import FriendsRow from "../Components/FriendsRow.astro"
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h1>/home/<strong>alecake</strong></h1>
|
<h1>/home/<strong>alecake</strong></h1>
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p> > ls ~/subpages/</p>
|
<p> > ls ~/subpages/</p>
|
||||||
</div>
|
</div>
|
||||||
<SubPagesRow/>
|
<SubPagesRow/>
|
||||||
|
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p> > ls ~/contacts_and_socialmedia/</p>
|
<p> > ls ~/contacts_and_socialmedia/</p>
|
||||||
</div>
|
</div>
|
||||||
<ContactsRow/>
|
<ContactsRow/>
|
||||||
|
|
||||||
|
@ -31,11 +31,11 @@ import FriendsRow from "../Components/FriendsRow.astro"
|
||||||
<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 and mostly relates to computers.
|
anything that is actually fun and mostly relates to computers.
|
||||||
<br>
|
<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!
|
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>
|
||||||
|
@ -45,61 +45,61 @@ import FriendsRow from "../Components/FriendsRow.astro"
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="paragraphwpic">
|
<span class="paragraphwpic">
|
||||||
<p>
|
<p>
|
||||||
If you are my friend you may already know, but I'm very much obsessed
|
If you are my friend you may already know, but I'm very much obsessed 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://nixos.org/">nixos</a>, it's quite the nice distro
|
||||||
and that's why i use linux, specifically, i'm using <a href="https://get.opensuse.org/tumbleweed/">opensuse tumbleweed</a>
|
it has a lot of issues, regarding the documentation, but it is usable, and i like having my system available as a readable config file.
|
||||||
in this screenshot and i'd say that it is quite the nice distro overall, though i did have some issues with gnome and
|
Regarding my choice of desktops, well, as you may see i'm using GNOME, it's pretty much my favorite desktop environment.
|
||||||
nautilus not working exactly <i>nicely</i> after an update, with that i mean that some python extension for nautilus
|
</p>
|
||||||
<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.
|
<img src="/Assets/Homepage/desktop.png">
|
||||||
</p>
|
|
||||||
<img src="/Assets/Homepage/desktop.png">
|
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p>> cat ~/randomstuff/interests.md</p>
|
<p>> cat ~/randomstuff/interests.md</p>
|
||||||
</div>
|
</div>
|
||||||
<span class="paragraphwpic">
|
<span class="paragraphwpic">
|
||||||
<p>
|
<p>
|
||||||
My interests...well, i do enjoy a lot of things, my main ones focus on
|
My interests...well, i do enjoy a lot of things, my main ones focus on
|
||||||
software, i like to learn new technologies, even if it takes me a while.
|
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, 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
|
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.
|
in the anime ending, and the movie.
|
||||||
</p>
|
</p>
|
||||||
<img class="small" src="/Assets/Homepage/thirdimpact.png">
|
<img class="small" src="/Assets/Homepage/thirdimpact.png">
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Other than that, i do enjoy coding, making websites, writing css, drawing, making pixel art, trying new technologies...
|
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.
|
i have quite a lot of interests, that i am not going to write here, for now.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p>> cat ~/randomstuff/homeserver.md</p>
|
<p>> cat ~/randomstuff/homeserver.md</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
OH yeah! one big hobby of mine is to basically, fuck up my old laptop...yeah...it's my main server
|
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
|
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> and my <a href="https://app.revolt.chat/bot/01FEED7J1V5STJ6QETZAKR8SVA">Revolt bot</a>.<br>
|
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>,
|
||||||
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>
|
<a href="https://freshrss.org/">FreshRSS</a> and my <a href="https://app.revolt.chat/bot/01FEED7J1V5STJ6QETZAKR8SVA">Revolt bot</a>.
|
||||||
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
|
<br>
|
||||||
to use it at first.
|
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>
|
</p>
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p>> ls ~/important_stuff/confession/</p>
|
<p>> cat ~/important_stuff/brain.md</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<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,
|
Well, a cool thing about how my brain works, is that i have a very hard time thinking about past things, even if they happened recently,
|
||||||
and i've known for a fucking decade, so i'm pretty tired of keeping myself in the closet
|
which makes me a perfect candidate to be the "venting" friend, i forget everything, and i have a diary which i <i>forget</i> to update, haha,
|
||||||
|
though, it may just be a consequence of untreated depression.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="commandline">
|
<div class="commandline">
|
||||||
<p>> ls ~/important_stuff/friends/</p>
|
<p>> ls ~/important_stuff/important_people/</p>
|
||||||
</div>
|
</div>
|
||||||
<FriendsRow/>
|
<FriendsRow/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
8
App/src/pages/posts/HelloWorld.md
Normal file
8
App/src/pages/posts/HelloWorld.md
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
title : Hello World!
|
||||||
|
description : just a try for astro's glob function...or whatever the name is
|
||||||
|
date: 09/07/2023
|
||||||
|
---
|
||||||
|
# First Article!
|
||||||
|
|
||||||
|
uwu owo uwu owo uwu owo uwu owo uwu owo
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"extends": "astro/tsconfigs/strict"
|
|
||||||
}
|
|
|
@ -1,3 +1,3 @@
|
||||||
{
|
{
|
||||||
"extends": "astro/tsconfigs/base"
|
"extends": "astro/tsconfigs/strict"
|
||||||
}
|
}
|
Loading…
Reference in a new issue