This weeks code-doodle is just a little 500 error page mockup. Tried to capture the feeling of going through stack traces and lines and lines of log-files in an aesthetically pleasing way. -- wanted to mess around with css variables so likely doesn't work too well in ie :)
A Pen by Adam Quinlan on CodePen.
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Animation SVG</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js"></script> | |
| </head> | |
| <body> | |
| <svg id="error" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="400px" | |
| height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve"> |
Error page in Pure css :) inspired from Bons 404
A Pen by Vineeth.TR on CodePen.
404 error page in pure css3. character inspired from Arturo MB's Cry Baby ( dribbble )
A Pen by Vineeth.TR on CodePen.
A Pen by Kyle Lavery on CodePen.
Minimal 404 error - text appears to enter from the crack.
A Pen by Gabrielle Wee ✨ on CodePen.
A Pen by Welling Guzman on CodePen.
A Pen by Dmitry Korobov on CodePen.
| <!-- <div id="" class=""></div> <section id="" class=""></section> --> | |
| <div id="consoleMSG" class=""></div> | |
| <div id="LogoMark_DE" class=""> | |
| <h1>DREW</h1> | |
| <img src="https://drewendly.github.io/de/svg/DE-Just-Black-30.svg"> | |
| <h1>ENDLY</h1> | |
| </div> |
A Pen by Karl Danninger on CodePen.