https://github.com/nuriofernandez/old-nurio.me

My personal website, written in PHP. It is old, it looks old, but it is stills awesome. 💞🍡
https://github.com/nuriofernandez/old-nurio.me

dynamic-website image-optimization php single-page-applications web-responsive website

Last synced: 2 days ago
JSON representation

My personal website, written in PHP. It is old, it looks old, but it is stills awesome. 💞🍡

• Host: GitHub
• URL: https://github.com/nuriofernandez/old-nurio.me
• Owner: nuriofernandez
• Created: 2020-12-19T15:08:00.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-06-19T00:24:40.000Z (5 months ago)
• Last Synced: 2024-10-27T22:42:14.775Z (11 days ago)
• Topics: dynamic-website, image-optimization, php, single-page-applications, web-responsive, website
• Language: Hack
• Homepage: https://nurio.me
• Size: 43.6 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NURIO.ME's PHP version website

This is the source code of my website. This website was developed around 2015 and has had small modifications since then.

It is old, it looks old, but it is stills awesome. 💞🍡

# Component based

Without using any framework, I wrote some code to make it possible, each file can be considered as a component, something like React but much smaller.

### Component loading from GET param

![Component loader](/documentation/images/component-loader.svg)

### Component router

![Component router](/documentation/images/component-router.svg)

### Component example

![Component example](/documentation/images/component-example.svg)

# Single page application

With the script [`dynamic-page.js`](https://github.com/xXNurioXx/old-php-nurio.me/blob/master/src/assets/js/dynamic-page.js) the page turns into a [single-page application](https://en.wikipedia.org/wiki/Single-page_application) without any external framework.

![Single-page application](/documentation/images/single-page-app-history.gif)

# Image loading optimization

With the script [`post-load-optimizer.js`](https://github.com/xXNurioXx/old-php-nurio.me/blob/master/src/assets/js/post-load-optimizer.js) the page loads a lighter version of the image on the first load, once the load is complete, it will load the images in full quality.

[![Image optimization preview](/documentation/images/image-optimization-preview.gif) Click here to view a better demo at Youtube.](https://youtu.be/pNtFSiZPMk8) 

# Web responsive

![Responsive web preview](/documentation/images/responsive-preview.gif)

# Dango daikazoku (だんご大家族) easter egg

With the script [`dango.js`](https://github.com/xXNurioXx/old-php-nurio.me/blob/master/src/assets/js/dango.js) the page plays the best song of the world and shows the best thing in the world falling around when someone types `dango` anywhere in the website.

![Dango daikazoku preview](/documentation/images/dango-easter-egg.gif)