miawinter/winter-software.com
miawinter/winter-software.com
1
0
Fork 0
Code Actions Activity

Compare commits

base: miawinter:3db4afb24f3521c748b0690739a055dbcc30c11d
Branches Tags
miawinter:main
..
compare: miawinter:00f890288b564a8eb969d7a203958a4024f9f33e
Branches Tags
miawinter:main

3 commits
3db4afb24f ... 00f890288b

Author SHA1 Message Date
Mia Rose Winter 00f890288b
added type-tags to projects
Some checks failed
hugo-deploy / deploy (push) Has been cancelled
Details
2025-12-15 16:28:29 +01:00
Mia Rose Winter b4b7442d25
improved project card styling 2025-12-15 16:21:56 +01:00
Mia Rose Winter f8966406ae
added more projects 2025-12-15 16:21:13 +01:00
4 changed files with 39 additions and 12 deletions
Show stats Expand all files Collapse all files

2
src/components/Button.astro
View file

@ -9,7 +9,7 @@ const { type = "primary", link } = Astro.props;
<a class:list={[
"flex gap-2 items-center justify-center",
"p-2 w-36 font-bold rounded hover:bg-opacity-75 active:bg-opacity-50",
"p-2 w-32 font-bold rounded hover:bg-opacity-75 active:bg-opacity-50",
"transition-color sease-linear duration-300",
`bg-${type}`, `text-${type}-content`
]}

8
src/components/Card.astro
View file

@ -1,12 +1,16 @@
---
interface Props {
title: string;
tags?: string[]
}
const { title } = Astro.props;
const { title, tags = [] } = Astro.props;
---
<article class="flex flex-col bg-base-200 p-8 rounded-sm border border-neutral shadow-neutral shadow-[6px_6px_0_0] min-h-72 break-inside-avoid-column cool-background">
<h3 class="text-2xl font-medium mb-4">{title}</h3>
<h3 class="text-2xl font-medium mb-1">{title}</h3>
<div class="flex gap-1 mb-3">
{tags && tags.map(t => <span class="text-xs bg-neutral text-neutral-content rounded-full p-0.5 px-2">{t}</span>)}
</div>
<slot />
</article>

7
src/components/ProjectCard.astro
View file

@ -1,18 +1,19 @@
---
interface Props {
type?: string;
title: string;
description: string;
link?: string;
repository?: string;
}
const {title, description, link, repository} = Astro.props;
const {type, title, description, link, repository} = Astro.props;
import ButtonLink from "./Button.astro";
import Card from "./Card.astro";
---
<Card title={title}>
<Card title={title} tags={type ? [type] : []}>
<p class="mb-3 flex-1">{description}</p>
<slot />
<div class="flex flex-wrap gap-2">
@ -29,7 +30,7 @@ import Card from "./Card.astro";
}
{
repository &&
<ButtonLink link={repository}>
<ButtonLink link={repository} type="secondary">
<svg class="w-5 h-5" viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="currentColor"></path>
</svg>

34
src/pages/index.astro
View file

@ -19,21 +19,26 @@ import ProjectCard from "../components/ProjectCard.astro";
<a class="underline" href="https://miawinter.de" target="_blank">Mia Rose Winter</a>
</p>
<h2 class="text-2xl lg:text-4xl font-medium mb-2">Projects</h2>
<h2 class="text-2xl lg:text-4xl font-medium mb-2">Software Projects</h2>
<div class="grid grid-cols-1 xl:grid-cols-3 gap-8 gap-y-4 mb-8">
<ProjectCard title="GeeksList"
<ProjectCard type="Web App"
title="GeeksList"
description="Keep track of your favorite shows"
link="https://geekslist.de" />
<ProjectCard title="Wave"
<ProjectCard type="Asp.Net Core"
title="Wave"
description="The Collaborative Open Source Blogging Engine"
repository="https://github.com/miawinter98/Wave" />
<ProjectCard title="Wave Alpha"
<ProjectCard type="Blog"
title="Wave Alpha"
description="A blog running Wave, maintained by Mia Rose Winter, with many articles about many topics from many people."
link="https://blog.winter-software.com" />
<ProjectCard title="Just Short It!"
<ProjectCard type="Asp.Net Core"
title="Just Short It!"
description="The most KISS single-user URL shortener there is"
repository="https://github.com/miawinter98/just-short-it" />
<ProjectCard title="image-gallery"
<ProjectCard type="Astro.js"
title="image-gallery"
description="Create a simple image gallery using Github Pages"
link="https://miawinter98.github.io/image-gallery/"
repository="https://github.com/miawinter98/image-gallery" />
@ -41,5 +46,22 @@ import ProjectCard from "../components/ProjectCard.astro";
<p class="text-end"><small>*if soon means in like the next <span class="line-through">5</span> 10 years</small></p>
</ProjectCard>
</div>
<h2 class="text-2xl lg:text-4xl font-medium mb-2">Other Projects and Notables</h2>
<div class="grid grid-cols-1 xl:grid-cols-3 gap-8 gap-y-4 mb-8">
<ProjectCard type="Scientific Paper"
title="Bachelor Thesis"
description="Rapid Game Prototyping: An Agile Approach to Early Game Development"
link="https://hdms.bsz-bw.de/frontdoor/index/index/docId/7303" />
<ProjectCard type="Typst"
title="Typst Thesis Template"
description="Typst template for bachelor/master thesis for my university."
repository="https://github.com/miawinter98/hdm-thesis"
link="https://typst.app/universe/package/pretty-hdm-thesis" />
<ProjectCard type="Game"
title="Project Mothership"
description="Game Project that I lead for a year during university."
link="https://projectmothershipgame.com/" />
</div>
</main>
</Layout>