wgroeneveld
/
jefklakscodex
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

font readability

This commit is contained in:
wgroeneveld 2018-08-01 21:28:15 +02:00
parent 4039cf0050
commit b6a7eb87dd
7 changed files with 293 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
config.toml
View File

@ -15,6 +15,7 @@ enableGitInfo = true
[params]
style = "default"
font = "PT Sans"
description = "Retro game thoughts"
copyright = "No &copy; reserved - sharing is caring. <a href='https://github.com/wgroeneveld/jefklakscodex' target='_blank'>Hack away!</a><br/>An integral part of <a href='https://brainbaking.com/' target='_blank'>Brain Baking</a>."
sidebarAbout = [

6
content/articles/aria-of-sorrow-retrospective.md
View File

@ -21,7 +21,7 @@ Bringing up this argument might sound weird coming from someone who hates certai
I want to grind when I feel like it, not when the game tells me I haven't encountered enough enemies yet to progress through that part of the map. That indicates a design flaw to me - or a way to artificially lengthen the game, as it did in the NES days. The Dragon Quest formula hasn't really changed since then. I don't mind: I'm a retro gamer. But as McGonigal points out: we need to be **intrinsically motivated** to do anything well, from playing a game to doing chores in real life.
<img src="/img/articles/aos_stats.jpg"/>
<img src="/img/articles/aos_stats.jpg" class="full" />
<center>
Yay, stats!
</center>
@ -39,7 +39,7 @@ Getting to the end boss does net you a scrolling stage select screen that also g
Without #2, Diablo wouldn't exist. Why would anyone be motivated to do Nightmare or Hell runs in Diablo 2? To gain experience quickly, and to find nice items in the form of monster drops. Aria of Sorrow enemies also drop items and it's also a rarity that could be increased with the right soul or support items. Another reason why backtracking isn't bad here.
<img src="/img/articles/aos_top.png"/>
<img src="/img/articles/aos_top.png" class="full" />
<center>
Almost to the Throne Room, again...
</center>
@ -58,7 +58,7 @@ The last piece of the puzzle why Aria of Sorrow is one of the best Metroidvania'
Aria of Sorrow's [Soundtrack](https://www.youtube.com/watch?v=t6i-D60cxt0&list=PL5312754A0D082327) is a masterpiece that still sounds amazing, 15 years later, ripped from the Gameboy Advance. The opening song, "Castle Corridor", sends shivers down my spine every single time I hear it. To be fair, all the Castlevania DS soundtracks are at least as good, as is of course the Playstation instance.
<img src="/img/articles/aos_map.jpg"/>
<img src="/img/articles/aos_map.jpg" class="full" />
<center>
Aria of Sorrow's map: lot's to discover!
</center>

8
content/articles/wario-land-retrospective.md
View File

@ -20,7 +20,7 @@ Let the excitement (re-)begin!
Wario is amazing. That about sums up this whole article. He's the lazy, dirty, rude and greedy antagonist of Mario and takes on the single lead role in these 2D platforming games. What is so unique about Wario Land 3? Well, Wario can transform into a dozen different shapes to conquer the different puzzle elements and unravel secrets stashed away within each level. Snowball Wario, Bat Wario, Drunken Wario, Wario-On-Fire, Zombie Wario, you name it. Each shape lets you progress further into the game by overcoming obstacles in the form of blocks that can only be broken by being fat or being on fire, or by falling through thin platforms that only can be achieved as a zombie.
<img src="/img/articles/wario3.png"/>
<img src="/img/articles/wario3.png" class="full" />
<center>
I'm about to go invisible!<br/>
Don't you just love his grin?
@ -38,7 +38,7 @@ Okay, so I finished Wario 3, let's get back to version 2 and see what's the diff
The first thing you notice when playing in reverse order like I did, is the likeness in terms of those **Wario shapes**. Wario II introduced this concept. You can't jump while in Zombie mode here and there are less forms but they still work more or less the same. Getting hit means **losing coins**, not losing hearts. You simply cannot die (something you can't either in v3). This is extremely refreshing and feels like a big relief: I can fuck around in a level and uncover stuff without worrying about my health. I love this and don't understand the criticism it got for introducing that.
<img src="/img/articles/wario2.png"/>
<img src="/img/articles/wario2.png" class="full" />
<center>
Crushed by a weight... But not dead?
</center>
@ -55,7 +55,7 @@ Time to play the first Wario game. Going back from 3 to 1, you can clearly see w
Super Wario Land plays a lot like Super Mario Land 2: Six Golden Coins for the Gameboy. Wario collects power ups in the form of "suits" (even a bunny one where he can fly). When you're hit by an enemy, you shrink in size and can die. Collecting hearts can net you a "one-up", a very Mario-like concept that was thankfully dropped in the later games. Jumps are a lot more floaty. That means it's a **slower game** than the more snappy sequels.
<img src="/img/articles/wario1.jpg"/>
<img src="/img/articles/wario1.jpg" class="full" />
<center>
Small and fragile Wario.<br/>
Does that status bar remind you of something?
@ -71,7 +71,7 @@ When Nintendo released Wario Land 4 in 2001, things got a lit more **weirder**.
That said, Wario moves smoother, the animations are amazing and the world is very colorful. But there is no equipment to be found and the powerful feeling of Wario 2-3 is diminished. For instance, pounding into the ground - once you could do that in Wario 3 - shook the screen heavily. That's been reduced, but Wario says something "cool" like "hehey" or "here-I-go". Why did he need to have his own **voice** instead of grunts? It feels a bit out-of-place to me. The dashing is extremely fluid and feels natural to use, but a bit washed out compared to the powerful BUMP you've got in the previous installments.
<img src="/img/articles/wario4.jpg"/>
<img src="/img/articles/wario4.jpg" clas="full" />
<center>
A colorful amount of WTF!<br/>
Includes a free time limit.

1
docs/css/custom.css
View File

@ -13,6 +13,7 @@ html, body {
body {
background-color: #f1f4dd;
line-height: 1.7;
}
footer {

368
jefklakscodex.sublime-workspace
View File

@ -508,10 +508,18 @@
"buffers":
[
{
"file": "layouts/partials/head.html",
"file": "content/articles/wario-land-retrospective.md",
"settings":
{
"buffer_size": 5061,
"buffer_size": 10478,
"line_ending": "Unix"
}
},
{
"file": "content/articles/aria-of-sorrow-retrospective.md",
"settings":
{
"buffer_size": 9000,
"encoding": "UTF-8",
"line_ending": "Unix"
}
@ -520,16 +528,35 @@
"file": "config.toml",
"settings":
{
"buffer_size": 1005,
"buffer_size": 1139,
"encoding": "UTF-8",
"line_ending": "Unix"
}
},
{
"file": "content/articles/wario-land-retrospective.md",
"contents": "Searching 10 files for \"robot\"\n\n/Users/jefklak/development/jefklakscodex/layouts/partials/head.html:\n 4 <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n 5 <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n 6: <meta name=\"robots\" content=\"all,follow\">\n 7 <meta name=\"googlebot\" content=\"index,follow,snippet,archive\">\n 8 \n .\n 89 \n 90 <link rel=\"stylesheet\" href=\"{{ \"css/bootstrap.min.css\" | absURL }}\">\n 91: <link rel=\"stylesheet\" href=\"//fonts.googleapis.com/css?family=Roboto:400,300,700,400italic\">\n 92 <link rel=\"stylesheet\" href=\"{{ \"css/font-awesome.min.css\" | absURL }}\">\n 93 <link rel=\"stylesheet\" href=\"{{ \"css/owl.carousel.css\" | absURL }}\">\n\n2 matches in 1 file\n",
"settings":
{
"buffer_size": 10478,
"buffer_size": 750,
"line_ending": "Unix",
"name": "Find Results",
"scratch": true
}
},
{
"file": "layouts/partials/head.html",
"settings":
{
"buffer_size": 5116,
"line_ending": "Unix"
}
},
{
"file": "static/css/custom.css",
"settings":
{
"buffer_size": 3134,
"encoding": "UTF-8",
"line_ending": "Unix"
}
}
@ -618,13 +645,16 @@
],
"file_history":
[
"/Users/jefklak/development/jefklakscodex/static/css/custom.css",
"/Users/jefklak/development/jefklakscodex/docs/css/custom.css",
"/Users/jefklak/.bash_profile",
"/Users/jefklak/development/jefklakscodex/config.toml",
"/Users/jefklak/development/jefklakscodex/layouts/partials/head.html",
"/Users/jefklak/development/jefklakscodex/themes/hugo-creative-portfolio-theme/layouts/_default/baseof.html",
"/Users/jefklak/development/jefklakscodex/content/articles/bg2-magetalk.md",
"/Users/jefklak/development/jefklakscodex/content/articles/wario-land-retrospective.md",
"/Users/jefklak/development/jefklakscodex/config.toml",
"/Users/jefklak/development/jefklakscodex/themes/hugo-creative-portfolio-theme/layouts/partials/head.html",
"/Users/jefklak/development/jefklakscodex/layouts/_default/baseof.html",
"/Users/jefklak/development/jefklakscodex/layouts/partials/head.html",
"/Users/jefklak/development/jefklakscodex/layouts/partials/portfolio.html",
"/Users/jefklak/development/jefklakscodex/content/articles/switching-to-the-definitive-nostalgic-console.md",
"/Users/jefklak/development/jefklakscodex/layouts/partials/scripts.html",
@ -665,14 +695,12 @@
"/Users/jefklak/development/jefklakscodex/content/articles/jagged-alliance-2-review.md",
"/Users/jefklak/development/jefklakscodex/content/articles/lode-runner-legend-returns-review.md",
"/Users/jefklak/development/jefklakscodex/content/articles/etrian-oddysey-review.md",
"/Users/jefklak/development/jefklakscodex/static/css/custom.css",
"/Users/jefklak/development/jefklakscodex/static/js/codex.js",
"/Users/jefklak/development/jefklakscodex/docs/js/codex.js",
"/Users/jefklak/development/jefklakscodex/content/articles/arcanum-review.md",
"/Users/jefklak/development/jefklakscodex/docs/js/front.js",
"/Users/jefklak/development/jefklakscodex/jefklakscodex.sublime-project",
"/Users/jefklak/development/jefklakscodex/layouts/partials/footer.html",
"/Users/jefklak/development/jefklakscodex/docs/css/custom.css",
"/Users/jefklak/development/jefklakscodex/themes/hugo-creative-portfolio-theme/exampleSite/config.toml",
"/Users/jefklak/development/jefklakscodex/content/articles/arcanum-magick-vs-tech.md",
"/Users/jefklak/development/jefklakscodex/content/articles/arcanum-parties.md",
@ -744,8 +772,7 @@
"/Users/jefklak/development/PratoGame/public/src/Game.js",
"/Users/jefklak/development/PratoGame/gulpfile.js",
"/Users/jefklak/Desktop/test.html",
"/Users/jefklak/development/PratoGame/public/src/Robby.js",
"/Users/jefklak/development/PratoGame/public/src/Preloader.js"
"/Users/jefklak/development/PratoGame/public/src/Robby.js"
],
"find":
{
@ -756,6 +783,9 @@
"height": 124.0,
"where_history":
[
"/Users/jefklak/development/jefklakscodex/layouts",
"-*/docs/*.html",
"-*docs/",
"*.html",
"/img/",
""
@ -766,6 +796,8 @@
"case_sensitive": false,
"find_history":
[
"robot",
"fonts.",
"languageCode",
"<meta ",
"meta name=\"descr",
@ -810,89 +842,11 @@
"groups":
[
{
"selected": 0,
"selected": 2,
"sheets":
[
{
"buffer": 0,
"file": "layouts/partials/head.html",
"semi_transient": false,
"settings":
{
"buffer_size": 5061,
"regions":
{
},
"selection":
[
[
3043,
3043
]
],
"settings":
{
"WordCount":
{
"changes": 36,
"count": 114,
"modified": false,
"selection": false,
"status": -1,
"syntax": "plain text"
},
"syntax": "Packages/HTML/HTML.sublime-syntax",
"tab_size": 2,
"translate_tabs_to_spaces": true
},
"translation.x": 0.0,
"translation.y": 863.0,
"zoom_level": 1.0
},
"stack_index": 0,
"type": "text"
},
{
"buffer": 1,
"file": "config.toml",
"semi_transient": false,
"settings":
{
"buffer_size": 1005,
"regions":
{
},
"selection":
[
[
104,
116
]
],
"settings":
{
"WordCount":
{
"changes": 4,
"count": 88,
"modified": false,
"selection": false,
"status": -1,
"syntax": "plain text"
},
"syntax": "Packages/Text/Plain text.tmLanguage",
"tab_size": 2,
"translate_tabs_to_spaces": true
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 1,
"type": "text"
},
{
"buffer": 2,
"file": "content/articles/wario-land-retrospective.md",
"semi_transient": false,
"settings":
@ -925,8 +879,218 @@
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 5,
"type": "text"
},
{
"buffer": 1,
"file": "content/articles/aria-of-sorrow-retrospective.md",
"semi_transient": false,
"settings":
{
"buffer_size": 9000,
"regions":
{
},
"selection":
[
[
630,
630
]
],
"settings":
{
"WordCount":
{
"changes": 28,
"count": 1443,
"modified": false,
"selection": false,
"status": -1,
"syntax": "plain text"
},
"syntax": "Packages/MarkdownEditing/Markdown.sublime-syntax"
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 4,
"type": "text"
},
{
"buffer": 2,
"file": "config.toml",
"semi_transient": false,
"settings":
{
"buffer_size": 1139,
"regions":
{
},
"selection":
[
[
463,
463
]
],
"settings":
{
"WordCount":
{
"changes": 26,
"count": 101,
"modified": false,
"selection": false,
"status": -1,
"syntax": "plain text"
},
"syntax": "Packages/Text/Plain text.tmLanguage",
"tab_size": 2,
"translate_tabs_to_spaces": true
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 0,
"type": "text"
},
{
"buffer": 3,
"semi_transient": false,
"settings":
{
"buffer_size": 750,
"regions":
{
"match":
{
"flags": 112,
"regions":
[
[
273,
278
],
[
542,
547
]
],
"scope": ""
}
},
"selection":
[
[
288,
288
]
],
"settings":
{
"WordCount":
{
"changes": 3,
"count": 28,
"modified": true,
"selection": false,
"status": -1,
"syntax": "plain text"
},
"detect_indentation": false,
"line_numbers": false,
"output_tag": 1,
"result_base_dir": "",
"result_file_regex": "^([^ \t].*):$",
"result_line_regex": "^ +([0-9]+):",
"scroll_past_end": true,
"syntax": "Packages/Default/Find Results.hidden-tmLanguage"
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 2,
"type": "text"
},
{
"buffer": 4,
"file": "layouts/partials/head.html",
"semi_transient": false,
"settings":
{
"buffer_size": 5116,
"regions":
{
},
"selection":
[
[
3811,
3811
]
],
"settings":
{
"WordCount":
{
"changes": 0,
"count": 117,
"modified": false,
"selection": false,
"status": -1,
"syntax": "plain text"
},
"syntax": "Packages/HTML/HTML.sublime-syntax",
"tab_size": 2,
"translate_tabs_to_spaces": true
},
"translation.x": 0.0,
"translation.y": 1456.0,
"zoom_level": 1.0
},
"stack_index": 1,
"type": "text"
},
{
"buffer": 5,
"file": "static/css/custom.css",
"semi_transient": false,
"settings":
{
"buffer_size": 3134,
"regions":
{
},
"selection":
[
[
1125,
1127
]
],
"settings":
{
"WordCount":
{
"changes": -1,
"modified": true,
"selection": true,
"status": -1,
"syntax": "css"
},
"syntax": "Packages/CSS/CSS.sublime-syntax"
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 3,
"type": "text"
}
]
}
@ -983,6 +1147,18 @@
"confi",
"config.toml"
],
[
"custom.css",
"static/css/custom.css"
],
[
"css",
"docs/css/custom.css"
],
[
"ari",
"content/articles/aria-of-sorrow-retrospective.md"
],
[
"wario",
"content/articles/wario-land-retrospective.md"
@ -1478,18 +1654,6 @@
[
"sauceapi",
"vendor/sauce/sausage/src/Sauce/Sausage/SauceAPI.php"
],
[
".tra",
".travis.yml"
],
[
"bestellingent",
"tests/bestellingenTest.php"
],
[
"reposi",
"domain/repository.php"
]
],
"width": 0.0

8
layouts/partials/head.html
View File

@ -87,8 +87,14 @@
}
</script>
<style>
body, .content-column-content, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: '{{ .Site.Params.font }}', sans-serif !important;
}
</style>
<link rel="stylesheet" href="{{ "css/bootstrap.min.css" | absURL }}">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,300,700,400italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ .Site.Params.font }}">
<link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/owl.carousel.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/owl.theme.css" | absURL }}">

13
static/css/custom.css
View File

@ -7,12 +7,21 @@
/* hugo theme custom stuff */
img.full {
width: 100% !important;
}
html, body {
height: 100%;
}
body {
background-color: #f1f4dd;
line-height: 1.7;
}
.content-column-content {
font-size: 14pt;
}
footer {
@ -40,8 +49,8 @@ footer .img-responsive {
.sidebar-content {
/** haxx!! overflowww **/
margin-bottom: -9000px;
padding-bottom: 9000px;
margin-bottom: -90000px;
padding-bottom: 90000px;
position: relative;
width: 100%;