add event format

Author: Fishbiscuit

css/main.css

@@ -15,7 +15,6 @@ html,body {
 }
 a {
   color: #A31E35 !important;
-  text-decoration: underline
 }
 i {
   color: #D3D3D3 !important;

index.html

@@ -81,7 +81,7 @@ <h4>Sign a friend up!</h4>
                                 <p>Thanks to the awesome Career Development Centre, you too can sabo hapless students to present at random events!</p>
                                 <br>
                                 <p style="font-size:12px;">*yes they sent out the entire namelist with the companies that we were interning in!</p>
-                                <p><a href="#">Learn more</a></p>
+                                <p><a href="#format">Learn more</a></p>
                             </div>
                         </div>
                     </div>
@@ -97,7 +97,7 @@ <h4>Sign up!</h4>
                                 <p>Up for a challenge? Summer was too interesting? Too drunk to remember what happened? Go for <b class="flashit">ARCADE MODE</b> 
                                 <br>
                                 Otherwise, prepare for a <a href="https://www.pechakucha.com/" target="_blank">pecha kucha</a>-styled presentation!</p>
-                                <p><a href="#">Learn more</a></p>
+                                <p><a href="#format">Learn more</a></p>
                             </div>
                         </div>
                     </div>
@@ -141,6 +141,7 @@ <h4>Set A</h4>
                                 <br>
                                 Luncheon Meat Fries
                                 </p>
+                                <p style="color:#fff;">No seriously this is a really good deal, my personal favourite! Eel Skin? Who doesn't want that!</p>
                             </div>
                         </div>
                     </div>
@@ -162,6 +163,7 @@ <h4>Set B</h4>
                                 <br>
                                 8pcs Spring roll
                                 </p>
+                                <p style="color:#fff;">I'm kididng, THIS is my real absolute favourite deal. There's CHEESE FRIES! Who doesn't want that!!</p>
                             </div>
                         </div>
                     </div>
@@ -183,11 +185,64 @@ <h4>Set C</h4>
                                 <br>
                                 8 pcs Spring Roll
                                 </p>
+                                <p style="color:#fff;">Okay, wait. Luncheon Meat Fries? Okay no, this takes the cake. Absolute best deal in our 10-year history.</p>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
+            <div class="intro column is-8 is-offset-2" id="format">
+                <h2 class="title">So what's happening?</h2><br>
+                <p class="subtitle">Pick a format</p>
+            </div>
+                <div class="tile is-ancestor">
+                    <div class="tile is-parent">
+                        <article class="tile is-child notification is-white">
+                            <p class="title">Presentation</p>
+                            <p class="subtitle">15x20</p>
+                            <div class="content">
+                                <p>Based off the <a href="https://www.pechakucha.com/faq" target="_blank">Pecha Kucha</a> format. 
+                                <br>
+                                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>
+                            </div>
+                        </article>
+                    </div>
+                    <div class="tile is-parent is-8 is-shady">
+                        <article class="tile is-child notification is-white">
+                            <p class="title">Unfiltered</p>
+                            <p class="subtitle">Anything cool you’ve done, especially if it’s for summer'19!</p>
+                            <div class="content">
+                                <p>Presentations are done in a shortened Pecha Kucha format - 15 slides, 20 seconds per slide, for a total of 5 minutes.
+                                <br>
+                                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>
+                            </div>
+                        </article>
+                    </div>
+                </div>
+                <div class="tile is-ancestor">
+                    <div class="tile is-parent">
+                        <article class="tile is-child notification is-white">
+                            <p class="title">Roulette</p>
+                            <p class="subtitle">???</p>
+                            <div class="content">
+                                <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>
+                            </div>
+                        </article>
+                    </div>                    <div class="tile is-parent is-8 is-shady">
+                        <article class="tile is-child notification is-white">
+                            <p class="title"><b class="flashit">ARCADE MODE</b></p>
+                            <p class="subtitle">Ah, you’re a brave one aren’t you?</p>
+                            <div class="content">
+                                <p>In Arcade Mode, you’ll give the presentation, but we’ll be providing the slides. 
+                                <br>
+                                You’ll get to see your topic and deck at the start of the event, so think fast!
+                                <br>
+                                It’ll be topics about SUTD, just so it’s a little fairer for everyone.</p>
+                            </div>
+                        </article>
+                    </div>
+
+                </div>
         </section>
         <footer class="footer">
             <div class="container">