Add links to software items
This commit is contained in:
parent
0bae2cc738
commit
2b835cd15e
1 changed files with 35 additions and 5 deletions
|
@ -4,12 +4,42 @@ const {
|
|||
title,
|
||||
developer,
|
||||
homepage,
|
||||
source
|
||||
source,
|
||||
screenshot
|
||||
} = Astro.props
|
||||
---
|
||||
|
||||
<div class="software-item">
|
||||
<div>
|
||||
<h2><img width="32px" src={icon}/> {title}</h2>
|
||||
<p>By {developer}</p>
|
||||
<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>
|
||||
|
||||
<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>
|
Loading…
Reference in a new issue