-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (36 loc) · 1.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!-- Outdated, but working, version:
<html>
<FRAMESET cols="50%,50%">
<FRAME src="https://web.archive.org/web/20170119230156/http://whitehouse.gov">
<FRAME src="https://web.archive.org/web/20170120205436/http://whitehouse.gov">
</FRAMESET>
</html> -->
<html lang="en">
<head>
<meta charset ="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>TOTH | A Tale Of Two Houses</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="karaBody">
<h1>A Tale of Two White Houses</h1>
<div class="karaContainer">
<h2>Before & After</h2>
<div class="compareButtons">
<button id="dDayBtn">Compare Transition</button>
<button id="dayZeroBtn">Compare Day Zeros</button>
<button id="obamaBtn">Compare Obama Start-Finish</button>
</div>
<iframe id="before" class="siteFrame" src="https://web.archive.org/web/20170119230156/http://whitehouse.gov"></iframe>
<iframe id="after" class="siteFrame" src="https://web.archive.org/web/20170120205436/http://whitehouse.gov"></iframe>
</div>
<div>
<em>Note: Some site features may not work as expected, if you want to see the sites in desktop size, zoom-out of your browser until the mobile menu turns to desktop.</em>
<hr>
</div>
<footer>
<p>Made with CURIOSITY, HOPE & RAGE by <a href="https://github.com/KaraAJC">Kara Carrell</a> <img alt="a fist raised in solidarity" src="solidarity.png"></p>
</footer>
<script type="text/javascript" src="script.js"></script>
</body>
</html>