-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
148 lines (128 loc) · 7 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
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Open Up</title>
<script src="https://use.typekit.net/kxf0iwn.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css/font.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="js/script.js" type="text/javascript" defer></script>
<link rel="stylesheet" href="interpreter/glkote.css" type="text/css">
<link rel="stylesheet" href="interpreter/dialog.css" type="text/css">
<script src="interpreter/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="interpreter/glkote.min.js" type="text/javascript"></script>
<script src="interpreter/quixe.min.js" type="text/javascript"></script>
<script src="interpreter/resourcemap.js" type="text/javascript"></script>
<script src="interpreter/nav.js" type="text/javascript" defer></script>
<script type="text/javascript">
game_options = {
image_info_map: 'StaticImageInfo', // image data is here, not in blorb
use_query_story: false,
set_page_title: false,
inspacing: 0, // gap between windows
outspacing: 0 // gap between windows and edge of gameport
};
</script>
<script src="interpreter/Tutorial1.gblorb.js" type="text/javascript"></script>
</head>
<body>
<!-- Navigation Menu -->
<header class="primary-header flex">
<div class="site-logo">
<a href="/creative"><img src="images/compiler-logo-final-html.png" width="150"></a>
</div>
<button class="mobile-nav-toggle" aria-controls="primary-navigation" aria-expanded="false"><span class="sr-only"></span></button>
<nav>
<ul id="primary-navigation" class="primary-navigation flex" data-visible="false">
<li><a href="/creative/game.html" style="background-color: #e60000; color: #fff; font-family: 'RedHatText', sans-serif; font-weight: 500; padding: 11px 22px; margin: .25em; line-height: 1em; text-align: center; border-radius: .29rem">Play Game</a></li>
</ul>
</nav>
</header>
<!-- Main Content -->
<main>
<section class="heroIndex no-colour">
<div class="glass">
<h2 class="section-title1">Your new adventure awaits!</h2>
</div>
</section>
<section class="colour">
<div class="container">
<h2 class="section-title2">Open Up Games</h2>
<div class="container">
<p class="paragraph">The world of the Stack Kingdom runs on powerful magic from the Three Mountains surrounding Citadel City. By tradition, new Adventurers start their apprenticeship in the Guild spending a day with a traveling wizard from the mountain nearest their village of origin. And as we all know, wizards always travel in threes.</p>
<p>Be ye warned: magic itself changes along with the rest of the world of the Stack Kingdom.</p>
</div>
</section>
<section class="heroIndex no-colour">
<div class="glass">
<h2 class="section-title1">First Chapters Coming Sprint 2023</h2>
</div>
</section>
<section class="colour">
<div class="container">
<h2 class="section-title2">Back Story</h2>
</div>
<div class="container">
<p class="paragraph">We started weaving the tale of this magical folk kingdom to introduce Red Hatters (new and long-tenured alike) to the wider world of Open Source Software. Our goal is to explain:
<ul>
<li>How open source communities work</li>
<li>Why this matters to you, even if you're not an engineer and have never participated in an open source project</li>
<li>How you <i>could</i> contribute to a project</li>
<li>How software stacks and technologies fit together, in easy-to-understand language</li>
</ul>
</p>
<p class="paragraph">To inspire us, we asked everyone at RedHat for their best bug hunting stories that felt like going on an epic adventure. We've set up our software stack to produce an adventure game based on real stories of software adventures at work. Now all we have to do is not write any bugs into it.</p>
</div>
</section>
<section class="heroIndex no-colour">
<div class="glass">
<h2 class="section-title1"><a class="ui" class="red" class="button" href="https://github.com/RedHatOfficial/creative/discussions">Talk to us on GitHub</a></h2>
</div>
</section>
<!-- <section class="heroTest no-colour">
<div class="glass static">
<div class="container">
<div id="gameport">
<div id="windowport">
<noscript><hr>
<p>You'll need to turn on Javascript in your web browser to play this game.</p>
<hr></noscript>
</div>
<div id="loadingpane">
<img src="interpreter/waiting.gif" alt="LOADING"><br>
<em> Loading...</em>
</div>
<div id="errorpane" style="display:none;">
<div id="errorcontent">...</div>
</div>
</div>
</div>
<div class="interpretercredit"><a href="http://eblong.com/zarf/glulx/quixe/">Quixe for Inform 7 (v. 2.1.2)</a></div> </div>
</div>
</section> -->
</main>
<!-- Site Footer -->
<footer>
<div class="footer-content">
<div class="footer-info">
<p class="footer-right">By Red Hat</p>
<p class="footer-left">Open Up</p>
<a href="https://www.redhat.com/en/compiler-podcast"> <p class="footer-left">Link to Compiler Podcast</p></a>
</div>
</div>
</footer>
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.js"></script>
</body>
</html>