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
<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>
