joe/pyx-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initialize Hugo website with custom infinite-scroll theme

Browse Source 
- Set up complete Hugo project structure with bilingual support (EN/DE)
- Create custom pyx-theme with modern, clean design
- Implement infinite scrolling single-page layout with sections
- Style with white background, black text, and blue accent color
- Add responsive navigation with smooth anchor scrolling
- Move logo assets to static/images directory
- Configure i18n translations for English and German (Swiss spelling)
- Add company data structure in data/company.yaml
- Create archetypes for consistent content frontmatter
- Update CLAUDE.md with comprehensive project documentation

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Joe Ammann
2026-02-08 14:21:10 +01:00
parent cef300360c
commit 5674fe005a
23 changed files with 898 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
themes/pyx-theme/layouts/index.html Normal file
View File

@@ -0,0 +1,91 @@
{{ define "main" }}
<!-- Hero Section -->
<section id="home" class="hero">
<div class="section-content">
<img src="/images/pyx_hires.png" alt="{{ .Site.Title }}" class="logo">
<h1>{{ .Site.Title }}</h1>
<p>{{ .Site.Params.description }}</p>
<a href="#services" class="cta">{{ i18n "exploreServices" }}</a>
</div>
<div class="scroll-indicator"></div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="section-content">
<h2>{{ i18n "about" }}</h2>
<div class="content">
{{ .Content }}
<p>{{ i18n "aboutDescription" }}</p>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="services">
<div class="section-content">
<h2>{{ i18n "services" }}</h2>
<div class="service-list">
{{ range where .Site.Pages "Section" "services" }}
<article>
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
{{ if .Description }}
<p>{{ .Description }}</p>
{{ else }}
<p>{{ .Summary }}</p>
{{ end }}
</article>
{{ end }}
{{ if eq (len (where .Site.Pages "Section" "services")) 0 }}
<!-- Placeholder services -->
<article>
<h3>ML Operations</h3>
<p>{{ i18n "mlOpsDescription" }}</p>
</article>
<article>
<h3>Kafka Solutions</h3>
<p>{{ i18n "kafkaDescription" }}</p>
</article>
<article>
<h3>Elasticsearch</h3>
<p>{{ i18n "elasticsearchDescription" }}</p>
</article>
{{ end }}
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="projects">
<div class="section-content">
<h2>{{ i18n "projects" }}</h2>
<div class="project-list">
{{ range where .Site.Pages "Section" "projects" }}
<article>
{{ if .Params.thumbnail }}
{{ $image := .Resources.GetMatch .Params.thumbnail }}
{{ if $image }}
<img src="{{ ($image.Resize "600x").RelPermalink }}" alt="{{ .Title }}">
{{ end }}
{{ end }}
<div class="project-content">
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
{{ if .Description }}
<p>{{ .Description }}</p>
{{ end }}
</div>
</article>
{{ end }}
{{ if eq (len (where .Site.Pages "Section" "projects")) 0 }}
<!-- Placeholder message -->
<article>
<div class="project-content">
<h3>{{ i18n "projectsComingSoon" }}</h3>
<p>{{ i18n "projectsComingSoonDescription" }}</p>
</div>
</article>
{{ end }}
</div>
</div>
</section>
{{ end }}