<!DOCTYPE html>
|
<html lang="en-us">
|
<head><meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<meta name="description" content="The demonstration page for the Hugo Ticky Tacky Dark theme.">
|
<meta name="author" content="kc0bfv@gmail.com">
|
<link rel="icon" href="/ticky_tacky_dark/favicon.ico">
|
|
<title>Ticky Tacky Dark - Fascinating</title>
|
|
|
|
|
<meta name="robots" content="index,follow">
|
<meta name="referrer" content="origin-when-cross-origin">
|
|
|
|
|
<meta name="generator" content="Hugo 0.58.3">
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
|
<link rel="stylesheet" href="/ticky_tacky_dark/css/myscreen.css" type="text/css" media="screen">
|
<link rel="stylesheet" href="/ticky_tacky_dark/css/myprint.css" type="text/css" media="print">
|
<meta name="theme-color" content="black">
|
|
|
|
<noscript>
|
<style>
|
|
#headerimg {
|
background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg);
|
background-size: cover;
|
}
|
|
|
#sideimage {
|
background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg);
|
background-size: cover;
|
}
|
|
</style>
|
</noscript>
|
</head>
|
<body>
|
<div id="full_body">
|
<header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
|
</header>
|
<div id="content" class="top-section">
|
<div class="container-fluid">
|
<div class="row">
|
<div class="col col-12 col-sm-8 col-lg-9">
|
<main class="row">
|
<div class="col-12 col-sm-5">
|
|
<img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Interesting Page Image">
|
|
</div>
|
<div class="col-12 col-sm-7">
|
<p>Here’s some interesting text on an interesting page. That image on the left? It’ll randomly change on load between the ones in “sideimages”.</p>
|
|
<a href="javascript:toggleDisplay('dropstuff');">Stuff that drops down when you click on it top:</a>
|
|
|
<div id="dropstuff" style="display:none">
|
This stuff drops down because you clicked on the text.
|
</div>
|
|
|
</div>
|
|
</main>
|
</div>
|
<nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
|
<ul class="navbar">
|
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li>
|
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li>
|
<li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li>
|
<li>Fascinating</li>
|
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li>
|
</ul>
|
</div>
|
</nav>
|
</div>
|
</div>
|
</div>
|
<footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
|
</footer><script>
|
function toggleDisplay( elementID ) {
|
elem = document.getElementById(elementID);
|
if( elem.style.display == "none" ) {
|
elem.style.display = "block";
|
} else if( elem.style.display == "block" ) {
|
elem.style.display = "none";
|
}
|
}
|
|
function randomHeaderImg() {
|
images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg","https://kc0bfv.github.io/ticky_tacky_dark/img/header02.jpg"];
|
i = Math.ceil(Math.random() * images.length) - 1;
|
document.getElementById("headerimg").src = images[i];
|
}
|
window.onload = randomHeaderImg;
|
|
|
function randomSideAndHeaderImg() {
|
randomHeaderImg();
|
images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg"];
|
i = Math.ceil(Math.random() * images.length) - 1;
|
document.getElementById("sideimage").src = images[i];
|
}
|
window.onload = randomSideAndHeaderImg;
|
|
</script>
|
</div>
|
</body>
|
</html>
|
