feat: make project pretty

This commit is contained in:
2022-08-09 21:07:18 -04:00
parent 6d66ad5781
commit bcef69d91c
15 changed files with 209 additions and 51 deletions

View File

@@ -4,7 +4,19 @@ import { projects } from "@/data/projects";
<template>
<div class="prose dark:prose-invert w-full flex flex-col mt-9">
<h1 id="about" class="text-center mb-4">About</h1>
<h1 class="text-center mb-0">Fun things</h1>
<p class="text-center">(aka my programming projects)</p>
<div class="flex flex-col items-center justify-around gap-5 mt-6">
<ProjectCard
v-for="(proj, index) in projects"
:project="proj"
:key="index"
>
{{ proj.description }}
</ProjectCard>
</div>
<h1 id="about" class="text-center mb-4 mt-8">About</h1>
<!-- this could be in markdown but eh -->
<p>
@@ -47,20 +59,6 @@ import { projects } from "@/data/projects";
<li><strong>Storage:</strong> 300 GB hard drive</li>
<li><strong>OS:</strong> Arch Linux</li>
</ul>
<h1 class="text-center mb-0 mt-8">Fun things</h1>
<p class="text-center mb-4">(aka my programming projects)</p>
<div class="flex flex-col items-center justify-around gap-5">
<ProjectCard
v-for="(proj, index) in projects"
:name="proj.name"
:href="proj.href"
img=""
:key="index"
>
{{ proj.description }}
</ProjectCard>
</div>
</div>
</template>