tikaiz/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Projects page with detail view, removed navbar entries that only led to home and made featured projects links to the new site
All checks were successful
publish.yml / publish (push) Successful in 1m9s
Details

Browse Source
This commit is contained in:
Tim Kainz
2026-04-15 22:14:45 +02:00
parent f0f07b4719
commit 4730d3592f
16 changed files with 508 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/home/home.html
View File

@@ -10,6 +10,25 @@
</div>
</header>
<section class="section" id="projects">
<div class="section-title-row">
<h2>Featured Projects</h2>
<p>Recent work across web platforms, APIs, and mobile apps.</p>
</div>
<div class="card-grid projects-grid">
@for (project of projects; track project.slug) {
<a class="project-link" [routerLink]="['/projects', project.slug]">
<app-card cardClass="project-card">
<h3>{{ project.title }}</h3>
<p>{{ project.description }}</p>
<p class="meta">{{ project.stack.join(' - ') }}</p>
<p class="impact">{{ project.impact }}</p>
</app-card>
</a>
}
</div>
</section>
<section class="section" id="stack">
<div class="section-title-row">
<h2>Tech Stack</h2>
@@ -17,27 +36,10 @@
</div>
<div class="card-grid">
@for (skill of skills; track skill.name) {
<app-card cardClass="skill-card">
<h3>{{ skill.name }}</h3>
<p class="meta">{{ skill.category }} - {{ skill.level }}</p>
</app-card>
}
</div>
</section>
<section class="section" id="projects">
<div class="section-title-row">
<h2>Featured Projects</h2>
<p>Recent work across web platforms, APIs, and mobile apps.</p>
</div>
<div class="card-grid projects-grid">
@for (project of projects; track project.title) {
<app-card cardClass="project-card">
<h3>{{ project.title }}</h3>
<p>{{ project.description }}</p>
<p class="meta">{{ project.stack.join(' - ') }}</p>
<p class="impact">{{ project.impact }}</p>
</app-card>
<app-card cardClass="skill-card">
<h3>{{ skill.name }}</h3>
<p class="meta">{{ skill.category }} - {{ skill.level }}</p>
</app-card>
}
</div>
</section>