Capri
This is a notice box, to warn about stubs / spoilers / etc.
Infobox | |
|---|---|
|
| |
Background Information | |
| Born | July 4 |
| Species | Owl-cat |
| Pronouns | They/It |
| Height | 5'0" (1.52m) |
Infobox Subheader | |
| Info: | xyz |
Capri (created December 3, 2021) is the webmaster's secondary fursona. They are dedicated to the webmaster's 8-11 year old self, who was adjacent to scene culture but never understood it enough to partake in it.
Table of Contents
Subheader 1
This code has two mobile responsiveness breakpoints: one at 1000px and one at 576px. The sidebar goes on top on small screens. On desktop, you can test this by resizing the window.
Subsection 1
They are obsessed with Warrior Cats and roleplay all the time in FeralHeart and Roblox. It sneaks down to the computer in the middle of the night to play Survive the Disasters and Cart Ride into Nyan Cat and the like but the speakers plugged into its pc are so busted (2% volume is ear-shattering) it has to play everything muted. Their home computer runs on Windows Vista and the first time they ever saw Windows 7 they were so infatuated with the new, shiny, transparent look. It keeps posting random screenshots onto DeviantArt under the "desktop wallpaper" category and it got yelled at for it. Like Jexx they are a Mtn Dew enjoyer. If it drinks a Dr Pepper it turns evil
Subsection 2
Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.
Subheader 2
There are some utility classes in the CSS:
- Adding .text-center to anything centers the text
- Adding .text-big to anything makes the text big
- Adding .redlink to <a> makes it red (see above)
- See below for effect of .clear-both
Subheader 3
Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.
(NEW) This code now contains gallery rows - see below for an example. If you're already using this theme, you can use "view page source" to grab the HTML/CSS for the gallery, and drop them into your code.