Korbs/sudovanilla-website
1
Fork 0
Code Issues Pull requests Activity

Add links to software items

Browse source
This commit is contained in:
Korbs 2024-05-29 17:36:46 -04:00
parent 0bae2cc738
commit 2b835cd15e
1 changed files with 35 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/components/init/SoftwareItem.astro
View file

@ -4,12 +4,42 @@ const {
title, title,
developer, developer,
homepage, homepage,
source source,
screenshot
} = Astro.props } = Astro.props
--- ---
<div class="software-item"> <div class="software-item">
<h2><img width="32px" src={icon}/> {title}</h2> <div>
<p>By {developer}</p> <h2><img width="32px" src={icon}/> {title}</h2>
<slot/> <p id="si-dev">By {developer}</p>
<slot/>
<div class="si-links">
<a href={homepage}>Website</a>
<a href={source}>Source code</a>
</div>
</div>
</div> </div>
<style>
.software-item {
display: flex;
h2 {
display: flex;
gap: 12px;
align-items: center;
}
.si-links {
display: flex;
gap: 12px;
a {
text-decoration: underline;
}
}
#si-dev {
opacity: 0.5;
font-size: 14px;
margin: 0px;
}
}
</style>