Chapter Text
The author has written this part out of pure compulsion to create an illusion of structure in this guide. Feel free to proceed to the next chapters.
INTRODUCTION
This work has previously been titled The Idiot's Incomprehensible Guide to CSS & HTML the Apocalypse before the author came into the semantic realization that the Apocalypse has long started and passed. Apocalypse went by the nom de guerre, 2020. As the publishing of this work is 2022, it is suffice to assume that everyone is living in the new dystopia of post Apocalypse.
This is The Idiot's Incomprehensible Guide to Learning CSS & HTML in Dystopia; the idiot being the author specifically and not any other idiot. The author of this guide has zero technical experience, skill set, or knowledge in the area of expertise that is CSS. Therefore, as a thorough warning, this guide does not promise to be comprehensive regardless of the implication that might be associated with the title of this work.
This guide serves as an disingenuous way of learning CSS and HTML, for the purpose of AO3 workskins, through the guidance of fellow authors with legitimate skills, and expertise in this field. With that being said, for anyone who has stumbled across this work, please always refer to the source material linked within each chapters for further reading of the more comprehensive material. The author has nothing new to add to the codes provided by other authors and is merely creating a personal repository guide. If the reader is not the author, then this guide is not for you.
Before proceeding, please note that while workskins entice engagement and immersion in archived works, these will not reflect in downloaded PDF files from the Archive.
HOW TO USE THIS GUIDE
This Guide is divided between different chapters for each worskin featured. Each chapter will either have a FULL ASS GUIDE or a PREVIEW OF ALTERED WORKSKIN.
The FULL ASS GUIDE will contain more or less of the following: OVERVIEW, PREVIEW, CSS, HTML, and CODE ELEMENTS & EMOTIONAL BREAKDOWN. Now depending if there are alternate versions of the alterations, there will be a section dedicated to versions of the workskin. Each chapter that contains a FULL ASS GUIDE will also contain a breakdown of each section that allows user to click to reach the specific section. These sections will also have an anchor to bring back up in for of an arrow ( ▲ ). However, this is still a work in progress. Please note that anchored links only work efficiently if the entire work is displayed.
The OVERVIEW will give an introduction to the workskin along with due credit to the base code used that is altered. The PREVIEW will contain the visual byproduct of the workskin.
Both the CSS and the HTML codes will be written in Consolas typeface. Parts that are to be customized will be written in color orange. See as follows:
<div>“I sat in the dark and thought: <span>There's no big apocalypse.</span> Just an endless procession of little ones.”</div>
As for the CODE ELEMENTS & EMOTIONAL BREAKDOWN, this section will contain components altered from the original code and how they were added. Typically, specific parts that need emphasis will be encircled within the code. Below is how it will look like:
#workskin .sample {
background-color: #f8f8ff
There will be chapters that will only feature PREVIEW OF ALTERED WORKSKINS, these chapters will not contain a breakdown of the CSS and HTML code. These chapters are either a work in progress, or that the author has not gained permission to be able to post alterations from the base code author.
PERMISSION
Users are free to modify the alterations the author has made in this Guide. The author is not particular with the credit as these are only alterations, however it would be appreciated. Also please note to give due credit to the source of the basecode.
BUGS AND OTHER THINGS
For users having trouble with their code and have questions, please hesitate to ask. The author is not adept to coding at all. So please hesitate before leaving a detailed comment and hope that someone else might be able to help.