jefklakscodex/docs/articles/index.html

479 lines
21 KiB
HTML
Raw Normal View History

2018-05-14 07:59:13 +02:00
<!DOCTYPE html>
<html lang="en-us">
<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Retro game thoughts">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<meta name="googlebot" content="index,follow,snippet,archive">
<link rel="stylesheet" href="https://jefklakscodex.com/css/bootstrap.min.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,300,700,400italic">
<link rel="stylesheet" href="https://jefklakscodex.com/css/font-awesome.min.css">
<link rel="stylesheet" href="https://jefklakscodex.com/css/owl.carousel.css">
<link rel="stylesheet" href="https://jefklakscodex.com/css/owl.theme.css">
<link href="https://jefklakscodex.com/css/style.default.css" rel="stylesheet" id="theme-stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="https://jefklakscodex.com/css/custom.css" rel="stylesheet">
<link rel="shortcut icon" href="https://jefklakscodex.com/img/favicon.png">
<link href="https://jefklakscodex.com/articles/index.xml" rel="alternate" type="application/rss+xml" title="Jefklak&#39;s Codex" />
<link href="https://jefklakscodex.com/articles/index.xml" rel="feed" type="application/rss+xml" title="Jefklak&#39;s Codex" />
</head>
<body>
2018-05-14 22:32:52 +02:00
<a name="top" id="top"></a>
2018-05-14 07:59:13 +02:00
<div id="all">
<div class="container-fluid">
<div class="row row-offcanvas row-offcanvas-left">
2018-05-14 22:32:52 +02:00
<div id="sidebar" class="col-xs-6 col-sm-4 col-md-3 sidebar-offcanvas">
2018-05-14 07:59:13 +02:00
<div class="sidebar-content">
<h1 class="sidebar-heading"><a href="https://jefklakscodex.com/">Jefklak&#39;s Codex</a></h1>
<p class="sidebar-p">Youre looking at “The Codex”, a dedicated and highly opinionated website about nostalgic games that left a lasting impression on me.</p>
<div class="sidebar-header">
<span>Latest</span>
<img src="/img/gob_letter.gif"/>
</div>
<ul class="sidebar-menu">
<li>
<a href="/articles/test2/">Example game 2</a>&nbsp;
2018-05-14 22:32:52 +02:00
<span class="sidebar-date">(11/2016)</span>
2018-05-14 07:59:13 +02:00
</li>
<li>
<a href="/articles/test/">Example game</a>&nbsp;
2018-05-14 22:32:52 +02:00
<span class="sidebar-date">(11/2016)</span>
</li>
<li>
<a href="/articles/win-platforming/">Windows 2D Platforming</a>&nbsp;
<span class="sidebar-date">(03/2007)</span>
</li>
<li>
<a href="/articles/arcanum-review/">Arcanum: the Review</a>&nbsp;
<span class="sidebar-date">(03/2007)</span>
</li>
<li>
<a href="/articles/arcanum-gunslinger/">Arcanum: the Gunslinger</a>&nbsp;
<span class="sidebar-date">(03/2007)</span>
</li>
<li>
<a href="/articles/arcanum-parties/">Arcanum: Party Seleciton</a>&nbsp;
<span class="sidebar-date">(03/2007)</span>
</li>
<li>
<a href="/articles/arcanum-magick-vs-tech/">Arcanum: Magick VS Tech</a>&nbsp;
<span class="sidebar-date">(03/2007)</span>
</li>
<li>
<a href="/articles/apogees-legacy/">Apogee&#39;s Legacy</a>&nbsp;
<span class="sidebar-date">(03/2007)</span>
</li>
<li>
<a href="/articles/animalcrossing-wildworld/">Animal Crossing: Wild World Adventure Blog</a>&nbsp;
<span class="sidebar-date">(10/2006)</span>
2018-05-14 07:59:13 +02:00
</li>
</ul>
<div class="sidebar-header">
<span>Browsing</span>
<img src="/img/gob_waypoint.gif"/>
</div>
<ul class="sidebar-menu">
<li><a href="https://jefklakscodex.com/articles/">Articles Index</a></li>
<li><a href="https://jefklakscodex.com/tags/">Games Index</a></li>
<li><a href="https://jefklakscodex.com/about/">About the Codex</a></li>
</ul>
<div class="copyright">
<p class="credit">
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>.
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-8 col-md-9 content-column">
<div class="small-navbar visible-xs">
<button type="button" data-toggle="offcanvas" class="btn btn-ghost pull-left"> <i class="fa fa-align-left"> </i>Menu</button>
<h1 class="small-navbar-heading"><a href="https://jefklakscodex.com/">Jefklak&#39;s Codex</a></h1>
</div>
<p><img src="/img/logo.png"/></p>
<p>index blabla articles</p>
<div class="grid">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/test/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com/gif/warioland3_still.gif" alt="" class="img-responsive img-inactive">
<img src="https://jefklakscodex.com/gif/warioland3.gif" alt="" class="img-responsive img-active">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/test/">Example game</a></h4>
<div class="box-masonry-description">
<p>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
</p>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/test2/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com/gif/warioland3_still.gif" alt="" class="img-responsive img-inactive">
<img src="https://jefklakscodex.com/gif/warioland3.gif" alt="" class="img-responsive img-active">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/test2/">Example game 2</a></h4>
<div class="box-masonry-description">
<p>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
</p>
</p>
</div>
</div>
</div>
</div>
2018-05-14 22:32:52 +02:00
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/apogees-legacy/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com//img/articles/apogee_logo.png" alt="" class="img-responsive img-inactive">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/apogees-legacy/">Apogee&#39;s Legacy</a></h4>
<div class="box-masonry-description">
<p>
Skip to the Videos part!
Only the new and young generation of gamers might not be familiar with Apogee Software - that is, until one has read the article. Apogee, the legacy of shareware PC games. I remember everything like it was yesterday! Impatiently receiving my first oversized floppy disk containing a demo version of Cosmo&rsquo;s little adventures, racing through the first few levels of Duke Nukem, defeating way too much zombies in Monster Bash, capturing the first castle in Mystic Towers, &hellip; The video game company literally created the shareware distribution model using various monthly subscribed magazines and one free floppy which was without a doubt numberous times passed on.
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/arcanum-magick-vs-tech/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com//img/games/Arcanum/logo.jpg" alt="" class="img-responsive img-inactive">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/arcanum-magick-vs-tech/">Arcanum: Magick VS Tech</a></h4>
<div class="box-masonry-description">
<p>
First things first: you are not reading this wrong, it&rsquo;s magick and not magic. In the world of Arcanum, that is. There&rsquo;s also no such thing as mana or spellbooks. Every single spell you learn comes trough {+SPs+) (Skill Points) which you&rsquo;ll have to invest into several magickal realms. A little bit like Diablo 2, except the fact that once you&rsquo;ve put 1 point into it, you can&rsquo;t raise it furter ot increase the power.
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/arcanum-parties/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com//img/games/Arcanum/logo.jpg" alt="" class="img-responsive img-inactive">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/arcanum-parties/">Arcanum: Party Seleciton</a></h4>
<div class="box-masonry-description">
<p>
Party Numer ONE - November 2004
Level - 25.
Laprovski - Male Dwarf - Raised by Monks
Skills - Technologist: firearms, gunsmithy, electricity &amp; explosives
Stats - First PER Second INT Third DEX After a few tries, this dwarf managed to get himself to Tarant. There, the beautiful game acutally started with so many options - especially for technology! The dozens of shops give you plenty of possibilities and you&rsquo;ll never run out of your own gadgets.
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/arcanum-gunslinger/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com//img/games/Arcanum/logo.jpg" alt="" class="img-responsive img-inactive">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/arcanum-gunslinger/">Arcanum: the Gunslinger</a></h4>
<div class="box-masonry-description">
<p>
Overview
All right, you want yourself a cool character with even cooler guns. The problem is: technology is not that easy in Arcanum. Especially all the different schemes, guns, carrying the bullets, and so on. Would you like to make a backup plan, like throwing or a bow? Or would you just like to grab yourself an axe and whack the enemy when you run out of bullets? Or would you go running and rely on your followers?
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/arcanum-review/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com//img/games/Arcanum/logo.jpg" alt="" class="img-responsive img-inactive">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/arcanum-review/">Arcanum: the Review</a></h4>
<div class="box-masonry-description">
<p>
Hooray hooray for classic urgh-so-bad-graphics-but-so-good-gameplay RPG-games like this! Arcanum is without a doubt the best game Troika ever made, and that deserves something extra. Like a review and a nice collection of screenshots, or something similar. Enough introduction, grab a gun and shoot! Or pick a spell and cast, if you will.
What&rsquo;s going on, George?
Finetuning has never been more fun
As some of you probably already know, this is a very strange game.
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/win-platforming/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com//img/articles/captainclaw.jpg" alt="" class="img-responsive img-inactive">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/win-platforming/">Windows 2D Platforming</a></h4>
<div class="box-masonry-description">
<p>
<p>Platform games, one of the most dominant game genres in gaming history. They spawned a whole lot of spin-off series (run-and-gun, platform puzzles, Apogee&rsquo;s shareware system, Mario 64&rsquo;s 3D platform debut). Platform gaming has been the dominant type on every gaming platform for quite a while.</p>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
<div class="box-masonry">
<a href="https://jefklakscodex.com/articles/animalcrossing-wildworld/" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
<img src="https://jefklakscodex.com/gif/acww_still.gif" alt="" class="img-responsive img-inactive">
<img src="https://jefklakscodex.com/gif/acww.gif" alt="" class="img-responsive img-active">
</a>
<div class="box-masonry-text">
<h4><a href="https://jefklakscodex.com/articles/animalcrossing-wildworld/">Animal Crossing: Wild World Adventure Blog</a></h4>
<div class="box-masonry-description">
<p>
It is a wild world indeed as the Acorn festival is about to start. Should I exchange some acorns ro net me a chair so I can gift Drift something for his birthday? What to do!
</p>
</div>
</div>
</div>
</div>
2018-05-14 07:59:13 +02:00
</div>
</div>
</div>
</div>
</div>
</div>
2018-05-14 22:32:52 +02:00
2018-05-14 07:59:13 +02:00
<script src="https://jefklakscodex.com/js/jquery.min.js"></script>
<script src="https://jefklakscodex.com/js/bootstrap.min.js"></script>
<script src="https://jefklakscodex.com/js/jquery.cookie.js"> </script>
<script src="https://jefklakscodex.com/js/ekko-lightbox.js"></script>
<script src="https://jefklakscodex.com/js/jquery.scrollTo.min.js"></script>
<script src="https://jefklakscodex.com/js/masonry.pkgd.min.js"></script>
<script src="https://jefklakscodex.com/js/imagesloaded.pkgd.min.js"></script>
<script src="https://jefklakscodex.com/js/owl.carousel.min.js"></script>
<script src="https://jefklakscodex.com/js/front.js"></script>
<script>
$(function() {
2018-05-14 22:32:52 +02:00
$('#totop').click(function() {
$.scrollTo($('#top'), 1000);
});
$('a.internal').click(function() {
$.scrollTo($($(this).data('to')), 1000);
});
2018-05-14 07:59:13 +02:00
var rand = Math.floor(Math.random() * 10) + 1;
$('.sidebar-menu li').mouseenter(function() {
$(this).css('background', '#f1f4dd url(/img/random/' + rand + '.gif) no-repeat right');
}).mouseleave(function() {
$(this).css('background', 'none');
}).click(function() {
location.href = $(this).find('a').attr('href');
});
$('.sidebar-game-platform').height($('.sidebar-content .img-inactive').height());
2018-05-14 22:32:52 +02:00
var animate = function() {
2018-05-14 07:59:13 +02:00
var active = $(this).find('.img-active');
if(active.length > 0) {
active.css('display', 'block');
$(this).find('.img-inactive').css('display', 'none');
}
2018-05-14 22:32:52 +02:00
};
var inanimate = function() {
2018-05-14 07:59:13 +02:00
var active = $(this).find('.img-active');
if(active.length > 0) {
active.css('display', 'none');
$(this).find('.img-inactive').css('display', 'block');
}
2018-05-14 22:32:52 +02:00
};
$('.box-masonry').mouseenter(animate).mouseleave(inanimate);
$('.sidebar-game-info').mouseenter(animate).mouseleave(inanimate);
2018-05-14 07:59:13 +02:00
});
</script>
2018-05-14 22:32:52 +02:00
<footer>
<a style="cursor: pointer;" id="totop"><img src="/img/bg-back.gif" alt="to top" /></a>
</footer>
2018-05-14 07:59:13 +02:00
</body>
</html>