Jiyokun Web
| Jiyokun | |
|---|---|
|
|
|
| description. a transparent image is best, but any works | |
| Sociology | |
| Population | 3,012,000,000 |
| Orbital Station | Coatl |
| Orbital Characteristics | |
| Day | 23 hrs. |
| Axis Tilt | 1/360th |
| Size | 4/5ths Terra |
| Year | 343 days |
| Atmosphere | Habitable |
| Gravity | 9.977 m/s² |
| Geography and Climate | |
| Dominant Climate |
SPOILERS
|
| Equatorial Temprature | 88F |
| Polar Temprature | 75F |
| Superscript | Citation1 |
| Subscript | Name1 |
This responsive base template is supposed to mimic sites like Fandom, without the bloat, for personal projects. It uses a floating table that clears everything after it so it doesn't overflow onto other elements. This code uses only HTML and CSS, even for its dropdowns.
Get the HTML here or rip it from this page. Get the CSS here. Here's a working example by me. Want something more complete and MediaWiki inspired? check out squid's Pedia, which I used alongside wikitable in the example!
Show Content
- 1. Wikitable Code
- 2. Other Features
- 2.1 Part of a Series On
- 2.1 Flair
9/22/23 Wow! This got more popular than I expected! I've seen some question in the tags, so here's some general things about this template. First off, it's static. This means you won't be able to edit it as you would a fandom wiki, you'll have to go into the HTML. You also can't import a wiki directly, since this doesn't use mediawiki. If you want to have a community for an existing media with dynamic editing instead of doing most of it yourself (this template is mostly targeted towards personal projects,) I'd recommend getting an actual wikifarm such as Miraheze. It's free, and if you run a fandom, you can request a direct dump!
2/8/24 Added CSS root properties. Change the colors of the CSS in one convenient place.
Other Features
Here are some fun extras I wanted to include:
Part of a Series Of...
A Series Of People
person • this page • person • person
Those list boxes from wiki. To center it for use in the footer, use margin: auto in the CSS.
Header Flair
The top of this page has a header flair that uses id="flair" to place an image or unicode character ::before.
Citations
- Superscript can help you have a list of real (or fake!) citations.