Please feel free to fork and make your own changes!
- Converted to CSS Flex
- Fully responsive layout
- WCAG accessibility
- Support for multiple
bookmarks
containers - Added search functionality
- Tabbed navigation for
links
containers using slick carousel - Asynchronous JavaScript loader
- Both JS and CSS files can be instantiated based on element classes in DOM
- Added fade-in on page load
- Fixed HTML validation issues
- Re-organised images into their own folder
- Alternate theme styles are included in
style.css
under/* Themes */
with examples shown below - Edit
index.html
to change the<html>
element class for an alternative theme, or be creative and add your own - Image is set via the
--image-path
variable - Fonts: Ubuntu and Bebas Neue
- Colour scheme: ELDEN RING, mostly dictated by the
--hue-rotate
variable - ELDEN RING gif: Here
These add-ons will only load when required, based on whether the relevant element class is detected in the DOM. You can configure the JavaScript add-on list within async-loader.js
.
- slick carousel
<div class="links slick-start">
- jQuery Ripples
<body class="fade-in ripples">
- Date/Time
<h1 id="#Date">
- Animating stars
<body class="fade-in stars">
- Search
<body class="fade-in search">
- jQuery
<body class="fade-in jquery">
Search functionality <body class="fade-in search">
. The default is set to Google. You can change the search engine by modifying action="https://www.google.com/search"
Tabbed containers <div class="links slick-start slick-single-arrow">
Privacy blur/unblur on hover <ul class="blur">
- Clone this repo to a location on your hard disk, e.g.
C:/StartPages/
- Set your browser homepage to
file:///C:/StartPages/startpage/index.html
- Customise to your delight
ELDEN RING Press Start <html lang="en" class="default eldenring-start">
ELDEN RING Lady Ranni <html lang="en" class="default eldenring-ranni">
and if you're feeling adventurous <body class="fade-in ripples">
ELDEN RING Pot Boy <html lang="en" class="default eldenring-potboy">
ELDEN RING Ranni's Dark Moon <html lang="en" class="default eldenring-ranni-dark-moon">
and for some extra magic <body class="fade-in stars">
Vapor by nwvh <html lang="en" class="default vapor">