mirror of
https://github.com/JuLi0n21/homepage.git
synced 2026-04-19 15:20:05 +00:00
add basic layout for files
This commit is contained in:
3
src/assets/github.svg
Normal file
3
src/assets/github.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
|
||||||
|
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 708 B |
@@ -2,3 +2,4 @@
|
|||||||
// You can import this data from anywhere in your site by using the `import` keyword.
|
// You can import this data from anywhere in your site by using the `import` keyword.
|
||||||
|
|
||||||
export const SITE_TITLE = 'Projects';
|
export const SITE_TITLE = 'Projects';
|
||||||
|
export const SITE_DESCRIPTION = 'Homepage for Varius of Projects';
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ const blog = defineCollection({
|
|||||||
description: z.string(),
|
description: z.string(),
|
||||||
// Transform string to Date object
|
// Transform string to Date object
|
||||||
pubDate: z.coerce.date(),
|
pubDate: z.coerce.date(),
|
||||||
updatedDate: z.coerce.date().optional(),
|
gitLink: z.string().optional(),
|
||||||
heroImage: image().optional(),
|
heroImage: image().optional(),
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,31 +0,0 @@
|
|||||||
---
|
|
||||||
title: 'Horsa'
|
|
||||||
description: 'Lorem ipsum dolor sit amet'
|
|
||||||
pubDate: 'Jul 08 2022'
|
|
||||||
---
|
|
||||||
<style is:global>
|
|
||||||
h1 { color: #bb4d00 }
|
|
||||||
h2 { color: #bb4d00 }
|
|
||||||
h3 { color: #bb4d00 }
|
|
||||||
h4 { color: #bb4d00 }
|
|
||||||
body {background: #27272a }
|
|
||||||
.wrapper {background: #18181b }
|
|
||||||
p { color: #e2e2e2}
|
|
||||||
a { color: #e2e2e2 }
|
|
||||||
img { border: 10px solid;
|
|
||||||
border-color: #bb4d00; }
|
|
||||||
</style>
|
|
||||||
# Horsa Haas HorseShoe as a Service
|
|
||||||
|
|
||||||
Horsa is an Mobile First all in One Solution for ur BlackSmithing Shop
|
|
||||||
|
|
||||||
## Features
|
|
||||||
- Invoice Management
|
|
||||||
- Appointment Planning
|
|
||||||
- Automatic VRT planning
|
|
||||||
- Customer Management
|
|
||||||
- Inventory Management
|
|
||||||
- WorkUnit preperation
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -2,9 +2,9 @@
|
|||||||
title: 'FileClap'
|
title: 'FileClap'
|
||||||
description: 'Doormat'
|
description: 'Doormat'
|
||||||
pubDate: 'Jul 08 2022'
|
pubDate: 'Jul 08 2022'
|
||||||
|
gitLink: 'https://github.com/juli0n21/fileclap'
|
||||||
---
|
---
|
||||||
<style is:global>
|
<style is:global>
|
||||||
/* either do it this way or uh yeah */
|
|
||||||
h1 { color: #ffdf20 }
|
h1 { color: #ffdf20 }
|
||||||
body {background: #030712 }
|
body {background: #030712 }
|
||||||
.wrapper {background: #101828 }
|
.wrapper {background: #101828 }
|
||||||
@@ -12,16 +12,17 @@ pubDate: 'Jul 08 2022'
|
|||||||
a { color: #cacbcd }
|
a { color: #cacbcd }
|
||||||
img { border: 10px solid;
|
img { border: 10px solid;
|
||||||
border-color: #ffdf20; }
|
border-color: #ffdf20; }
|
||||||
|
ul li {
|
||||||
|
color: #ffdf20;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
# FileClap: Clear the paperwork off the table
|
# FileClap: Clear the paperwork off the table
|
||||||
Your digital assistant for students and trainees
|
Your digital assistant for students and trainees
|
||||||
|
|
||||||
No more paper chaos! FileClap helps you easily organize photos, receipts, and important documents. Securely stored and accessible from anywhere—for a stress-free daily life with more clarity!
|
No more paper chaos! FileClap helps you easily organize photos, receipts, and important documents. Securely stored and accessible from anywhere—for a stress-free daily life with more clarity!
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Uses Vector embeddings to aid in context aware searching
|
Uses Vector embeddings to aid in context aware searching
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="fileclap.com/home"><h1>check it out!</h1></a>
|
<a href="fileclap.com/home"><h1>check it out!</h1></a>
|
||||||
67
src/content/blog/personal/general.md
Normal file
67
src/content/blog/personal/general.md
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
---
|
||||||
|
title: 'Deployment'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.images {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
# Here is A List of Frequently Used Services for Easy Access <3
|
||||||
|
|
||||||
|
|
||||||
|
//extract the fucking uhh thingy ma bob
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://horsa.illegalesachen.download">
|
||||||
|
Horsa
|
||||||
|
<img src="https://horsa.illegalesachen.download/favicon.ico" heigth="100px" width="100px" />
|
||||||
|
</a>
|
||||||
|
<a href="https://horsa-dev.illegalesachen.download">
|
||||||
|
Horsa Dev
|
||||||
|
<img src="https://horsa-dev.illegalesachen.download/favicon.ico" heigth="100px" width="100px" />
|
||||||
|
</a>
|
||||||
|
<a href='https://github.com/juli0n21/horsa'>
|
||||||
|
<svg height="100px" width="100px" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
|
||||||
|
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://fileclap.com">
|
||||||
|
<img src="https://fileclap.com/assets/favicon.ico" heigth="100px" width="100px" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://argocd.illegalesachen.download/"><img src="https://argo-cd.readthedocs.io/en/stable/assets/logo.png" heigth="100px" width="100px" /></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://metrics.illegalesachen.download/"><img src="https://grafana.kami.wtf/public/build/img/apple-touch-icon.png" heigth="100px" width="100px" /></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://docker-ui.illegalesachen.download/"><img src="https://docker-ui.illegalesachen.download/favicon.ico" heigth="100px" width="100px" /></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
39
src/content/blog/personal/horsa.md
Normal file
39
src/content/blog/personal/horsa.md
Normal file
@@ -0,0 +1,39 @@
|
|||||||
|
---
|
||||||
|
title: 'Horsa'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
gitLink: 'https://github.com/juli0n21/horsa'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
# Horsa Haas HorseShoe as a Service
|
||||||
|
|
||||||
|
Horsa is an Mobile First all in One Solution for ur BlackSmithing Shop
|
||||||
|
|
||||||
|
## Features
|
||||||
|
- Invoice Management
|
||||||
|
- Appointment Planning
|
||||||
|
- Automatic VRT planning
|
||||||
|
- Customer Management
|
||||||
|
- Inventory Management
|
||||||
|
- WorkUnit preperation
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
24
src/content/blog/personal/osu!progress.md
Normal file
24
src/content/blog/personal/osu!progress.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'osu!Progess Server'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/personal/osuProgress.md
Normal file
24
src/content/blog/personal/osuProgress.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'osu!Progress Local'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -21,4 +21,4 @@ Pwa player is a Website that allows u to play and share ur local osu music with
|
|||||||
|
|
||||||
The Focus is on easy setup, customization and most emportantly Enjoying the music
|
The Focus is on easy setup, customization and most emportantly Enjoying the music
|
||||||
|
|
||||||
|
|
||||||
24
src/content/blog/university/eai-presentation.md
Normal file
24
src/content/blog/university/eai-presentation.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'eai-presentation-frameworks'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/eai.md
Normal file
24
src/content/blog/university/eai.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'eai'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/eai.xmpp.md
Normal file
24
src/content/blog/university/eai.xmpp.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'eai-xmpp'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/gc-project.md
Normal file
24
src/content/blog/university/gc-project.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'vr-threejs'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/gwa.md
Normal file
24
src/content/blog/university/gwa.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'GWA-webshop'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/ina2.md
Normal file
24
src/content/blog/university/ina2.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'Ina2-Webshop'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/ise-tweeter.md
Normal file
24
src/content/blog/university/ise-tweeter.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'ISE-Tweeter'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/mandelbrot.md
Normal file
24
src/content/blog/university/mandelbrot.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'MandelBrot'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/messanger.md
Normal file
24
src/content/blog/university/messanger.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'Messenger-App/Server'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/picShare.md
Normal file
24
src/content/blog/university/picShare.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'PicShare'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/project-1.md
Normal file
24
src/content/blog/university/project-1.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'Project-1'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/content/blog/university/spline-interpolation.md
Normal file
24
src/content/blog/university/spline-interpolation.md
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
---
|
||||||
|
title: 'SplineInterpolation'
|
||||||
|
description: 'Lorem ipsum dolor sit amet'
|
||||||
|
pubDate: 'Jul 08 2022'
|
||||||
|
---
|
||||||
|
<style is:global>
|
||||||
|
h1 { color: #bb4d00 }
|
||||||
|
h2 { color: #bb4d00 }
|
||||||
|
h3 { color: #bb4d00 }
|
||||||
|
h4 { color: #bb4d00 }
|
||||||
|
body {background: #27272a }
|
||||||
|
.wrapper {background: #18181b }
|
||||||
|
p { color: #e2e2e2}
|
||||||
|
a { color: #e2e2e2 }
|
||||||
|
img { border: 10px solid;
|
||||||
|
border-color: #bb4d00; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
color: #bb4d00;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -5,10 +5,10 @@ import BaseHead from '../components/BaseHead.astro';
|
|||||||
import Footer from '../components/Footer.astro';
|
import Footer from '../components/Footer.astro';
|
||||||
import FormattedDate from '../components/FormattedDate.astro';
|
import FormattedDate from '../components/FormattedDate.astro';
|
||||||
import Header from '../components/Header.astro';
|
import Header from '../components/Header.astro';
|
||||||
|
import GithubIcon from '../assets/github.svg';
|
||||||
type Props = CollectionEntry<'blog'>['data'];
|
type Props = CollectionEntry<'blog'>['data'];
|
||||||
|
|
||||||
const { title, description, pubDate, updatedDate } = Astro.props;
|
const { title, description, pubDate, updatedDate, gitLink } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -18,11 +18,16 @@ const { title, description, pubDate, updatedDate } = Astro.props;
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<Header />
|
<Header />
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
<a href={gitLink ?? 'https://github.com/juli0n21'} style="position: relative;">
|
||||||
|
<svg style="position: absolute; right:0;" height="50px" width="50px" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
|
||||||
|
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
<slot />
|
<slot />
|
||||||
|
|
||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
@@ -40,7 +45,7 @@ main { display: flex;
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -51,4 +56,5 @@ main { display: flex;
|
|||||||
padding: 1cm;
|
padding: 1cm;
|
||||||
margin: 1cm;
|
margin: 1cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,114 +0,0 @@
|
|||||||
---
|
|
||||||
import { Image } from 'astro:assets';
|
|
||||||
import { getCollection } from 'astro:content';
|
|
||||||
import BaseHead from '../../components/BaseHead.astro';
|
|
||||||
import Footer from '../../components/Footer.astro';
|
|
||||||
import FormattedDate from '../../components/FormattedDate.astro';
|
|
||||||
import Header from '../../components/Header.astro';
|
|
||||||
import { SITE_DESCRIPTION, SITE_TITLE } from '../../consts';
|
|
||||||
|
|
||||||
const posts = (await getCollection('blog')).sort(
|
|
||||||
(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
|
|
||||||
);
|
|
||||||
---
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
|
|
||||||
<style>
|
|
||||||
main {
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 2rem;
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
ul li {
|
|
||||||
width: calc(50% - 1rem);
|
|
||||||
}
|
|
||||||
ul li * {
|
|
||||||
text-decoration: none;
|
|
||||||
transition: 0.2s ease;
|
|
||||||
}
|
|
||||||
ul li:first-child {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
ul li:first-child img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
ul li:first-child .title {
|
|
||||||
font-size: 2.369rem;
|
|
||||||
}
|
|
||||||
ul li img {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
border-radius: 12px;
|
|
||||||
}
|
|
||||||
ul li a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
margin: 0;
|
|
||||||
color: rgb(var(--black));
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
.date {
|
|
||||||
margin: 0;
|
|
||||||
color: rgb(var(--gray));
|
|
||||||
}
|
|
||||||
ul li a:hover h4,
|
|
||||||
ul li a:hover .date {
|
|
||||||
color: rgb(var(--accent));
|
|
||||||
}
|
|
||||||
ul a:hover img {
|
|
||||||
box-shadow: var(--box-shadow);
|
|
||||||
}
|
|
||||||
@media (max-width: 720px) {
|
|
||||||
ul {
|
|
||||||
gap: 0.5em;
|
|
||||||
}
|
|
||||||
ul li {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
ul li:first-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
ul li:first-child .title {
|
|
||||||
font-size: 1.563em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<Header />
|
|
||||||
<main>
|
|
||||||
<section>
|
|
||||||
<ul>
|
|
||||||
{
|
|
||||||
posts.map((post) => (
|
|
||||||
<li>
|
|
||||||
<a href={`/blog/${post.id}/`}>
|
|
||||||
{post.data.heroImage && (
|
|
||||||
<Image width={720} height={360} src={post.data.heroImage} alt="" />
|
|
||||||
)}
|
|
||||||
<h4 class="title">{post.data.title}</h4>
|
|
||||||
<p class="date">
|
|
||||||
<FormattedDate date={post.data.pubDate} />
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<Footer />
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|||||||
@@ -12,37 +12,7 @@ import { SITE_DESCRIPTION, SITE_TITLE } from '../consts';
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<Header />
|
<Header />
|
||||||
<main>
|
Welcome to this Horrible Website, pick any link from the sidebar.
|
||||||
<h1>🧑🚀 Hello, Astronaut!</h1>
|
|
||||||
<p>
|
|
||||||
Welcome to the official <a href="https://astro.build/">Astro</a> blog starter template. This template
|
|
||||||
serves as a lightweight, minimally-styled starting point for anyone looking to build a personal
|
|
||||||
website, blog, or portfolio with Astro.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
This template comes with a few integrations already configured in your
|
|
||||||
<code>astro.config.mjs</code> file. You can customize your setup with
|
|
||||||
<a href="https://astro.build/integrations">Astro Integrations</a> to add tools like Tailwind,
|
|
||||||
React, or Vue to your project.
|
|
||||||
</p>
|
|
||||||
<p>Here are a few ideas on how to get started with the template:</p>
|
|
||||||
<ul>
|
|
||||||
<li>Edit this page in <code>src/pages/index.astro</code></li>
|
|
||||||
<li>Edit the site header items in <code>src/components/Header.astro</code></li>
|
|
||||||
<li>Add your name to the footer in <code>src/components/Footer.astro</code></li>
|
|
||||||
<li>Check out the included blog posts in <code>src/content/blog/</code></li>
|
|
||||||
<li>Customize the blog post page layout in <code>src/layouts/BlogPost.astro</code></li>
|
|
||||||
</ul>
|
|
||||||
<p>
|
|
||||||
Have fun! If you get stuck, remember to
|
|
||||||
<a href="https://docs.astro.build/">read the docs</a>
|
|
||||||
or <a href="https://astro.build/chat">join us on Discord</a> to ask questions.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Looking for a blog template with a bit more personality? Check out
|
|
||||||
<a href="https://github.com/Charca/astro-blog-template">astro-blog-template</a>
|
|
||||||
by <a href="https://twitter.com/Charca">Maxi Ferreira</a>.
|
|
||||||
</p>
|
|
||||||
</main>
|
</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -39,7 +39,6 @@ body {
|
|||||||
background-size: 100% 600px;
|
background-size: 100% 600px;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
color: rgb(var(--gray-dark));
|
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 1.7;
|
line-height: 1.7;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user