Alexanderadon.github.io

Hand-coded era, 2021–2023. Everything here was written by hand, line by line — no AI assistants, no code generation, no frameworks. Kept on purpose: this is where the fundamentals come from. Current work: https://github.com/Alexanderadon

Front-end study projects from 2021–2023: static site layouts (HTML5/CSS3, Less/Sass, vanilla JavaScript, jQuery) and small browser games, two of them on the HTML5 Canvas API. Every folder is a self-contained static page; there is no build step, framework, or TypeScript anywhere in the repository (the only package.json belongs to the Gulp pipeline of HistoricSite).

Live pages

The repository is served by GitHub Pages at https://alexanderadon.github.io. Each sub-project is reachable at https://alexanderadon.github.io/<folder>/.

Site layouts

Folder	Page	Notes
dist/	KzRugby	Multi-page static site for Kazakhstan Rugby (HTML, CSS, plain JS)
Wooder__site/	Wooder	Responsive landing page (HTML5/CSS3, JS)
Creativ/	Creative & Digital Agency	Responsive layout, styles written in Less
site-12/	PO | Anime	Static front-end of the PO|Anime project (HTML5/CSS3, jQuery); full source: https://github.com/Alexanderadon/Po-Anime
SITE_YOR_LIFE/	Your Life	Photo-printing landing page (HTML5/CSS3, JS, jQuery)
siteKz/	Historic site of Kazakhstan	Built output of HistoricSite
HistoricSite/	—	Source of the historic site: Gulp 4 + Sass + Panini templates + Babel/webpack (src/ → dist/)
registration/	Registration form	Login/registration form (HTML5/CSS3, JS, jQuery)
variant3/	variant3	Small layout exercise

UI experiments

Folder	Page	Notes
Projects__car--card/	Cards	Card layout with JS
Projects__trellow--drag&drop/	Drag & Drop	Trello-like drag-and-drop board
Projects__up&down--slider/	Slider	Vertical up/down slider
Projects__game--hoverBoard/	Hover board	Hover-effect board with a background video
Triangle3d/	Triangle 3D	Pure CSS 3D object
3D_Css/	3D CSS	Pure CSS 3D animation (styles in Sass)

Games

Folder	Page	Notes
Projects__game--snake/	Snake	Snake on HTML5 Canvas
Projects__game--redKiller/	RedKiller (v0.1)	Shooter on HTML5 Canvas with sound
Projects__game--aimtraining/	Aim Training	Aim-training game (DOM + JS)

Stack

• HTML5, CSS3 (Less in Creativ, Sass in 3D_Css and HistoricSite)
• Vanilla JavaScript; jQuery in site-12, SITE_YOR_LIFE, registration, HistoricSite
• HTML5 Canvas API for Projects__game--snake and Projects__game--redKiller
• Gulp 4 (Sass, Babel, webpack-stream, Panini, browser-sync) for HistoricSite only

Run locally

All folders are static: clone the repository and open the folder's index.html in a browser, or serve the repository root with any static file server.

HistoricSite is the only folder with a build pipeline (HistoricSite/package.json, HistoricSite/gulpfile.js):

cd HistoricSite
npm install
npx gulp

License

Apache License 2.0 — see LICENSE.