yayyy new website!!

1 files changed, 36 insertions, 0 deletions

diff --git a/src/routes/projects/ProjectEntry.svelte b/src/routes/projects/ProjectEntry.svelte
new file mode 100644
index 0000000..53c69b5
--- /dev/null
+++ b/src/routes/projects/ProjectEntry.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+  export let name: string;
+  export let description: string;
+  export let projType: string;
+  export let link: string;
+  export let id: string = name.toLowerCase().replaceAll(" ", "_");
+</script>
+
+<section id="{id}" class="box">
+    <h2>{name}</h2>
+    <section id="fsverify-link">
+      <p class="subheader">
+	{projType} - <a href="{link}">{link}</a>
+      </p>
+    </section>
+    <slot />
+    <p class="description">
+      {description}
+    </p>
+</section>
+
+
+<style lang="scss">
+  @use 'sass:color';
+  section {
+    max-width: 790px;
+    width: 100%;
+    & h2 {
+      margin-bottom: 0px;
+    }
+    & .description {
+      text-align: center;
+    }
+  }
+
+</style>