-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (171 loc) · 6.13 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
179
180
<!DOCTYPE HTML>
<!--
Industrious by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Stochastic Ideas</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Indie RPG by Ronie Uliana" />
<meta name="keywords" content="Indie RPG" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a class="logo" href="index.html">Stochastic Ideas</a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="rpg-em-300-palavras/index.html">RPG em 300 palavras (pt-BR)</a></li>
<li><a href="the-adventurer/index.html">The Adventurer (Solo RPG)</a></li>
<li><a href="dice-probability/index.html">Dice Probabilities</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>Stochastic Ideas</h1>
<p>The Four Foxes and The Timeline<br />
tabletop role playing games by Ronie</p>
</div>
<!-- <video autoplay loop muted playsinline src="images/banner.mp4"></video> -->
<img src="images/banner.jpg" />
</section>
<!-- Highlights -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h2>Tabletop RPG</h2>
<p>Our games, free for download and play.<br />
Enjoy!</p>
</header>
<div class="highlights">
<section>
<div class="content">
<header>
<a href="#" class="icon fa-search"><span class="label">Icon</span></a>
<h3>The Four Foxes</h3>
</header>
<p>An investigative diceless RPG in 1926.<br \>Fast paced, with characters full of personality, and lots of opportunities for good bickering between the Four very distinctive brothers.<br />
<a href="files/the_four_foxes_all_brothers_v1.7.1.pdf">Brothers version</a><br />
<a href="files/the_four_foxes_all_sisters_v1.7.1.pdf">Sisters version</a>
</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-clock-o"><span class="label">Icon</span></a>
<h3>The Timeline</h3>
</header>
<p>A <i>Powered by the Apocalypse</i> time travel RPG with one and just one timeline. Mind twisting game where you need to think in four dimensions.<br />
<a href="files/the_timeline_v0.5.0.pdf">download alpha version</a>
</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-moon-o"><span class="label">Icon</span></a>
<h3>The Night of Knives</h3>
</header>
<p>A diceless <i>Player vs Player</i> RPG about aliances, betrayal, and have it all just for you.<br /><u>planning phase</u></p>
</div>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper">
<div class="inner">
<h2>Like them? Hate them?</h2>
<p>Write a review, contact the author, tweet about it, give feedback.<br />
Let your ideas roam freely!</p>
</div>
</section>
<!-- Bottom -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h2>Mobile Friendly Versions</h2>
<p>Because, why not?</p>
</header>
<div class="highlights">
<section>
<div class="content">
<header>
<a href="#" class="icon fa-search"><span class="label">Icon</span></a>
<h3>The Four Foxes</h3>
</header>
<p>
<a href="files/the_four_foxes_all_brothers_v1.7.1_mobile.pdf">Brothers version</a> | <a href="files/the_four_foxes_all_sisters_v1.7.1_mobile.pdf">Sisters version</a>
</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-clock-o"><span class="label">Icon</span></a>
<h3>The Timeline</h3>
</header>
<p>
<a href="files/the_timeline_v0.5.0_mobile.pdf">download alpha version</a>
</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-moon-o"><span class="label">Icon</span></a>
<h3>The Night of Knives</h3>
</header>
<p>
<u>planning phase</u>
</p>
</div>
</section>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="content">
<section>
<h3>Here comes a very inspirational text praising the author and the games</h3>
<p>... which I have no patience or inclination to write -_-</p>
</section>
<section>
</section>
<section>
<h4>About the author</h4>
<ul class="plain">
<li><a href="https://medium.com/@ronie"><i class="icon fa-medium"> </i>Medium</a></li>
<li><a href="https://twitter.com/ronie"><i class="icon fa-twitter"> </i>Twitter</a></li>
<li><a href="https://github.com/ruliana"><i class="icon fa-github"> </i>Github</a></li>
</ul>
</section>
</div>
<div class="copyright">
ɔ⃝ Copyleft 2020 by Ruliana.
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.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>