Skip to content

KNNeo/knneo.github.io

Repository files navigation

knneo.github.io is just a place for me to play around with vanilla HTML and Javascript!

(All done by yours truly unless otherwise stated)

Static Pages/Views

Would You Rather? - [Inactive] Simple input output text formatter
Profile List - Profile boxes with age timeline and birthday calendar (PWA-compatible)
Calendar - Simple calendar for creating and removing regular events, month display
Data Table - [Inactive] Table filtering using p5.js with csv file input
Music Database - SQL.js driven music database and query views (PWA-compatible)
Image Gallery - Dynamic horizontal view image gallery with viewer and slideshow
Show List - Show listing in list and overview calendar
Series Timeline - Timeline of show list per time frame (self-defined), group by series
Music Player - Music playlists with timestamps, interactive table selection on play
Streaming Jukebox - [Inactive] Selectable links to embed support for Spotify, Apple Music
Image Collage - Simple grid image gallery with category filters and viewer
Site Generator - Single page website generator based on contents

  • Charts - using Chart.js
  • Single Page - non-scrolling minimal page with page transition and bottom text navigation
  • Minimal - single page with image navigation thumbnails
  • Gallery - "Minimal" template, with popup grid rendering
  • Masonry - "Minimal" template using masonry layout, with popup grid rendering

Video Playlist - YouTube APIv3 playlist loader with custom options and search
Checklist - [Inactive] Simple checklist with in browser storage of fixed values
Bingo - Single player Bingo game system with up to 3 cards with custom win patterns (Re-creation of Bingo Luau)

Tools

Bounty Hunter Calculator - Red Dead Redemption Online Bounty Hunter profit to time calculator, with timer
Ratio Calculator - Simple ratio calculator
Random Selector - Simple input selector, with history and auto reset if list exhausted
Viewport Test - Simple image fit viewport test for mobile devices

Whole site uses a universal theme file darkmode.js (Exceptions: theme.js for Music Database, Blog) to switch between light/dark theme; Supports Firefox and Chromium-based browsers.

Blog

Blog is not a dev blog, just an export of my personal blog on Blogger (PWA-compatible)

Blog is customised for responsive layout from old Blogger theme; Currently only used for archiving purposes.
For more generic use, see Blogger Viewer which directly renders export XML file from Blogger.