-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
126 lines (90 loc) · 5.45 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="See the stars without light pollution! Get a Google Cardboard and a friend and go stargazing!">
<meta property="og:title" content="A Clear Night">
<meta property="og:site_name" content="A Clear Night">
<meta property="og:url" content="https://aclearnight.com">
<meta property="og:type" content="website">
<meta property="og:description" content="See the stars without light pollution! Get a Google Cardboard and a friend and go stargazing!">
<meta property="og:image" content="images/aclearnight-1024x538-fb.png">
<meta propety="og:image:width" content="1024">
<meta propety="og:image:height" content="538">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="https://aclearnight.com">
<meta name="twitter:creator" content="@svthmc">
<meta name="twitter:title" content="A Clear Night">
<meta name="twitter:description" content="See the stars without light pollution! Get a Google Cardboard and a friend and go stargazing!">
<meta name="twitter:image:src" content="https://aclearnight.com/images/aclearnight-1024x512-tw.png">
<meta name="twitter:image" content="https://aclearnight.com/images/aclearnight-1024x512-tw.png">
<title>A Clear Night</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="css/aclearnight.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49936574-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49936574-5');
</script>
</head>
<body>
<a name="top"></a>
<div class="container-fluid">
<div id="hero">
<div id="hero-text" class="text-center">
<h1>A Clear Night</h1>
<h3>Let's go stargazing!</h3>
<div class="download-buttons col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
<div class="col-sm-6">
<a href="https://itunes.apple.com/us/app/a-clear-night/id1321693515?ls=1&mt=8" target="_blank">
<img id="app-store-badge" src="images/app-store.svg" class="download-badge" alt="Download on the App Store" title="Download on the App Store">
</a>
</div>
<div class="col-sm-6">
<a href="https://play.google.com/store/apps/details?id=com.aclearnight.app" target="_blank">
<img id="google-play-badge" src="images/google-play-badge.png" class="download-badge" alt="Get it on Google Play" title="Get it on Google Play">
</a>
</div>
</div> <!-- div.download-buttons.col-md-4.col-md-offset-4 -->
</div> <!-- div#hero-text -->
</div> <!-- div#hero -->
<div class="row">
<div id="app-narrative" class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
<h2>See the stars without light pollution</h2>
<p>Living in a city, I can only see a few stars even on a clear night. For years I've dreamed of seeing a sky full of stars with the Milky Way arching overheard. Maybe you have too.</p>
<p>Now we can. Let's go stargazing!</p>
<h2>A different sky full of stars every month</h2>
<p>The sky changes monthly so it's just like what you'd see in real life.</p>
<h2>Use with Google Cardboard</h2>
<p>Or a similar headset. Just pop your phone in and go! You may need to download the Google VR Services app for A Clear Night to work properly.</p>
<h2>Free. No in-app purchases.</h2>
<p>The stars belong to us all.</p>
<h2>Special thanks to the creators of <a href="http://stellarium.org/" target="_blank">Stellarium</a></h2>
<p>I would not have been able to make A Clear Night without it, and I am deeply grateful to its creators for making the stars available to all.</p>
</div>
</div> <!-- div.row -->
<div class="row">
<div class="col-xs-8 col-xs-offset-2">
<p id="created-by" class="text-center">
Created by <a href="https://shannonvturner.com" target="_blank">Shannon Turner</a> so we might all see the stars
</p>
</div>
</div> <!-- div.row -->
</div> <!-- div.container-fluid -->
<!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> -->
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> -->
</body>
</html>