/
index.html
68 lines (59 loc) · 3 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105747352-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-105747352-3');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://github.com/tymonaghan/sotu-db/raw/master/images/favicon.png">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>SOTU-db</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="sotu-js.js"></script>
<style>
body {
background: url("images/constitution-art2sec3-lightened.jpg");
background-position: center;
background-attachment: fixed;
}
</style>
</head>
<body onload="calculateYoffsets()">
<div w3-include-html="html/topnav.html"></div>
<div w3-include-html="html/restrictionsBanner.html"></div>
<div w3-include-html="html/restrictionsModal.html"></div>
<div class="w3-cell-row" id="mainContent" style="position:relative;top:100px">
<div class="w3-hide-small w3-container w3-cell w3-left" style="min-width:15%"></div>
<div class="w3-container w3-cell w3-half w3-mobile">
<div w3-include-html="html/searchBox.html"></div>
</div>
<div class="w3-container w3-cell w3-mobile w3-quarter w3-right">
<br class="w3-hide-medium w3-hide-large"><br class="w3-hide-medium w3-hide-large">
<a href="https://twitter.com/SOTU_db?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @SOTU_db</a>
<a class="twitter-timeline w3-opacity-min" href="https://twitter.com/SOTU_db/lists/presidential-libraries?ref_src=twsrc%5Etfw">A Twitter List by SOTU_db</a>
</div>
</div>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script>
includeHTML();
</script>
<script type="text/javascript" id="cookiebanner" src="https://cdnjs.cloudflare.com/ajax/libs/cookie-banner/1.2.2/cookiebanner.min.js"></script>
</body>
<script>
function calculateYoffsets() {
var topnavOffset = document.getElementById('topnav').offsetHeight; //set to height of topnav bar
var topnavPlusBannerOffset = document.getElementById('restrictionsBanner').offsetHeight + topnavOffset; //set to height of topnav plus restrictions banner
document.getElementById('restrictionsBanner').style.top = topnavOffset + "px";
document.getElementById('mainContent').style.top = topnavPlusBannerOffset + 15 + "px";
}
// i really don't know why it's not taking this function from sotu-js.js... it only works if I leave it here.
</script>
</html>