404 page and little css fix

This commit is contained in:
Claudio Maggioni 2016-09-26 22:09:25 +02:00
parent 767e17ad92
commit 9484ff781e
18 changed files with 169 additions and 20 deletions

22
404.md Normal file
View file

@ -0,0 +1,22 @@
---
layout: main
permalink: /404.html
---
# 404 - page not found
If you didn't come on purpose I apologise, but the page you are searching doesn't exist.
But, if you came on purpose, enjoy a flat Rick Astley gif dancing.
![Rick gif](/astley.gif)
<style>
img{
display: inline-block
}
main{
text-align: center
}
</style>
Thanks [Giorgio Croci!](https://github.com/Giorgio-Croci)

View file

@ -44,7 +44,7 @@ ul.navbar-list{
@media (max-width: 700px){ @media (max-width: 700px){
.navbar-list .navbar-item { .navbar-list .navbar-item {
width: 100%; width: calc(100% - 2em);
} }
} }

111
_site/404.html Normal file
View file

@ -0,0 +1,111 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ramblings of an archer archer</title>
<meta name="description" content="Things which an Arch Linux user that also owns an recurve bow can write.
">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/404.html">
<link rel="alternate" type="application/rss+xml" title="Ramblings of an archer archer" href="http://praticamentetilde.github.io/feed.xml">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://rawgit.com/snaptortoise/konami-js/master/konami.js"></script>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head>
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<h1 id="page-not-found">404 - page not found</h1>
<p>If you didnt come on purpose I apologise, but the page you are searching doesnt exist.
But, if you came on purpose, enjoy a flat Rick Astley gif dancing.</p>
<p><img src="/astley.gif" alt="Rick gif" /></p>
<style>
img{
display: inline-block
}
main{
text-align: center
}
</style>
<p>Thanks <a href="https://github.com/Giorgio-Croci">Giorgio Croci!</a></p>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -50,6 +50,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -94,8 +96,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

View file

@ -49,6 +49,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -131,8 +133,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

BIN
_site/astley.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 950 KiB

View file

@ -178,7 +178,7 @@ ul.navbar-list {
@media (max-width: 700px) { @media (max-width: 700px) {
.navbar-list .navbar-item { .navbar-list .navbar-item {
width: 100%; } } width: calc(100% - 2em); } }
.navbar-item a { .navbar-item a {
color: #e82; } color: #e82; }

View file

@ -6,8 +6,8 @@
</description> </description>
<link>http://praticamentetilde.github.io/</link> <link>http://praticamentetilde.github.io/</link>
<atom:link href="http://praticamentetilde.github.io/feed.xml" rel="self" type="application/rss+xml"/> <atom:link href="http://praticamentetilde.github.io/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Tue, 13 Sep 2016 21:40:05 +0200</pubDate> <pubDate>Mon, 26 Sep 2016 22:08:15 +0200</pubDate>
<lastBuildDate>Tue, 13 Sep 2016 21:40:05 +0200</lastBuildDate> <lastBuildDate>Mon, 26 Sep 2016 22:08:15 +0200</lastBuildDate>
<generator>Jekyll v3.2.1</generator> <generator>Jekyll v3.2.1</generator>
<item> <item>

View file

@ -50,6 +50,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -125,8 +127,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

View file

@ -49,6 +49,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -182,8 +184,8 @@ Last thing: I discovered that my Bluetooth dongle is CSR 8510 A10 based so expec
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

View file

@ -49,6 +49,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -142,8 +144,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

View file

@ -49,6 +49,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -176,8 +178,8 @@ done</span>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

View file

@ -49,6 +49,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -117,8 +119,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

View file

@ -49,6 +49,8 @@
</li> </li>
<li class="navbar-item"> <li class="navbar-item">
<a href="/about/">About</a> <a href="/about/">About</a>
</li> </li>
@ -113,8 +115,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a> <a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a> <a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div> </div>
<h6 class="author">Claudio Maggioni 2016</h6> <h6 class="author">Claudio Maggioni 2016</h6>
</footer> </footer>

BIN
astley.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 950 KiB