-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (100 loc) · 4.19 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html lang="en-US">
<!-- Contributions Welcomed at: https://github.com/elizabrock/75thOfMarch -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Is March Over Yet? No. March 2020 will never end.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://ismarchoveryet.com/">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="https://use.typekit.net/dub1zxk.css">
<link rel="stylesheet" href="css/main.css">
<!-- SEO & Social-related tag -->
<meta property="og:title" content="Is March Over Yet?" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="A handy webpage for checking if March is finally over yet." />
<meta property="og:description" content="A handy webpage for checking if March is finally over yet." />
<meta property="og:url" content="https://ismarchoveryet.com/" />
<meta property="og:site_name" content="Is March Over Yet?" />
<!-- <meta property="og:image" content="" /> -->
<meta name="twitter:card" content="summary" />
<!-- <meta property="twitter:image" content="http://elizamarcum.com/images/2018headshot.png" /> -->
<meta property="twitter:title" content="Is March Over Yet?" />
<meta name="twitter:site" content="@ismarchoveryet" />
<meta name="twitter:creator" content="@elizabrock" />
<script type="application/ld+json">
{
"@type":"WebSite",
"headline":"Is March Over Yet?",
"dateModified":"2020-05-13T03:31:31+00:00",
"url":"http://ismarchoveryet.com/",
"name":"Is March Over Yet?",
"description":"A handy webpage for checking if March is finally over yet.",
"@context":"https://schema.org"
}
</script>
<!-- End SEO & Social-related tags -->
</head>
<body>
<main>
<header>
<h1>Is March Over Yet?</h1>
<p>No.</p>
</header>
<p id="nth_of_march">
It is
<date>
<span id="weekday"></span>
<span id="month">March</span>
<span id="numericday"></span><span id="ordinal">th</span>,
<span id="year">2020</span>
</date>
</p>
</main>
<footer>
<a href="https://twitter.com/ismarchoveryet?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @ismarchoveryet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<p class="credit">
Created by
<a href="http://twitter.com/#!/elizabrock">@elizabrock</a>.
</p>
</footer>
<script type="text/javascript">
// ordinal_suffix_of is adapted from https://stackoverflow.com/a/13627586/35345
function ordinal_suffix_of(i) {
var j = i % 10,
k = i % 100;
if (j == 1 && k != 11) {
return "st";
}
if (j == 2 && k != 12) {
return "nd";
}
if (j == 3 && k != 13) {
return "rd";
}
return "th";
}
var march1 = new Date("02/29/2020");
march1.setHours(0,0,0,0);
var marchN = new Date();
marchN.setHours(0,0,0,0);
var millisecondsThatHaveInchedBy = marchN.getTime() - march1.getTime();
var daysThatHaveCreptAlong = Math.round(millisecondsThatHaveInchedBy / (1000 * 3600 * 24));
document.getElementById("numericday").textContent= daysThatHaveCreptAlong;
var weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var currentWeekday = weekdays[marchN.getDay()];
document.getElementById("weekday").textContent= currentWeekday;
document.getElementById("ordinal").textContent= ordinal_suffix_of(daysThatHaveCreptAlong);
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164783293-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164783293-2');
</script>
</body>
</html>