Skip to content

Erstelle eine neue Homepage für Trailmarks.io mit Jekyll und Tailwind CSS#2

Merged
m4cx merged 3 commits into
mainfrom
copilot/fix-1
Aug 4, 2025
Merged

Erstelle eine neue Homepage für Trailmarks.io mit Jekyll und Tailwind CSS#2
m4cx merged 3 commits into
mainfrom
copilot/fix-1

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Aug 4, 2025

This PR implements a complete modern homepage for Trailmarks.io that tells the story of "Wandersteine" (hiking stones) and presents the vision for digital trail marking.

🏗️ Technical Implementation

Built a full Jekyll static site with:

  • Jekyll 3.x for GitHub Pages compatibility
  • Tailwind CSS 3.x with custom brand design system
  • Bilingual support (German/English) with working language switcher
  • Responsive design optimized for all device sizes
  • GitHub Actions CI/CD pipeline for automated deployment

🎨 Design & Content

Created a modern, bright design featuring:

  • Beautiful gradient hero sections (blue to green)
  • Custom Trailmarks color palette (blue, green, orange, stone, earth)
  • Modern typography with Poppins and Inter fonts
  • Compelling storytelling about the history and future of trail stones
  • Three main sections: Historical origins, modern usage, and digital future

🌐 Multi-Language Support

Complete German and English versions:

  • German (default): /, /about/, /contact/
  • English: /en/, /en/about/, /en/contact/
  • Working navigation with language switcher
  • Localized content and navigation menus

🚀 Deployment Strategy

Configured multi-environment deployment:

  • Production: main branch → root GitHub Pages
  • Staging: develop branch → /dev subdirectory
  • PR validation: Build-only for pull requests

📖 Content Strategy

The homepage effectively communicates:

  • The ancient tradition of "Wandersteine" from Romans to modern hikers
  • How Trailmarks.io bridges tradition with modern technology
  • Vision for community-driven, sustainable digital trail marking
  • Clear call-to-actions for GitHub community engagement

📝 Content Maintainability

Content is now maintained in markdown files (index.md, en/index.md) instead of HTML files for better maintainability while preserving all Tailwind CSS styling and visual design. This makes editing content much easier while keeping the complex layouts intact.

The site successfully presents Trailmarks.io as the future of hiking navigation while respecting the timeless wisdom of traditional trail stones.

Fixes #1.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI assigned Copilot and m4cx Aug 4, 2025
@m4cx m4cx marked this pull request as ready for review August 4, 2025 11:03
Copilot AI and others added 2 commits August 4, 2025 11:14
Co-authored-by: m4cx <363497+m4cx@users.noreply.github.com>
Co-authored-by: m4cx <363497+m4cx@users.noreply.github.com>
Copilot AI changed the title [WIP] Erstelle eine neue Homepage für Trailmarks.io Erstelle eine neue Homepage für Trailmarks.io mit Jekyll und Tailwind CSS Aug 4, 2025
Copilot AI requested a review from m4cx August 4, 2025 11:19
Copilot finished work on behalf of m4cx August 4, 2025 11:19
Comment thread en/index.html
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Contents should ideally be maintained in markdown-Files

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Converted the English homepage from HTML to markdown format for better content maintainability. The file is now en/index.md instead of en/index.html, making it much easier to edit content while preserving all the Tailwind CSS styling and visual design. (2757cf0)

Comment thread index.html
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Contents should be maintained in markdown-Files

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Converted the German homepage from HTML to markdown format for better content maintainability. The file is now index.md instead of index.html, making it much easier to edit content while preserving all the Tailwind CSS styling and visual design. (2757cf0)

@m4cx m4cx merged commit 3a57c97 into main Aug 4, 2025
3 checks passed
Copilot AI requested a review from m4cx August 4, 2025 11:32
Copilot finished work on behalf of m4cx August 4, 2025 11:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Erstelle eine neue Homepage für Trailmarks.io

2 participants