Please feel free to fork and make your own changes!
- Converted to CSS Flex
- Fully responsive layout
- Support for multiple
bookmarkscontainers - Added search functionality
- Tabbed navigation for
linkscontainers 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.cssunder/* Themes */with examples shown below - Edit
index.htmlto change the<html>element class for an alternative theme, or be creative and add your own - Image is set via the
--image-pathvariable - Fonts: Ubuntu and Bebas Neue
- Colour scheme: ELDEN RING, mostly dictated by the
--hue-rotatevariable - 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">
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent