238 lines
8.3 KiB
HTML
238 lines
8.3 KiB
HTML
<!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's Codex" />
|
||
<link href="https://jefklakscodex.com/articles/index.xml" rel="feed" type="application/rss+xml" title="Jefklak's Codex" />
|
||
|
||
|
||
</head>
|
||
<body>
|
||
<div id="all">
|
||
<div class="container-fluid">
|
||
<div class="row row-offcanvas row-offcanvas-left">
|
||
<div id="sidebar" class="col-xs-6 col-sm-4 col-md-3 sidebar-offcanvas">
|
||
<div class="sidebar-content">
|
||
<h1 class="sidebar-heading"><a href="https://jefklakscodex.com/">Jefklak's Codex</a></h1>
|
||
|
||
<p class="sidebar-p">You’re 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>
|
||
<span class="sidebar-date">(5 November)</span>
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
<a href="/articles/test/">Example game</a>
|
||
<span class="sidebar-date">(5 November)</span>
|
||
</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 © 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'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>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<footer>
|
||
<img src="/img/bg-back.gif">
|
||
</footer>
|
||
|
||
|
||
<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() {
|
||
|
||
|
||
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());
|
||
|
||
$('.box-masonry').mouseenter(function() {
|
||
var active = $(this).find('.img-active');
|
||
if(active.length > 0) {
|
||
active.css('display', 'block');
|
||
$(this).find('.img-inactive').css('display', 'none');
|
||
}
|
||
}).mouseleave(function() {
|
||
var active = $(this).find('.img-active');
|
||
if(active.length > 0) {
|
||
active.css('display', 'none');
|
||
$(this).find('.img-inactive').css('display', 'block');
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|