Commit f8cecc7a authored by Jehan's avatar Jehan

content, themes: new animated 404 page.

SVG graphics and animation by Aryeom, edited as a SVG+SMIL animation by
myself. The whole thing is CC by-SA.
It works well under Firefox and Chrome. Microsoft browsers don't have
animation support so they should just display a static SVG (the sad
Wilber which is the animation's last frame). Not tested under Safari
or Opera.
parent baba72ea
Title: Eeeek!
Date: 2015-08-11T16:24:52-05:00
Author: Pat David
Date: 2016-10-31
Author: Aryeom & Jehan
url: 404.html
save_as: 404.html
Template: 404
status: hidden
lang: en
Well, this is odd. It's a __404 - File not found__.
<figure>
<img src='/images/404-Wilber.png' alt="EEeeek! 404!">
</figure>
Sorry, but whatever you're looking for isn't here!
If you believe this to be an error, please [let us know](/webmasters.html).
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
img#animation-404 {
background-size: contain;
width: 100%;
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
@keyframes animation-404-text {
0% {opacity: 0;}
90% {opacity: 0;}
100% {opacity: 1;}
}
#animation-404-text-left,
#animation-404-text-right {
position: absolute;
text-align: center;
width: 50%;
animation-name: animation-404-text;
animation-duration: 10s;
}
#animation-404-text-left {
left: 0;
top: 100px;
}
#animation-404-text-right {
right: 0;
top: 150px;
}
{% extends "base.html" %}
{% block title %}{{ page.title|striptags }} - GIMP{% endblock %}
{% block head %}
{{ super() }}
<meta name="description" content="File not found - GIMP" />
<link rel='stylesheet' type='text/css' href="/theme/css/404.css" />
{% endblock head %}
{% block content %}
<img id="animation-404" src="/images/GIMP-404-animated.svg" alt="EEeeek! 404!">
<section id="content" class="page_content">
<div class="container">
<div id="animation-404-text-left" class="row clearfix">
<h1>Eeeek!</h1>
<p><strong>404 - File not found</strong>.</p>
</div>
<div id="animation-404-text-right" class="row clearfix">
<p>Sorry, but whatever you’re looking for isn’t here!
<br/>If you believe this to be an error, please <a href="https://www.gimp.org/webmasters.html">let us know</a>.</p>
</div>
<section id="attribution">
<div class="container">
<div class="row clearfix">
<div class="column full">
<p>
<em>SVG animation</em>: <em>Wilber 404</em> by <a href="https://girinstud.io/" title="Studio Girin">Aryeom & Jehan</a> (<a href="https://creativecommons.org/licenses/by-sa/4.0/" title="Creative Commons Attribution-ShareAlike"><span class='cc'>cba</span></a>)
</p>
</div>
</div>
</div>
</section>
<div class='column full social'>
<p>
Share this on: <a
href="https://plus.google.com/share?url=https://www.gimp.org/404.html" target="_blank" title="Share this post on Google+">Google+</a> |
<a
href="https://twitter.com/intent/tweet?url=https://www.gimp.org/404.html" target="_blank" title="Share this post on twitter">twitter</a> |
<a
href="https://www.facebook.com/sharer/sharer.php?u=https://www.gimp.org/404.html" target="_blank" title="Share this post on Facebook">Facebook</a>
</p>
</div>
</div>
</section>
{% endblock content %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment