Add links to software items

src/components/init/SoftwareItem.astro

@@ -4,12 +4,42 @@ const {
     title,
     developer,
     homepage,
-    source
+    source,
+    screenshot
 } = Astro.props
 ---
 
 <div class="software-item">
-    <h2><img width="32px" src={icon}/> {title}</h2>
-    <p>By {developer}</p>
-    <slot/>
+    <div>
+        <h2><img width="32px" src={icon}/> {title}</h2>
+        <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>