Merge pull request #38 from ComputerScienceHouse/feature-gamejam

Added gamejam page

Author: wilsonmcdade

src/app.py

@@ -95,6 +95,10 @@ def static_from_root():
 def credits():
     return flask.render_template('credits.html', contributors = contributors.contributors)
 
+@app.route('/gamejam')
+def gamejam():
+    return flask.render_template('gamejam.html')
+
 @app.errorhandler(Exception)
 def page404(e):
     eCode = 500

src/static/css/devcade.css

@@ -93,6 +93,17 @@ u {
   background-color: var(--bg);
 }
 
+#alertBar {
+  position: absolute;
+  top: 3em;
+  left: 0;
+  height: 3em;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  background-color: var(--csh-secondary);
+}
+
 #nav {
   align-items: center;
   color: white;
@@ -159,6 +170,7 @@ img.header {
 
 #bg {
   height: min(100vh, 400px);
+  margin-top: 3em;
 }
 
 .dropdown-toggle {
@@ -200,6 +212,33 @@ img.header {
     "e";
 }
 
+#gamejamGrid {
+  display: grid;
+  grid-gap: 1em 1em;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  grid-template-areas:
+    "a"
+    "d"
+    "c"
+    "b"
+    "e";
+}
+
+#gamejam-flyer-wrapper {
+  grid-area: a;
+  display: flex;
+  align-items: center;
+}
+
+#gamejam-details-wrapper {
+  grid-area: c;
+}
+
+#about-gamejam-wrapper {
+  grid-area: b;
+}
+
 #about-devcade-wrapper {
   grid-area: a;
 }
@@ -405,6 +444,15 @@ a:hover {
       "c e";
   }
 
+  #gamejamGrid {
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: auto auto auto auto;
+    grid-template-areas:
+      "b a"
+      "c a"
+      "e e";
+  }
+
   .navbar-toggler-icon {
     display: none;
   }

src/static/files/GamejamFlyer.pdf

@@ -0,0 +1,49 @@
+{% extends "header.html" %} {% block headertext %}{%endblock%}
+{% block content %}
+
+<div id="gamejamGrid">
+    <div id="gamejam-flyer-wrapper" class="subcontent">
+        <a href="{{ url_for('static', filename='files/GamejamFlyer.pdf') }}">
+            <img style="width: 100%" src="{{ url_for('static', filename='images/GamejamFlyer.png') }}">
+        </a>
+    </div>
+    <div id="about-gamejam-wrapper" class="subcontent">
+        <h2>About the Gamejam</h2>
+        <p>
+            The Devcade team is hosting a week-long gamejam at <a target="_blank" href="https://www.rit.edu/magic/">
+            RIT's MAGIC Center</a>! The event is open to all RIT students, regardless of major, 
+            and will consist of in-person working sessions, workshops, and seminars.
+        </p>
+        <p>
+            You're encouraged to think outside of the box with your game! Some existing Devcade games include 
+            remakes of old arcade games, while some can be best classified as art projects. All are welcome to 
+            be submitted for the gamejam.
+        </p>
+        <p>
+            Food will be provided for all in-person work sessions. Please fill out the below interst form if you 
+            plan on attending to let us know of any dietary restrictions you may have.
+        </p>
+        <p>
+            There are $700 of prizes available to win, including an <i>Elgato StreamDeck+, Raspberry Pi 4Bs, 
+            a Wacom Drawing Tablet, Visa Prepaid Gift Cards, and many more</i>!
+        </p>
+        <p></p>
+        <a class="btn btn-red" target="_blank" href="https://forms.gle/hkzAfMA8CDTy2Cn18">Interested in participating?</a>
+    </div>
+    <div id="gamejam-details-wrapper" class="subcontent">
+        <h2>What do I need to know before attending?</h2>
+        <p>
+            If you plan on attending, please fill out the above interest form and we will reach out to you 
+            with further information! If you feel you need to reach out to us, send us an email at 
+            <a href="mailto:[email protected]">[email protected]</a>.
+        </p>
+        <p>
+            All participants are required to build their games using either the 
+            <a target="_blank" href="https://www.monogame.net/">Monogame</a> framework (C#) or the
+            <a target="_blank" href="https://bevyengine.org/">Bevy</a> engine (Rust). We will be presenting (and recording)
+            seminars on the fundamentals and build processes of both.
+        </p>
+    </div>
+</div>
+
+{% endblock %}    

src/static/images/GamejamFlyer.png

@@ -104,6 +104,9 @@ <h1>Devcade</h1>
         </div>
       </div>
     </div>
+    <div id="alertBar">
+      <h1>We're hosting a week-long Gamejam open to all RIT students! <b><a href="/gamejam">Learn more</a></b></h1>
+    </div>
     <div class="header">
       <img
         id="bg"

src/templates/gamejam.html

@@ -31,9 +31,8 @@ <h2>Who are we?</h2>
       API and databases, some on the onboard software, and some on the physical design of the 
       cabinet itself -- there really is something for everyone on this project.
     </p>
-    <p>
-      <a href="credits">Read more</a>
-    </p>
+    <p></p>
+    <a class="btn btn-red" href="credits">Read more</a>
   </div>
   <div id="about-csh-wrapper" class="subcontent">
     <h2>What is CSH?</h2>