-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (175 loc) · 9.95 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE HTML>
<!--
Photon by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<script
type="text/javascript"
src="https://app.termly.io/embed.min.js"
data-auto-block="on"
data-website-uuid="75cc7c2b-d12b-4d1f-aee2-1478f39d61a1"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CXGS2MF5T0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CXGS2MF5T0');
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2558864594616304"
data-overlays="bottom" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/60d438ce0c.js" crossorigin="anonymous"></script>
<title>Conversations and Discussions for Everyone - D(ice) Breakers</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="D(ice) breakers/conversation starters and a forum for anyone who wants to have a conversation, from the light hearted to the heavier things." />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<div class="inner">
<span><a href="./"><img src="images/dice_Shadow.png" width="200" height="auto"></a></span>
<h1><strong>Dice Breakers</strong><br/></a></h1>
<p>Get The Conversation Rolling.</p>
<ul class="actions special">
<li><a href="#categories" class="button scrolly"> - Play - </a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="description" class="main style1">
<div class="container">
<div class="col-6 col-12-medium">
<header class="major">
<h2>Dice Breakers:</h2>
</header>
<p>A conversation starter game for people who enjoy introspection and getting to know others on a deeper level.</p>
<p>Select a category that works for your group and roll the dice to break the ice!</p><br/>
</div>
<div class="col-6 col-12-medium imp-medium">
</div>
<header class="major">
<h2>Ways to Play:</h2>
</header>
<div>
<p><b>Nothing but time:</b> Everyone answers.<br/>
<b>Rapid Fire:</b> Prompts only apply to dice roller.<br/>
<b>Targeted:</b> Rollers choice.<br/>
<b>Solo:</b> Roll the dice and journal your response, or <a href="https://old.reddit.com/r/DiceBreakers/"><b>join us on Reddit!</b></a></p>
</div>
</div>
</section>
<!-- Two -->
<section id="categories" class="main style2">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<ul class="major-icons">
<li><span><img src="images/dice_shadow.png" width="200" height="auto" class="center"></span></li>
</ul>
</div>
<div class="col-6 col-12-medium">
<header class="major">
<h2>Categories:</h2>
</header>
<li><a href="NewFriends.html">New Friends - Prompts to get you talking!</a></li>
<li><a href="OldFriends.html">Old Friends - Willing to be vulnerable?</a></li>
<li><a href="Kids.html">Kids/Family - Appropriate for all ages!</a></li>
<li><a href="WYR.html">Would You Rather? - This or that and why?</a></li>
<li><a href="Happy.html">Happy Thoughts - Positive reflections on life.</a></li>
<li><a href="DateNight.html">Date Night - Know each other a little more.</a></li>
<li><a href="Heavy.html">Hard Hitting - Reflect, and maybe cry.</a></li>
<li><a href="Politics.html">Politics - Want to think politically?</a></li>
<li><a href="Silly.html">Silly - Why so serious?</a></li>
<li><a href="Spiritual.html">Spirituality - What do you believe?</a></li>
<li><a href="Music.html">Musical - Inspire a playlist.</a></li>
<li><a href="Random.html">Random - Some of this, little of that.</a></li>
<li><a href="Journal.html">Journaling - Sit and think.</a></li>
<li><a href="Activities.html">Activities - Need a break?</a></li>
<br/>
</div>
</div>
</div>
</section>
<!-- Custom Conversation Starter Compilation -->
<section id="customGame" class="main style1 special">
<div class="container">
<header class="major">
<h2>Custom Game:</h2>
</header>
<p>Play the way Dice Breakers was originally created with physical dice and a Google Sheet!</p>
<p><a href="https://docs.google.com/spreadsheets/d/1yLYJn7PymbJina8qVlA-_xLPkjHMDemPrggxyLMr-xQ/edit#gid=1167157860"><b>Click Here</b></a> to access the Google Sheet template, create a copy, then tailor it specifically to you and your friends/family!</p>
</div>
</section>
<!-- Community Forums -->
<section id="contribute" class="main style2 special">
<div class="container">
<header class="major">
<h2>Join us on Reddit!</a></h2>
</header>
<p>Submit prompts for discussion or respond to other people's submissions!</p>
<ul class="actions special">
<li><a href="https://old.reddit.com/r/DiceBreakers/" class="button wide"><b>/r/DiceBreakers</b></a>
</ul>
</div>
</section>
<!-- About -->
<p class="vsmall align-center">
<font color="#ffffff">I'm told I need more words on my home page to describe what this site is for, but I really like how clean it looks, so here is some comically small, white writing.
I hope this makes the search engine overlords happy! Dice Breakers started as game I made up that used a google sheet and some dice to pick activities when friends and I were indecisive.
Although I didn't call it "Dice Breakers" until recently. A friend suggested creating a list of prompts for sharing/getting to know friends better to add to the list of activities.
Anyway, I couldn't sleep one morning and started writing questions to add to the game, then the name D(ice) Breakers came to mind. I guess I liked the name enough to develop it from a Google Sheets game to a website?
I'll probably see about turning it into an app, too, although I'm not exactly a skilled programmer. Do you think that's enough text to make search engines happy?
I promise I'm a real website. My goal is to help inspire positive, thought provoking, or otherwise meaningful conversations. In person or online, whatever works to get people to connect and think a little bit more!
Please, share this game with your friends! I'm going to try and update/add to the prompts regularly. And hopefully, eventually, this website is known to people outside my family and prompts are generated more organically.
I'll admit I had to borrow from ChatGPT. AI is crazy. I prefer the human-generated prompts my friends and I have come up with more than the AI ones, but I can't deny it really helped me get this off the ground faster.
So, like I said previously, this website is for talking, conversations, rants, questions, activity ideas, and lots more. I have lots of ideas, hopefully I can make them real!</font></p>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<p>Want to Share?</p>
<li><a href="https://old.reddit.com/r/DiceBreakers" class="icon brands alt fa-reddit-alien"><span class="label">Reddit</span></a></li>
<li><a href="https://www.instagram.com" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.twitter.com" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
</ul>
</div>
</br>
<div><a href="Legal.html" title="Privacy Policy and Cookie Settings">Privacy Policy/Cookie Information</a></div>
<ul class="copyright">
<li>© Dice Breakers</li>
<li><a href="mailto: [email protected]" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>