-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDrinkingOutLoud.html
147 lines (144 loc) · 7.8 KB
/
DrinkingOutLoud.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Drinking Out Loud">
<meta name="author" content="William Redwood">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/src/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>Drinking Out Loud</title>
<link rel="apple-touch-icon" sizes="57x57" href="/src/img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/src/img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/src/img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/src/img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/src/img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/src/img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/src/img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/src/img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/src/img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/src/img/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/src/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/src/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/src/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/src/img/favicon/manifest.json">
<!-- Vendor Styles -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/css/bootstrap.min.css"
integrity="sha512-XWTTruHZEYJsxV3W/lSXG1n3Q39YIWOstqvmFsdNEEQfHoZ6vm6E9GK2OrF6DSJSpIbRbi+Nn0WDPID9O7xB2Q=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<!-- Custom Styles -->
<link href="/src/css/appPage.css" rel="stylesheet">
</head>
<body id="page-top"> <span id="DrinkingOutLoud">
<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
<div class="container"> <a class="navbar-brand js-scroll-trigger" href="/">William Redwood</a> <button
class="navbar-toggler navbar-toggler-right text-uppercase font-weight-bold bg-primary text-white rounded"
type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fas fa-bars"></i> </button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1"> <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"
href="#page-top">Drinking Out Loud</a> </li>
<li class="nav-item mx-0 mx-lg-1"> <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"
href="#features">Features</a> </li>
<li class="nav-item mx-0 mx-lg-1"> <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"
href="#download">Download</a> </li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="header-content mx-auto">
<h1 class="mb-5">Drinking Out Loud</h1> <a href="#features"
class="btn btn-outline btn-xl js-scroll-trigger">Find out more</a>
</div>
</div>
<div class="col-lg-5 my-auto">
<div class="device-container"> <img src="/src/img/screenshots/DrinkingOutLoud1.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</header>
<section class="features" id="features">
<div class="container">
<div class="section-heading text-center">
<h2>Features</h2>
<hr>
</div>
<div class="row">
<div class="col-lg-4 my-auto">
<div class="device-container"> <img src="/src/img/screenshots/DrinkingOutLoud2.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-8 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<div class="feature-item"> <i class="fas fa-volume-up"></i>
<h3>Narration</h3>
<p class="text-muted">Automatically read out each challenge.</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item"> <i class="fas fa-gamepad"></i>
<h3>Standard Challenges</h3>
<p class="text-muted">Many challenges included as standard.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="feature-item"> <i class="fas fa-users-cog"></i>
<h3>Custom Challenges</h3>
<p class="text-muted">Ability to add your own custom challenges, with iCloud sync.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="download bg-primary text-center" id="download">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="badges"> <a class="badge-link" href="https://itunes.apple.com/app/id1460171331"><img
src="/src/img/app-store-badge.svg" alt=""></a> </div>
</div>
</div>
</div>
</section>
<section class="copyright py-4 text-center text-white">
<div class="container"> <small>Copyright © William Redwood 2022</small> <br> <small><a
href="https://wredwood.com/privacy">Privacy Policy</a> | <a href="https://wredwood.com/credits">Credits</a>
| <a href="https://itunes.apple.com/developer/id1567918910">Developer Profile</a></small> </div>
</section>
<div class="scroll-to-top d-lg-none position-fixed "> <a
class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top"> <i
class="fa fa-chevron-up"></i> </a> </div>
</span>
<!-- Vendor JS Files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"
integrity="sha512-0QbL0ph8Tc8g5bLhfVzSqxe9GERORsKhIn1IrpxDAgUsbBGz/V7iSav2zzW325XGd1OMLdL4UiqRJj702IeqnQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/js/bootstrap.min.js"
integrity="sha512-8Y8eGK92dzouwpROIppwr+0kPauu0qqtnzZZNEF8Pat5tuRNJxJXCkbQfJ0HlUG3y1HB3z18CSKmUo7i2zcPpg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Main JS File -->
<script src="/src/js/scripts.js"></script>
</body>
</html>