Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nobara Website (Material 3 Inspired Redesign)

Nobara Website preview – light mode

A modern, responsive redesign of the Nobara Project website, inspired by the visual language of Google Store and Google Antigravity.
This version focuses on clarity, smooth interactions, and an elegant Material 3 aesthetic.


✨ Features

  • Material You / Material 3–inspired interface
  • Light & dark themes with animated sun/moon toggle
  • Subtle reactive background gradient that follows pointer movement
  • Zoomable images (lightbox) for edition previews
  • Download dialog including:
    • ISO filename
    • SHA256 checksum
    • Copy checksum button
    • Donate link
    • Confirm download button
  • Fully responsive design across desktop and mobile
  • Built using pure HTML, CSS, and JS (no frameworks)

🖼 Screenshots

Light mode

Nobara Website – light mode

Dark mode

Nobara Website – dark mode

Download dialog with checksum

Nobara Website – download dialog


📁 Project Structure

index.html               → Homepage  
download.html            → Downloads page  
styles.css               → Design system, animations, theming  
script.js                → Theme toggle, menu drawer, dialogs, interactions  

img/
  nobara-icon.png        → Logo / favicon


🚀 Running Locally

You can open index.html directly, or serve the folder with a simple static server:

python3 -m http.server

Then visit:

http://localhost:8000

📜 About

This is an independent redesign project inspired by Nobara.
It is not officially affiliated with the Nobara Project, Fedora, or Red Hat.

About

A modernization for the nobara project website

Resources

Stars

5 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages