| | |
| | | <!DOCTYPE html> |
| | | <html lang=""> |
| | | <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"> |
| | | |
| | | |
| | | <link rel="icon" href="/"> |
| | | |
| | | <title></title> |
| | | <title>Ticky Tacky Dark - Main</title> |
| | | |
| | | |
| | | |
| | |
| | | <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="/css/myscreen.css" type="text/css" media="screen"> |
| | | <link rel="stylesheet" href="/css/myprint.css" type="text/css" media="print"> |
| | | <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(/img/header01.jpg); |
| | | background-size: cover; |
| | | } |
| | | |
| | | |
| | | </style> |
| | | </noscript> |
| | | </head> |
| | | <body> |
| | | <div id="full_body"> |
| | | <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/img/header_template.png" alt="notmet.net header image"> |
| | | <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="notmet.net header image"> |
| | | </div> |
| | | <div id="content" class="top-section"> |
| | | <div class="container-fluid"> |
| | |
| | | <div class="col col-12 col-sm-8 col-lg-9"> |
| | | <div class="row"> |
| | | |
| | | <div class="col col-12 col-lg-6 imgbtntxt"> |
| | | <a class="imgbtntxt" href="/ticky_tacky_dark/awesome/"> |
| | | <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/awebutton.jpg" alt="Awesome Page"> |
| | | <br>Awesome Page |
| | | </a> |
| | | </div> |
| | | |
| | | <div class="col col-12 col-lg-6 imgbtntxt"> |
| | | <a class="imgbtntxt" href="https://gohugo.io/"> |
| | | <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/redirbutton.jpg" alt="Redirector - GoHugo"> |
| | | <br>Redirector - GoHugo |
| | | </a> |
| | | </div> |
| | | |
| | | <div class="col col-12 col-lg-6 imgbtntxt"> |
| | | <a class="imgbtntxt" href="/ticky_tacky_dark/interesting/"> |
| | | <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/interestingbutton.jpg" alt="Interesting Page"> |
| | | <br>Interesting Page |
| | | </a> |
| | | </div> |
| | | |
| | | <div class="col col-12 col-lg-6 imgbtntxt"> |
| | | <a class="imgbtntxt" href="/ticky_tacky_dark/cool/"> |
| | | <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/coolbutton.jpg" alt="Cool Page"> |
| | | <br>Cool Page |
| | | </a> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> |
| | | <ul class="navbar"> |
| | | <li></li> |
| | | <li>Main</li> |
| | | <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome Page</a></li> |
| | | <li><a href="https://gohugo.io/">Redirector - GoHugo</a></li> |
| | | <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/interesting/">Interesting Page</a></li> |
| | | <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Cool Page</a></li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div id="footer" class="top-section"> |
| | | <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a> |
| | | </div><script> |
| | | function toggleDisplay( elementID ) { |
| | | elem = document.getElementById(elementID); |
| | |
| | | } |
| | | } |
| | | |
| | | function randomHeaderImg() { |
| | | images = ["/ticky_tacky_dark/img/header01.jpg","/ticky_tacky_dark/img/header02.jpg"]; |
| | | i = Math.ceil(Math.random() * images.length) - 1; |
| | | document.getElementById("headerimg").src = images[i]; |
| | | } |
| | | window.onload = randomHeaderImg; |
| | | |
| | | |
| | | </script> |
| | | </div> |