i've had a couple of people ask me about the stylesheet i use so i put together this page on what it's for and how to use it.
serenity.scss is a stylesheet i developed from scratch over the course of several years and recently converted to Sass, which i use on hale.su and my main website, ʞ.cc. i have some unusual beliefs about web design. specifically,
i use my website primarily to publish the fiction (and occasionally essays) i write, and to make all of it available in an easily navigable, low-bandwidth format. if you want to do something similar, and don't want to fuck around writing css, feel free to use serenity.css. there are only three requirements:
:rootsection) than i do
sites using serenity can have extremely minimal html skeletons. for example:
websitedirectory / pagethis is an example paragraph.this is a subsequent paragraph.
the brightness of the background can be varied by changing
--bright on the
body element. you can change the accent color either at the per-page level or for individual elements by altering the value of the
--hue variable. this is a simple integer between 0 and 360 that's passed to the css
hsl() function, which is used to generate all colors referenced in the stylesheet. this includes the color of the horizontal rule element, as seen below:
the width of a page defaults to 30em; this can be changed with the --width variable.
you can insert endnotes at the end of the document by following the template below. these endnotes will print normally, but in the browser are implemented as popups1.
a line of text that references1close endnote1. endnote text goes here
for sequential content, you can insert a nav element with previous and/or next links. these are designed to go at the bottom of a document for the reader's convenience after she has finished reading.
chapter Ichapter III
you can download the sass stylesheet at hale.su/res/serenity.css you'll need a sass compiler turn it into usable css; i recommend sassc because it's a very small C program with very minimal depedencies, rather than a dynamic-language abomination built on ruby or node, but to each her own.