-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (113 loc) · 7.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Holiday Happenings • A Gaming Gift of Joy</title>
<meta name="description" content="A 25 day community collaboration of holiday gaming joy for those in need.">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_CA">
<meta property="og:title" content="Holiday Happenings • A Gaming Gift of Joy">
<meta property="og:url" content="https://holidayhappenings.info/index.html">
<meta property="og:image" content="http://www.holidayhappenings.info/images/hh_kickstarter.png">
<meta property="og:site_name" content="Holiday Happenings">
<meta property="og:description" content="A 25 day community collaboration of holiday gaming joy for those in need.">
<meta name="twitter:card" content="summary_large_image">
<!-- <meta name="twitter:site" content="@yourtwitterhandle"> -->
<meta name="twitter:title" content="Holiday Happenings • A Gaming Gift of Joy">
<meta name="twitter:url" content="https://holidayhappenings.info/index.html">
<meta name="twitter:description" content="A 25 day community collaboration of holiday gaming joy for those in need.">
<meta name="twitter:image" content="http://www.holidayhappenings.info/images/hh_kickstarter.png">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://kit.fontawesome.com/edb600a6e3.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="content centeredHorizontally">
<header class="topHeader">
<a href="javascript:void(0);" class="menu-button" onclick="openMenu()" title="Open Navigation"><i class="fa fa-bars"></i></a>
<nav id="full-menu">
<h1 class="logo"><span class="holiday">Holiday</span> <span class="happenings">Happenings</span></h1>
<div class="under-logo">
<ul class="internal">
<li><a href="index.html" class="button">Home</a></li>
<li><a href="downloads.html" class="button">Downloads</a></li>
<li><a href="faq.html" class="button">FAQ</a></li>
<li><a href="rules.html" class="button">Rules</a></li>
<li><a href="contact.html" class="button">Contact</a></li>
</ul>
<ul class="external">
<li><a target="_blank" href="https://holidayhappenings.itch.io/" class="button action"><i class="fas fa-gift"></i>Download Past Editions</a></li>
<li><a target="_blank" href="https://twitter.com/search?f=tweets&vertical=default&q=%23HolidayHappenings" class="button action"><i class="fab fa-twitter"></i>#HolidayHappenings</a></li>
<li><a target="_blank" href="https://discord.gg/TwZpPB4" class="button action"><i class="fab fa-discord"></i>Chat on Discord</a></li>
<li><a target="_blank" href="https://www.kickstarter.com/projects/holidayhappenings/holiday-happenings-2019" class="button action"><i class="fab fa-kickstarter-k"></i>Support the Kickstarter</a></li>
<li><a target="_blank" href="https://itch.io/jam/holiday-happenings-2019" class="button action"><i class="fab fa-itch-io"></i>Join the Game Jam</a></li>
<li><a href="on-the-x-day.html" class="button action"><i class="fas fa-edit"></i><span aria-label="On The X Day">OnTheXDay</span> Challlenge</a></li>
</ul>
</div>
</nav>
</header>
<div id="cover"></div>
<section class="hero">
<h1 class="logo"><span class="holiday">Holiday</span> <span class="happenings">Happenings</span></h1>
<nav>
<ul class="external">
<li><a target="_blank" href="https://twitter.com/search?f=tweets&vertical=default&q=%23HolidayHappenings" class="button action"><i class="fab fa-twitter"></i>#HolidayHappenings</a></li>
<li><a target="_blank" href="https://discord.gg/TwZpPB4" class="button action"><i class="fab fa-discord"></i>Chat on Discord</a></li>
<li><a target="_blank" href="https://www.kickstarter.com/projects/holidayhappenings/holiday-happenings-2019" class="button action"><i class="fab fa-kickstarter-k"></i>Support the Kickstarter</a></li>
</ul>
<ul class="external">
<li><a target="_blank" href="https://holidayhappenings.itch.io/" class="button action"><i class="fas fa-gift"></i>Download Past Editions</a></li>
<li><a target="_blank" href="https://itch.io/jam/holiday-happenings-2019" class="button action"><i class="fab fa-itch-io"></i>Join the Game Jam</a></li>
<li><a href="on-the-x-day.html" class="button action"><i class="fas fa-edit"></i><span aria-label="On The X Day">OnTheXDay</span> Challlenge</a></li>
</ul>
</nav>
</section>
<main class="home">
<section>
<h2>This is for You</h2>
<p>The holidays can be a rough experience for many folks who do not have good relationships with their families. The reality for a lot of people, especially <abbr title="Lesbian, Gay, Bisexual, Trans or otherwise Queer or Questioning; members of the Queer Community">LGBTQ+</abbr> folks, is that if they do not have holiday plans with friends, they do not have any holiday plans. Unfortunately, too many times the healthy choice is to not join family gatherings that stress you out.</p>
<p>This project is dedicated to you and your new gaming friends, uniting for some <abbr title="Tabletop Role-Playing Game">TTRPG</abbr> magic and bringing holiday cheer to those who need it most.</p>
<div class="sectionButtons"><a href="faq.html" class="button">Frequently Asked Questions</a></div>
</section>
<section class="box-grid">
<a target="_blank" class="box" href="https://twitter.com/search?f=tweets&vertical=default&q=%23HolidayHappenings">
<i class="fab fa-twitter"></i>
<p>See & spread the joy on Twitter<br>#HolidayHappenings</p>
</a>
<a target="_blank" class="box" href="https://discord.gg/TwZpPB4">
<i class="fab fa-discord"></i>
<p>Join the community on Discord</p>
</a>
<a class="box" href="https://www.kickstarter.com/projects/holidayhappenings/holiday-happenings-2019">
<i class="fab fa-kickstarter"></i>
<p>Support the project's Kickstarter to fund safety, sensitivty & inclusivity for Holiday Happenings</p>
</a>
</section>
<section>
<h2>A Special 25 Day Event</h2>
<p>Holiday Happenings runs from December 1st through December 24th. This is a moment in which there is a space for you to spread joy to those in need—through festive <abbr title="Tabletop Role-Playing Game">TTRPG</abbr> content. The 2019 edition is available at <a target="_blank" href="https://holidayhappenings.itch.io/holiday-happenings-2019">the Holiday Happenings 2019 Itch page</a>.</p>
<div class="sectionButtons"><a href="rules.html" class="button">Read the Rules</a></div>
</section>
<section class="box-grid">
<a target="_blank" class="box" href="https://holidayhappenings.itch.io/">
<i class="fas fa-gift"></i>
<p>Dive into past editions</p>
</a>
<a target="_blank" class="box" href="https://itch.io/jam/holiday-happenings-2019">
<i class="fab fa-itch-io"></i>
<p>Join the Game Jam on Itch.io</p>
</a>
<a class="box" href="on-the-x-day.html">
<i class="fas fa-edit"></i>
<p><span aria-label="On The X Day">OnTheXDay</span> Challenge: 25 days of finding joy in drawing</p>
</a>
</section>
</main>
<footer>
<a target="_blank" href="https://github.com/Pawper/Holiday-Happenings"><i class="fab fa-github"></i> Contribute on GitHub</a>
</footer>
</div>
<script src="scripts/main.js"></script>
</body>
</html>