Skip to content

NETZNETZproductions/website

Repository files navigation

🌐 SynergyStation Hub & Profiles

Welcome to the central Link-in-Bio and Project Showcase Hub of SynergyStation! This is a clean, modern, and mobile-responsive website built with pure HTML, CSS, and JavaScript, hosted completely for free via GitHub Pages.


🚀 Features

  • 📱 Fully Responsive: Perfectly optimized for mobile phones, tablets, and desktops.
  • 🎨 Modern Dark Design: A clean, dark-themed UI featuring glowing avatars, glassmorphic card layouts, and custom background blur effects.
  • 🔄 Automated Update Detection: The hub automatically checks repository data using the GitHub API to display recent releases or changes.
  • 🔗 Social Hub & Matrix: Direct access to GitHub, Discord Uplinks, and an integrated Architecture File Matrix.
  • ⚡ Lightweight & Secure: Built with pure HTML5, CSS3, and Vanilla JS for blazing-fast loading speeds without heavy frameworks.

🛠️ Built With

  • HTML5 – Structured semantic web content.
  • CSS3 – Custom styling, modern Flexbox/Grid layouts, hover animations, backdrop filters, and image blurring.
  • JavaScript (ES6) – Dynamic asynchronous GitHub REST API calls for update scanning and live profile data validation.
  • FontAwesome (v6.4.0) – High-quality modern vector icons for seamless social media navigation.

📂 Project Structure

.
├── 📂 background/          # Custom background assets (Images / Videos)
├── 📂 css/                 # Extended stylesheets and modular design system
│   ├── 📂 benkormos/ 
│   │   └── 📄 style.css
│   └── 📂 homepage/
│       └── 📄 style.css
├── 📂 music/               # Audio assets and background tracks
│   ├── 📂 mexo/
│   │   ├── 🎵 Tuff.mp3
│   │   ├── 🎵 Tuff2.mp3
│   │   └── 🎵 Tuff3.mp3
│   ├── 📂 ben/
│   │   ├── 🎵 ballernundsaufen.mp3
│   │   ├── 🎵 fish.mp3
│   │   └── 🎵 pubc.mp3
│   ├── 🎵 pitanga.mp3
│   └── 🎵 Tacos.mp3
│
├── 📂 pictures/            # Profile pictures and avatars for members
│   ├── 📷 benkormos.profilbild.jpg
│   ├── 📷 julian.profilbild.png
│   └── 📷 mexo.profilbild.png
│ 
├── 📄 index.html           # Main Landing Page / Hub with dynamic API logic
├── 📄 developer.html       # Overview page listing all developers in the project
├── 📄 files.html           # Subpage displaying the internal directory architecture
├── 📄 admin.html           # Administrative dashboard or portal layout
│
├── 👥 Member Profiles
│   ├── 📄 ben.html
│   ├── 📄 julian.html
│   └── 📄 mexo.html
│
├── 📄 logo.png             # Official SynergyStation branding logo
└── 📄 README.md            # Project documentation (this file)

About

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Contributors