Skip to content

Instantly share code, notes, and snippets.

@mvastola

mvastola/decentraleyes-poc.html

Last active September 18, 2016 02:01
Show Gist options
  • Save mvastola/7f53a7d61e33bd7857a5eb53c87d081c to your computer and use it in GitHub Desktop.
Save mvastola/7f53a7d61e33bd7857a5eb53c87d081c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
decentraleyes-poc.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex">
<title>Decentraleyes Issue Proof of Concept</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.css" crossorigin="anonymous" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" crossorigin="anonymous"></script>
<style type="text/css">
/* defaults */
body {
color: #FF0000; /* red */
display : block;
font-size: 4em;
text-align: center;
font-weight: 200;
text-decoration: none;
}
body > p {
width: 70%;
height: 100%;
margin: 5em auto;
display: block;
padding : 2em;
border: 2px solid black;
}
body > p,
body > p::after,
body > p > span {
color: inherit;
font-size: inherit;
font-weight: inherit;
text-decoration: inherit;
}
body > p::after {
content: ". \2639"; /* frown */
}
body > p > span {
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
}
/* If modernizr loads */
html.js body {
color: #006600; /* green */
}
html.js body > p::after {
content: "! \263A"; /* smile */
}
html.js body > p > span {
text-transform: initial;
text-decoration: initial;
}
html.js body > p > span:last-of-type {
display: none;
}
</style>
</head>
<body>
<p>Decentraleyes <span>is</span> <span>not</span> working correctly</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment