smpl/turnoffinternet-css-edition
1
0
Fork 0
Code Releases Activity

Turn on the git repo

Browse source
This commit is contained in:
smpl 2021-06-08 02:25:13 +02:00
commit 37df3be76b
6 changed files with 72 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitattributes vendored Normal file
View file

@ -0,0 +1,2 @@
*.gif binary
standalone.html binary

BIN
background.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
button-a.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
button.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.8 KiB

70
shutdown.html Normal file
View file

@ -0,0 +1,70 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head profile="https://ogp.me/ns#">
<title>Shutdown the Internet</title>
<link rel="preload" as="image" href="button-a.gif">
<style>
#toggle {
display: none;
}
label {
display: inline-block;
width: 134px;
height: 119px;
cursor: pointer;
background: url(button.gif);
background: url(button.gif),
url(button-a.gif) no-repeat -9999px -9999px;
}
#toggle:checked + label {
background-image: url(button-a.gif);
}
#toggle:checked ~ #shutdown {
position: fixed;
visibility: visible;
opacity: 1;
border: 0; padding: 0; margin: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,1);
transition: all 0.5s ease 1s;
}
#shutdown {
visibility: hidden;
opacity: 0;
}
</style>
</head>
<body bgcolor="Black">
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle">
<table cellspacing="0" cellpadding="0" border="0" background="background.gif" width="347" height="411">
<tr>
<td height="75" nowrap>&nbsp;</td>
</tr>
<tr>
<td width="100%" height="100%" valign="top" align="center">
<input type="radio" id="toggle" />
<label for="toggle"></label>
<table cellspacing="0" cellpadding="0" id="shutdown">
<tr>
<td align="center" valign="middle" style="color:orange;font-family:verdana,arial;font-size:20pt;">You have now safely shutdown the Internet.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

BIN
standalone.html Normal file
View file

Binary file not shown.