index.html

<html>
<head><title>oh god h&#836;&#779;&#836;&#849;&#835;&#784;&#771;&#798;&#858;&#857;&#852;&#828;&#811;&#801;&#824;o&#781;&#771;&#780;&#844;&#779;&#808;&#804;&#825;&#854;&#813;&#809;w&#794;&#788;&#844;&#773;&#777;&#787;&#859;&#843;&#855;&#806;&#813;&#812;&#837;&#807;&#846;&#799;&#812;&#815;&#852;&#823; d&#835;&#772;&#830;&#848;&#849;&#781;&#781;&#778;&#803;&#793;&#839;&#810;&#811;&#823;i&#781;&#865;&#782;&#785;&#844;&#833;&#793;&#863;&#809;&#790;&#803;&#857;d&#784;&#865;&#850;&#835;&#768;&#834;&#835;&#865;&#787;&#770;&#857;&#858;&#790;&#806;&#860;&#821; t&#794;&#775;&#849;&#777;&#786;&#827;&#792;&#846;&#808;&#845;&#804;&#808;&#837;&#854;h&#829;&#836;&#775;&#848;&#833;&#857;&#800;&#800;&#797;&#813;&#802;&#825;&#820;i&#864;&#787;&#768;&#779;&#783;&#862;&#786;&#775;&#786;&#848;&#813;&#866;&#818;&#819;&#810;&#810;&#840;s&#786;&#779;&#786;&#838;&#834;&#771;&#864;&#779;&#840;&#804;&#827;&#826;&#854;&#797;&#852;&#815;&#866;&#805;&#822; g&#771;&#855;&#843;&#849;&#848;&#843;&#814;&#819;&#800;&#815;&#798;&#827;&#820;e&#850;&#772;&#784;&#786;&#829;&#786;&#856;&#864;&#845;&#851;&#851;&#801;&#807;&#846;&#837;&#825;&#817;&#815;&#822;t&#776;&#850;&#838;&#838;&#832;&#789;&#787;&#848;&#794;&#841;&#841;&#818;&#839;&#801;&#815;&#824; h&#859;&#786;&#833;&#843;&#779;&#773;&#850;&#827;&#814;&#826;&#800;&#811;&#863;&#813;&#803;e&#850;&#844;&#787;&#830;&#777;&#825;&#819;&#799;&#798;&#819;&#827;&#825;r&#778;&#772;&#786;&#784;&#784;&#850;&#863;&#853;&#803;&#812;&#857;&#796;&#793;&#796;&#806;&#817;&#821;e&#777;&#835;&#787;&#777;&#786;&#794;&#857;&#827;&#851;&#808;&#816;&#811;&#823; i&#778;&#835;&#777;&#775;&#850;&#825;&#845;&#814;&#791;&#815;&#809;&#815;&#798; a&#770;&#784;&#783;&#782;&#832;&#862;&#788;&#843;&#830;&#859;&#812;&#846;&#839;&#839;&#803;&#792;&#837;&#840;&#846;&#804;m&#831;&#769;&#834;&#783;&#775;&#781;&#810;&#791;&#806;&#853;&#863;&#839;&#793;&#797;&#827;&#846; n&#776;&#795;&#781;&#787;&#778;&#835;&#811;&#805;&#807;&#799;&#798;o&#788;&#856;&#834;&#861;&#862;&#865;&#830;&#787;&#778;&#819;&#813;&#797;&#811;&#816;t&#781;&#833;&#843;&#844;&#772;&#843;&#864;&#861;&#771;&#775;&#837;&#851;&#858;&#819;&#857;&#821; g&#775;&#829;&#778;&#787;&#861;&#832;&#843;&#794;&#782;&#804;&#851;&#853;&#815;&#816;&#813;&#822;o&#784;&#780;&#848;&#780;&#789;&#852;&#798;&#860;&#853;&#840;&#858;&#863;&#822;o&#768;&#829;&#778;&#835;&#768;&#775;&#862;&#800;&#837;&#818;&#808;&#812;&#797;&#858;&#825;&#818;&#823;d&#835;&#855;&#768;&#794;&#772;&#795;&#777;&#779;&#792;&#810;&#812;&#806;&#815; w&#855;&#787;&#771;&#830;&#795;&#818;&#851;&#852;&#802;&#799;&#828;&#839;&#823;i&#773;&#772;&#770;&#775;&#769;&#860;&#817;&#839;&#793;&#811;&#851;&#805;&#846;&#798;&#822;t&#782;&#861;&#855;&#779;&#770;&#830;&#843;&#783;&#782;&#865;&#827;&#804;&#853;&#845;&#826;&#841;&#853;&#816;&#816;h&#832;&#775;&#850;&#771;&#776;&#776;&#842;&#856;&#787;&#815;&#846;&#840;&#853;&#801; c&#772;&#831;&#844;&#785;&#768;&#844;&#810;&#815;&#800;&#841;&#814;o&#787;&#774;&#855;&#770;&#785;&#774;&#865;&#829;&#781;&#781;&#866;&#807;&#790;&#807;&#866;&#798;&#820;m&#780;&#773;&#843;&#775;&#864;&#781;&#835;&#797;&#811;&#791;&#846;&#808;&#846;&#839;&#810;&#828;&#824;p&#830;&#788;&#782;&#843;&#833;&#775;&#844;&#785;&#797;&#790;&#790;&#819;&#863;&#821;u&#862;&#850;&#780;&#777;&#835;&#859;&#793;&#802;&#827;&#817;&#860;&#820;t&#780;&#848;&#770;&#850;&#856;&#808;&#807;&#840;&#839;&#860;&#808;&#824;e&#831;&#859;&#848;&#794;&#784;&#865;&#848;&#773;&#783;&#780;&#846;&#841;&#802;&#802;&#853;&#853;&#853;&#800;&#818;&#797;&#823;r&#781;&#835;&#850;&#780;&#772;&#816;&#790;&#798;&#857;&#854;&#824;</title>
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<link href='css/style.css' rel='stylesheet' type='text/css'>
</head>
<body><div class="regular"><p>how did this<span class="bigcat"> <img src="./assets/happycat.gif" alt="hover to make this happy cat large and in charge"/></span> get here</p></div>
<!-- in a wild night i have stolen the glitch from : https://www.reddit.com/r/glitch_art/comments/2replk/css_glitched_text/ -->
<!--  because i couldn't think of anything better for my git hub dot com page-->
<div class="glitch" data-text="oh god how did this get here">oh.god how </div>
<div class="glitch" data-text="how.DID.this.get here???">how.did.this get.here</div>
<div class="glitch" data-text="i.am.not.good with.COMPUTER">i.am.not.good.with.computer</div>
<div><div class="glitch glitchimg" data-text="i am.not good"><img src="./assets/happycat.gif" alt="happycat dot gif"/></div>
</div>

<div class="flip-container"><span><img id="flipCat" src="./assets/happycat.gif" alt="spinning cat"/></div>

</body>
</html>