Good Friday Cross 2016

Each year I make a cross on Good Friday. I have done since sitting on the shores of Lake Rotowiti in 2000 while on 'Solo' with Boys' Brigade National Leadership Development Course.

This year, I decided I would make the cross using only code. Ultimately this wasn't that hard, but telling the story within the code took a little longer.

It is Finished.

Good Friday Cross 2016

The Code

<html>
 <!--See from his hands, his-->
 <head>
 <meta name="keywords" content="his feet"/>
 <title>Sorrow and Love</title>
 <!-- Flow mingled dowm-->
 <meta name="description" content="Did e'er such love and sorrow meet,
 Or thorns compose so rich a crown?"/>
 <style>
 /*His */body {
 /*stretched out wide*/ width:100%; /*from fingertip to fingertip*/
 }
 </style> 
 <!--And on his-->
 </head> 
 <!-- A crown of thorns
 
This is my-->
 <body class="broken for you">
 <div class="blood poured out">
 </div>
 <span class="for the sins of all">
 </span>
 <!-- on the cross -->
 <style>
.blood{
 /*red sky turned a*/ 
 border:1px solid black;
 @midday;
 
 display:block;margin:0 auto;
 
 /* forgiven */
 width:70px /*times seven*/;
 }
 /*Lights*/ .out, /* covered */ .all, .the /* earth */{
 /* temple curtain torn from */
 top:100%;
 /* to */ bottom:0;
 
 
 
 margin-top:120px;
 }
 /*He breathed*/ .for .the /*last time*/ {
 content: "It is Finished";
 
 
 
 
 
 width:0px;height:120px;display:block;margin:0 auto;border:1px solid #000;margin-top:-37px;
 }
 </style>
 </body>
</html>

SHARE THE LOVE:Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on LinkedInShare on TumblrShare on RedditEmail this to someone

You can use the spacebar or the arrow keys to navigate through my site. I hope you enjoy your journey.