Skip to content

Commit 7b6f5a9

Browse files
castlemascastlemas
committed
updated index
1 parent e653752 commit 7b6f5a9

File tree

2 files changed

+231
-27
lines changed

2 files changed

+231
-27
lines changed

‎index.html

+9-27
Original file line numberDiff line numberDiff line change
@@ -65,12 +65,13 @@ <h2 class="subtitle">
6565
<br>
6666
<div class="box cta">
6767
<p class="has-text-centered">
68-
<span class="tag is-primary">Info</span> SUTD Unfiltered is a series of lightning fast presentations followed by a quick human library by passionate people in our community. Check out the <a href="https://hackmd.io/W2R2ZZfvRbeBmlIf9qWHpA?view#Speakers" target="_blank">speakers for the day!</a>
68+
<span class="tag is-primary">Info</span> SUTD Unfiltered is a series of lightning fast presentations by passionate students. Check out the <a href="https://hackmd.io/W2R2ZZfvRbeBmlIf9qWHpA?view#Speakers" target="_blank">speakers for the day!</a>
6969
</p>
7070
</div>
7171
<div class="container has-text-centered">
7272
<h2 class="subtitle">
73-
5pm-7pm, 29th January, at Root Cove
73+
Tenative:
74+
5pm-7pm, 29th January, at Alumni Lounge
7475
<br>
7576
Presentations start at 5pm
7677
<br>
@@ -105,7 +106,7 @@ <h4>Sign a friend up!</h4>
105106
<div class="card-content">
106107
<div class="content">
107108
<h4>Sign up!</h4>
108-
<p>Up for a challenge? Summer was too interesting? Too drunk to remember what happened? Go for <b class="flashit">ARCADE MODE</b> or <b class="flashit">ROULETTE MODE</b>
109+
<p>Up for a challenge? Summer was too interesting? Too drunk to remember what happened? Go for <b class="flashit">ARCADE MODE</b>
109110
<br>
110111
Otherwise, prepare for a <a href="https://www.pechakucha.com/" target="_blank">pecha kucha</a>-styled presentation!</p>
111112
<p><a href="#format">Learn more</a></p>
@@ -115,15 +116,15 @@ <h4>Sign up!</h4>
115116
</div>
116117
</div>
117118
<div class="column is-4">
118-
<div class="card is-army">
119+
<div class="card is-watcher">
119120
<div class="card-image has-text-centered">
120121
<i class="fa fa-truck" style="color: #fff;"></i>
121122
</div>
122123
<div class="card-content">
123124
<div class="content">
124-
<h4 style="color: #fff;">Sign on!</h4>
125-
<p style="color: #fff;">We do more than train soldiers - we cultivate leaders. Learn more about the different phases of training that our soldiers undergo in Our Army, as we push them to be their best.</p>
126-
<p><a href="https://www.mindef.gov.sg/oms/arc/" style="color: #fff;">Learn more</a></p>
125+
<h4 style="color: rgb(0, 0, 0);">Don't want to present?</h4>
126+
<p style="color: rgb(11, 10, 10);">Contribute as a watcher! Submit a set of slides for Arcade Mode, or bring snacks and drinks as an entrance fee :).</p>
127+
<p><a href="" style="color: #fff;">Submit Slides</a></p>
127128
</div>
128129
</div>
129130
</div>
@@ -171,26 +172,7 @@ <h2 class="title">So what's happening?</h2><br>
171172
</article>
172173
</div>
173174

174-
</div>
175-
<div class="tile is-ancestor">
176-
<div class="tile is-parent">
177-
<div class="tile is-parent is-12 is-shady">
178-
<article class="tile is-child notification is-white">
179-
<p class="title"><b class="flashit">Roulette Mode</b></p>
180-
<p class="subtitle">Gambling is illegal but this isn't.</p>
181-
<div class="content">
182-
<p>Pick a few friends' slides and we'll add in a random one too into the pool.
183-
<br>
184-
By the power of random numbers...draw a deck of slides from the pool.
185-
<br>
186-
Congratulations! That will be your presentation for the day.</p>
187-
</div>
188-
<div class="content box">
189-
<p>Inspired by <a href="https://www.powerpointkaraoke.com/" target="_blank">powerpoint karaoke</a>, time to add some excitement to your lives!</p>
190-
</div>
191-
192-
</article>
193-
</div>
175+
194176

195177
</div>
196178
</section>

‎indexold.html

+222
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,222 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>SUTD Unfiltered</title>
8+
<link rel="shortcut icon" href="../images/fav_icon.png" type="image/x-icon">
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
10+
<link rel="stylesheet" href="css/font-awesome-animation.min.css">
11+
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
12+
<!-- Bulma Version 0.7.5-->
13+
<link rel="stylesheet" href="https://unpkg.com/bulma@0.7.5/css/bulma.min.css" />
14+
<link rel="stylesheet" type="text/css" href="css/main.css">
15+
<link rel="stylesheet" href="https://unpkg.com/bulma-modal-fx/dist/css/modal-fx.min.css" />
16+
</head>
17+
<body>
18+
<section class="hero is-info is-medium is-bold">
19+
<!--<div class="hero-head">
20+
<nav class="navbar">
21+
<div class="container">
22+
<div class="navbar-brand">
23+
<a class="navbar-item" href="../">
24+
<img src="http://bulma.io/images/bulma-type-white.png" alt="Logo">
25+
</a>
26+
<span class="navbar-burger burger" data-target="navbarMenu">
27+
<span></span>
28+
<span></span>
29+
<span></span>
30+
</span>
31+
</div>
32+
<div id="navbarMenu" class="navbar-menu">
33+
<div class="navbar-end">
34+
<div class="tabs is-right">
35+
<ul>
36+
<li class="is-active"><a>Home</a></li>
37+
<li><a href="">Examples</a></li>
38+
<li><a href="">Features</a></li>
39+
<li><a href="">Team</a></li>
40+
<li><a href="">Help</a></li>
41+
</ul>
42+
<span class="navbar-item">
43+
<a class="button is-white is-outlined" href="https://github.com/dansup/bulma-templates/blob/master/templates/hero.html">
44+
<span class="icon">
45+
<i class="fa fa-github"></i>
46+
</span>
47+
<span title="Hello from the other side">View Source</span>
48+
</a>
49+
</span>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
</nav>
55+
</div>-->
56+
<div class="hero-body" style="background-color:rgb(255, 255, 255);">
57+
<div class="container has-text-centered">
58+
<h1 class="title">
59+
<img src="img/logo.jpg">
60+
</h1>
61+
<h2 class="subtitle">
62+
A monstrous amalgam of food, engineering students and knowledge, in conjunction with the lads at OpenSUTD
63+
</h2>
64+
</div>
65+
<br>
66+
<div class="box cta">
67+
<p class="has-text-centered">
68+
<span class="tag is-primary">Info</span> SUTD Unfiltered is a series of lightning fast presentations followed by a quick human library by passionate people in our community. Check out the <a href="https://hackmd.io/W2R2ZZfvRbeBmlIf9qWHpA?view#Speakers" target="_blank">speakers for the day!</a>
69+
</p>
70+
</div>
71+
<div class="container has-text-centered">
72+
<h2 class="subtitle">
73+
5pm-7pm, 29th January, at Root Cove
74+
<br>
75+
Presentations start at 5pm
76+
<br>
77+
You're welcome to bring your own snacks for the event!
78+
</h2>
79+
</div>
80+
</div>
81+
</section>
82+
<section class="container">
83+
<div class="columns features">
84+
<div class="column is-4">
85+
<div class="card is-shady">
86+
<div class="card-image has-text-centered">
87+
<i class="fa fa-spinner fa-spin"></i>
88+
</div>
89+
<div class="card-content">
90+
<div class="content">
91+
<h4>Sign a friend up!</h4>
92+
<p>Know anyone that went for FACT or GEXP?</p>
93+
<br>
94+
<p>Get them to share about their awesome experience so that we can live it too!</p>
95+
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
<div class="column is-4">
101+
<div class="card is-shady">
102+
<div class="card-image has-text-centered">
103+
<i class="fa fa-heart faa-pulse animated"></i>
104+
</div>
105+
<div class="card-content">
106+
<div class="content">
107+
<h4>Sign up!</h4>
108+
<p>Up for a challenge? Summer was too interesting? Too drunk to remember what happened? Go for <b class="flashit">ARCADE MODE</b> or <b class="flashit">ROULETTE MODE</b>
109+
<br>
110+
Otherwise, prepare for a <a href="https://www.pechakucha.com/" target="_blank">pecha kucha</a>-styled presentation!</p>
111+
<p><a href="#format">Learn more</a></p>
112+
<p><a href="https://forms.office.com/Pages/ResponsePage.aspx?id=drd2NJDpck-5UGJImDFiPWsffHcffVpHgRHta4ANanhUNFdITTBMTVhWR0NUQ1FCWk1JR1dKQUk2Ry4u" target="_blank">Sign up here</a></p>
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
<div class="column is-4">
118+
<div class="card is-army">
119+
<div class="card-image has-text-centered">
120+
<i class="fa fa-truck" style="color: #fff;"></i>
121+
</div>
122+
<div class="card-content">
123+
<div class="content">
124+
<h4 style="color: #fff;">Sign on!</h4>
125+
<p style="color: #fff;">We do more than train soldiers - we cultivate leaders. Learn more about the different phases of training that our soldiers undergo in Our Army, as we push them to be their best.</p>
126+
<p><a href="https://www.mindef.gov.sg/oms/arc/" style="color: #fff;">Learn more</a></p>
127+
</div>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</section>
133+
<div class="intro column is-8 is-offset-2" id="format">
134+
<h2 class="title">So what's happening?</h2><br>
135+
<p class="subtitle">Pick a format</p>
136+
</div>
137+
<div class="tile is-parent is-12 is-shady">
138+
<article class="tile is-child notification is-white">
139+
<p class="title">Presentations Unfiltered</p>
140+
<p class="subtitle">15x20 slides of anything cool you’ve done, especially if it’s for summer'19!</p>
141+
<div class="content">
142+
<p>Presentations are done in a maximum of 15 slides, for 20 seconds per slide. Each presentation lasts for a total of 5 minutes.
143+
<br>
144+
We’re looking for a casual, honest and genuine presentation. Take off the kiddie gloves and give us the cold hard truth, unabashedly unfiltered.</p>
145+
</div>
146+
<div class="content box">
147+
<p>Based off the <a href="https://www.pechakucha.com/faq" target="_blank">Pecha Kucha</a> format.
148+
<br>
149+
Pecha Kucha (PK) is Japanese (ペチャクチャ) for “chit-chat” and is a presentation style in which 20 slides are shown for 20 seconds each (6 minutes and 40 seconds in total).</p>
150+
</div>
151+
</article>
152+
</div>
153+
</div>
154+
<div class="tile is-ancestor">
155+
<div class="tile is-parent">
156+
<div class="tile is-parent is-12 is-shady">
157+
<article class="tile is-child notification is-white">
158+
<p class="title"><b class="flashit">ARCADE MODE</b></p>
159+
<p class="subtitle">Ah, you’re a brave one aren’t you?</p>
160+
<div class="content">
161+
<p>In Arcade Mode, you’ll give the presentation, but we’ll be providing the slides.
162+
<br>
163+
You’ll get to see your topic and deck at the start of the event, so think fast!
164+
<br>
165+
It’ll be topics about SUTD, just so it’s a little fairer for everyone.</p>
166+
</div>
167+
<div class="content box">
168+
<p>Inspired by <a href="https://medium.com/@katebennet/presentation-roulette-c49828dbdf1c" target="_blank">presentation roulette</a>, we'll prep a simple deck of slides that's SUTD-focused just for laughs!</p>
169+
</div>
170+
171+
</article>
172+
</div>
173+
174+
</div>
175+
<div class="tile is-ancestor">
176+
<div class="tile is-parent">
177+
<div class="tile is-parent is-12 is-shady">
178+
<article class="tile is-child notification is-white">
179+
<p class="title"><b class="flashit">Roulette Mode</b></p>
180+
<p class="subtitle">Gambling is illegal but this isn't.</p>
181+
<div class="content">
182+
<p>Pick a few friends' slides and we'll add in a random one too into the pool.
183+
<br>
184+
By the power of random numbers...draw a deck of slides from the pool.
185+
<br>
186+
Congratulations! That will be your presentation for the day.</p>
187+
</div>
188+
<div class="content box">
189+
<p>Inspired by <a href="https://www.powerpointkaraoke.com/" target="_blank">powerpoint karaoke</a>, time to add some excitement to your lives!</p>
190+
</div>
191+
192+
</article>
193+
</div>
194+
195+
</div>
196+
</section>
197+
<footer class="footer">
198+
<div class="container">
199+
<div class="content has-text-centered">
200+
<p>
201+
<a class="icon" href="https://github.com/WilburthePiggy/sutd-unfiltered">
202+
<i class="fa fa-github"></i>
203+
</a>
204+
<a class="icon" href="https://hackmd.io/W2R2ZZfvRbeBmlIf9qWHpA">
205+
<i class="fa fa-book"></i>
206+
</a>
207+
208+
</p>
209+
<div class="control level-item">
210+
<a href="https://github.com/dansup/bulma-templates">
211+
<div class="tags has-addons">
212+
<span class="tag is-dark">Bulma Templates</span>
213+
<span class="tag is-info">MIT license</span>
214+
</div>
215+
</a>
216+
</div>
217+
</div>
218+
</div>
219+
<script src="js/bulma.js"></script>
220+
</footer>
221+
</body>
222+
</html>

0 commit comments

Comments
 (0)