-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (123 loc) · 8.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
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
148
149
150
151
152
153
154
155
156
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BigD20 Games</title>
<meta name="description" content="BigD20 Games">
<meta name="author" content="brian.shef@bigd20games.com">
<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css">
<meta name="theme-color" content="#b71c1c">
<style>
.filter-red{
filter: invert(14%) sepia(64%) saturate(5074%) hue-rotate(352deg) brightness(91%) contrast(91%);
}
</style>
</head>
<body class="text-dark bg-light">
<!-- Navbar -->
<header>
<nav id="navbar" class="navbar navbar-dark" style="background-color: #b71c1c">
<div class="container-fluid" style="font-family: Lato, sans-serif;">
<a class="navbar-brand" href="#">
<img src="https://www.bigd20games.com/assets/d20.png" height="30" class="d-inline-block align-text-top">
BigD20 Games
</a>
<ul class="nav nav-pills justify-content-end" role="tablist">
<li class="nav-item m-1">
<a class="btn btn-outline-light" href="https://www.patreon.com/bePatron?u=58155054" role="button">
Become a Patron!
</a>
</li>
<li class="nav-item m-1">
<a class="btn btn-outline-light" href="https://blog.bigd20games.com" role="button">Blog</a>
</li>
<li class="nav-item m-1">
<a class="btn btn-outline-light" href="https://anchor.fm/bigd20games" role="button">Podcast</a>
</li>
<li class="nav-item dropdown m-1">
<button class="btn btn-outline-light dropdown-toggle" type="button" role="button" id="videodropdownbutton" data-bs-toggle="dropdown" aria-expanded="false">Video Channels</button>
<ul class="dropdown-menu" aria-labelledby="videodropdownbutton">
<li><i class="bi bi-youtube"></i> YouTube Channels</li>
<li><a class="dropdown-item" href="https://www.youtube.com/channel/UCdw7fPDta-4A4br7g8KNMYw/featured" style="color:#b71c1c">Legacy of Mordalus</a></li>
<li><a class="dropdown-item" href="https://www.youtube.com/channel/UCzqcLebV40ujyrXvQF3ZyTw/featured" style="color:#b71c1c">Artorius Plays</a></li>
<li><hr class="dropdown-divider"></li>
<li><i class="bi bi-twitch"></i> Twitch Channels</li>
<li><a class="dropdown-item" href="https://www.twitch.tv/artorius611" style="color:#b71c1c">Artorius Plays</a></li>
<li><a class="dropdown-item" href="https://www.twitch.tv/brianshef" style="color:#b71c1c">BrianShef</a></li>
<li><a class="dropdown-item" href="https://www.twitch.tv/zmanboogie" style="color:#b71c1c">Zmanboogie</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Main content -->
<main data-bs-spy="scroll" data-bs-target="#navbar">
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-12">
<img src="https://www.bigd20games.com/assets/logo.png" height="256" />
<p class="display-6">Experienced tabletop roleplayers, and our experiences roleplaying. Featuring blogs, podcasts, streams, and adventures where crit happens!</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start"></div>
</div>
</div>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<div class="row mb-5">
<div class="col-lg-5">
<img src="https://www.bigd20games.com/assets/mm-cover.png" height="600"/>
</div>
<div class="col-lg-7">
<p class="display-6">BigD20 Games proudly presents its first published adventure, <strong>Malevolence Manor!</strong>
<ul>
<li>The full 33-page adventure is available in black and white for free to the public!</li>
<li><a href="https://www.patreon.com/bigd20games" style="color:#b71c1c; text-decoration:none">Patrons</a> gain access to the complete, full-color PDF.</li>
<li><a href="https://www.patreon.com/bigd20games" style="color:#b71c1c; text-decoration:none">Patrons</a> subscribing to the silver or gold tiers gain access to the premium package, which includes 6 ultra-high-resolution, full-color, virtual tabletop-ready battle maps! And more!</li>
</ul>
</div>
</div>
<!-- Three columns of text below the hero -->
<div class="row text-center mb-5">
<div class="col-lg-4">
<img class="bd-placeholder-img filter-red" src="https://www.bigd20games.com/assets/newspaper.svg" width="140" height="140" />
<a href="https://blog.bigd20games.com" style="color:#b71c1c; text-decoration:none"><h2 class="display-5">The Blog</h2></a>
<p>Oh you better believe we got a blog. The entire BigD20 Games family is able to publish blog posts. Sometimes they're even worth reading!.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="bd-placeholder-img filter-red" src="https://www.bigd20games.com/assets/mic.svg" width="140" height="140" />
<a href="https://anchor.fm/bigd20games" style="color:#b71c1c; text-decoration:none"><h2 class="display-5">The Podcast</h2></a>
<p>Bear with us, we're new to podcasting. But we are excited to be big time professional podcasters as soon as we figure it out! In the meantime, enjoy whatever bonus podcast episodes we make.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="bd-placeholder-img filter-red" src="https://www.bigd20games.com/assets/collection-play.svg" width="140" height="140" />
<a href="#videodropdownbutton" style="color:#b71c1c; text-decoration:none"><h2 class="display-5">The Videos</h2></a>
<p>
Currently we have video channels all over the place.
We have a YouTube Channel for recorded sessions of our current homebrew campaign, the <a href="https://www.youtube.com/channel/UCdw7fPDta-4A4br7g8KNMYw/featured" class="fw-bold" style="color:#b71c1c; text-decoration:none">Legacy of Mordalus</a>.
Brian also occasionally streams via his Twitch Channel, <a href="https://www.twitch.tv/brianshef" class="fw-bold" style="color:#b71c1c; text-decoration:none">BrianShef</a>;
Zach has a Twitch Channel as well, <a href="https://www.twitch.tv/zmanboogie" class="fw-bold" style="color:#b71c1c; text-decoration:none">Zmanboogie</a>.
Alex runs a YouTube Channel <a href="https://www.youtube.com/channel/UCzqcLebV40ujyrXvQF3ZyTw/featured" class="fw-bold" style="color:#b71c1c; text-decoration:none">Artorius Plays</a>, and a Twitch Channel <a href="https://www.twitch.tv/artorius611" class="fw-bold" style="color:#b71c1c; text-decoration:none">Artorius Plays</a>, which is your new go-to for all things videogame!
</p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div><!-- /.container marketing -->
</main>
<!-- FOOTER -->
<footer class="container text-muted mbt-5">
<p class="float-end"><a href="#" style="color:#b71c1c; text-decoration:none">Back to top</a></p>
<p>© 2017–2021 BigD20 Games · <a href="#" style="color:#b71c1c; text-decoration:none">Privacy</a> · <a href="#" style="color:#b71c1c; text-decoration:none">Terms</a></p>
</footer>
<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
</body>
</html>