diff options
Diffstat (limited to 'src/routes/projects/ProjectEntry.svelte')
-rw-r--r-- | src/routes/projects/ProjectEntry.svelte | 36 |
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> |