This template aims to bridge in having a 'skeleton' factbook with words and imagery, without worrying too much about details and complications.
Source Code -
Examples -
https://www.nationstates.net/page=dispatch/id=1238331
https://www.nationstates.net/page=dispatch/id=1198696
Quirks of the Code -
The Header -
- Code: Select all
[center][img]https://i.imgur.com/enqQCxt.png[/img][/center][hr]
In particular, the reason why the height is set to 150 is so the factbook/dispatch will have an eye catching aesthetic when posting to the Regional Message Board.
The Animated Flags -
- Code: Select all
[floatright][box][center][img]https://i.imgur.com/0kOd1gq.png[/img][hr]
My nations default flag is animated and so with that comes the dimensions of 321 x 213. You can of course resize any flag/image proportionally.
The Table of Contents -
- Code: Select all
[floatleft][box][center][b][anchor=top]Table of Contents[/anchor][/b][/center][hr]1. [url=#history]History[/url]
2. [url=#geography]Geography[/url]
3. [url=#culture]Culture[/url]
4. [url=#politics]Politics[/url]
5. [url=#legislation]Legislation[/url]
6. [url=#religion]Religion[/url]
7. [url=#military]Military[/url]
8. [url=#economy]Economy[/url]
9. [url=#international]International[/url]
10. [url=#trivia]Trivia[/url]
11. [url=#miscellaneous]Miscellaneous[/url][/box][/floatleft]
[color=#feffff]
@
@
@
@
@
@
@
@
@
[/color]
There are 3 things here which provide both function and aesthetic.
The first is the
- Code: Select all
[anchor=top]Table of Contents[/anchor]
This allows us to return to a set word or phrase with a click.
The second is the
- Code: Select all
1. [url=#history]History[/url]
This allows us to go to a set word or phrase with a click.
The third is the
- Code: Select all
[color=#feffff]
@
@
@
@
@
@
@
@
@
[/color]
Because we are using floatboxes alongside images, we use this technique to create almost 'invisible' empty spacing on our pages and to properly align the 'meat and potatoes.'
The Meat & Potatoes -
- Code: Select all
[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]
[anchor=geography][size=150][b]Geography[/b][/size][/anchor][hr]
Amet justo donec enim diam vulputate ut pharetra sit. Sed adipiscing diam donec adipiscing tristique. Morbi tristique senectus et netus et malesuada fames ac. A diam sollicitudin tempor id eu nisl nunc. Orci nulla pellentesque dignissim enim sit amet. Sed blandit libero volutpat sed cras ornare arcu dui vivamus. In est ante in nibh mauris cursus mattis molestie a. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Sed augue lacus viverra vitae congue. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Mattis aliquam faucibus purus in. Consectetur purus ut faucibus pulvinar elementum integer enim. Id porta nibh venenatis cras. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Ultrices tincidunt arcu non sodales neque sodales ut. Id donec ultrices tincidunt arcu non. Orci nulla pellentesque dignissim enim sit. Dui vivamus arcu felis bibendum ut tristique et. [url=#top]Top[/url]
[img]https://i.imgur.com/63sjpJK.png[/img]
[color=#feffff]
@
@
@
@
[/color]
Floatbox images will have the dimensions of 300 x 400 and category images (like Geography, Culture, Politics, etc) will have the dimensions of 800 x 200
The placeholder text is from this website: https://loremipsum.io/
And finally that 'anchor' that we set back for the 'Table of Contents' makes use of its function;
- Code: Select all
[url=#top]Top[/url]
After each category, you can simply click on the phrase to return back up top, without scrolling!
Resources -
https://nsindex.net/wiki/List_of_stock_ ... tionStates - The iconic images of NationStates
viewtopic.php?f=15&t=404339 - Banner Resolutions (I still have yet to find that perfect custom banner dimension)
viewtopic.php?f=15&t=437857 - A thread on where exactly some of NS images were taken
https://www.nationstates.net/page=dispatch/id=219095 - Nullarni's iconic list of extremely useful sites
Thanks for reading. Good luck!
Edit - 2019-07-29, links to dispatch and thread added
2019-08-10, link to master factbook added, removed emojis, streamlined code
2019-10-24, changed Edit date formatting, changed title, other changes to be pending
2019-11-4, removed spoiler images, minor changes to code, variant templates in the works
2020-03-15, updated default flag size, so excited!