Skip to content
View storyly's full-sized avatar
  • Joined Aug 27, 2025

Block or report storyly

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
storyly/README.md

StorylySoftBluePro

A clean, responsive short-story template with soft-blue light theme and GitHub-style pure black dark mode.

Preview

Features

  • Light/Dark mode toggle with smooth fade (saved in localStorage)
  • Auto-featured newest story by date
  • Categories grid + modern tag chips
  • Favorites (pre-seeded) • Search • Length filter • Sort
  • Latest stories slider (scroll-snap)
  • Reader panel adapts to dark mode
  • Contact page with premium form (Netlify-ready)

Structure

index.html about.html contact.html terms.html assets/css/styles.css assets/js/script.js assets/img/logo.svg, favicon.ico, preview.png

Run locally

Just open index.html.

Deploy

GitHub Pages

  1. Push this folder to GitHub.
  2. Go to repo → Settings → Pages → Deploy from branch → main → / (root).

Netlify (recommended if you want the form working)

  1. Push this folder to GitHub.
  2. In Netlify: Add new site → Import from Git → pick your repo → Deploy.
  3. Netlify will auto-detect the form in contact.html (thanks to data-netlify="true") and start collecting submissions in the dashboard under Forms.

Customize stories

Edit assets/js/script.js → stories array.
The newest date becomes Featured Story automatically.

Popular repositories Loading

  1. storyly storyly Public

    CSS