mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-26 17:11:21 +00:00
feat: added a project page
This commit is contained in:
parent
b6d045e243
commit
a68d410bdc
1 changed files with 67 additions and 0 deletions
67
src/routes/projects/+page.svelte
Normal file
67
src/routes/projects/+page.svelte
Normal file
|
@ -0,0 +1,67 @@
|
|||
<main>
|
||||
<h1>My Projects</h1>
|
||||
|
||||
<div class="project">
|
||||
<h2>Triple Ticket Dashboard</h2>
|
||||
<p>Dec 2021 - Present</p>
|
||||
<p>The Ticket Dashboard consolidates tickets from various sources into a centralized view.</p>
|
||||
</div>
|
||||
|
||||
<div class="project">
|
||||
<h2>Triple Videowall</h2>
|
||||
<p>May 2022 - Sep 2022</p>
|
||||
<p>An internal application to control an impressive 6x5 monitor setup with a user-friendly frontend built on Next.js and a powerful backend developed in Golang.</p>
|
||||
</div>
|
||||
|
||||
<div class="project">
|
||||
<h2>Zaantje</h2>
|
||||
<p>Jan 2020 - Jan 2021</p>
|
||||
<p>A SPA crafted with Nuxt.js and Vue.js, backed by Sanity CMS, taking you on a virtual tour of Zaandam, showcasing locations of famous music videos.</p>
|
||||
</div>
|
||||
|
||||
<h2>Open Source Contributions</h2>
|
||||
|
||||
<div class="contribution">
|
||||
<h3>microsoft/terraform-provider-azuredevops</h3>
|
||||
<p>Terraform Azure DevOps provider</p>
|
||||
</div>
|
||||
|
||||
<div class="contribution">
|
||||
<h3>iKenndac/Tofu</h3>
|
||||
<p>An easy-to-use two-factor authentication app for iOS</p>
|
||||
</div>
|
||||
|
||||
<div class="contribution">
|
||||
<h3>bartvdbraak/SlayerWeightCalculator</h3>
|
||||
<p>A calculator for RuneScape slayer geeks that need to know percentages. (archived)</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
main {
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.project, .contribution {
|
||||
margin: 1rem auto;
|
||||
padding: 1rem;
|
||||
max-width: 500px;
|
||||
border: 2px solid #007bff;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.project p, .contribution p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
</style>
|
Loading…
Reference in a new issue