https://github.com/dimuzzo/dimuzzo.github.io
My portfolio directly from GitHub :)
https://github.com/dimuzzo/dimuzzo.github.io
personal-website website-template
Last synced: 29 days ago
JSON representation
My portfolio directly from GitHub :)
- Host: GitHub
- URL: https://github.com/dimuzzo/dimuzzo.github.io
- Owner: dimuzzo
- Created: 2025-05-19T17:04:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2026-04-14T14:19:14.000Z (about 2 months ago)
- Last Synced: 2026-04-14T16:16:36.331Z (about 2 months ago)
- Topics: personal-website, website-template
- Language: CSS
- Homepage: https://dimuzzo.github.io/
- Size: 3.19 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Alessandro Demo (dimuzzo) - Portfolio Website
A minimalist, high-performance portfolio website showcasing my work in AI, Data Analytics, and Software Engineering. Built entirely with vanilla HTML, CSS, and JavaScript - no frameworks, just clean, accessible, and fast code.
## Design Philosophy
Inspired by dark, moody aesthetics with a touch of modern "cyber" minimalism. The UI is designed to be immersive yet highly readable:
- **Deep Dark Theme**: Off-black background (`#09090b`) paired with elevated surfaces (`#18181b`) for optimal contrast and reduced eye strain.
- **Vibrant Accent**: A punchy red (`#ff2a40`) used strategically for interactions, focus states, and ambient glowing effects.
- **Premium Typography**: A carefully selected trio of fonts:
- **Syne** for bold, character-rich headings.
- **Space Grotesk** for clean, modern, and readable body text.
- **Space Mono** for technical details, tags, and numbers.
- **Ambient Effects**: Subtle CSS-based floating orbs and SVG background noise to add depth without compromising performance.
## Features
- **Fluid Responsiveness** - Fully optimized for both desktop and mobile viewing with adaptive layouts.
- **Glassmorphism Navigation** - Fixed top bar with backdrop-blur and dynamic scroll-spy highlighting.
- **Intersection Observer Animations** - Smooth, staggered fade-up animations triggered only when elements enter the viewport.
- **Accessibility-First** - High contrast ratios, semantic HTML, and visible keyboard focus states (`:focus-visible`).
- **Interactive Project Showcase** - Hover-reveal borders, dynamic links, and tech-stack pill tags.
## Project Structure
```text
portfolio/
├── index.html # Main HTML structure and semantic layout
├── style.css # Custom properties, animations, and responsive rules
├── script.js # Smooth scroll and Intersection Observer logic
└── assets/
├── mylogo.png # Logo image for navigation
└── cv_english.pdf # Downloadable resume
```
## Technologies & Tools Used
- Core: HTML5, CSS3, Vanilla JavaScript (ES6+)
- Icons: FontAwesome 6 (UI icons) & Devicon (Tech stack logos)
- Typography: Google Fonts API
## Featured Projects
### Spatial Benchmark
Comparative performance analysis of geospatial database engines, measuring query execution time and memory footprint on large spatial datasets using DuckDB, PostGIS, and GeoPandas.
### Quiz App Engine
A responsive, state-managed interactive quiz application built purely with Vanilla JavaScript to demonstrate core DOM manipulation and state management without relying on frontend libraries.
### University Projects
A comprehensive collection of academic projects covering Database Systems, Algorithms and Data Structures, Java Client-Server architecture, UNIX Operating Systems, and Software Design (UML).
---
## License
This portfolio is open source. Feel free to fork, study the code, and customize it for your own use.
---
## Contact
- **GitHub**: [github.com/dimuzzo](https://github.com/dimuzzo)
- **LinkedIn**: [Alessandro Demo](https://www.linkedin.com/in/alessandro-demo-b844a8301)
- **Telegram**: [@dimuzzo](https://t.me/dimuzzo)
---
Built with ❤️ and kept simple on purpose.