Update 2014-11-23T20:39:55.647Z

ScottyLabs · Nov 23, 2014 · 92e4371 · 92e4371
1 parent bd99575
commit 92e4371
Show file tree

Hide file tree

Showing 11 changed files with 164 additions and 130 deletions.
diff --git a/.gitignore b/.gitignore
diff --git a/README.md b/README.md
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -0,0 +1,61 @@
+/* @file main.scss
+ * @brief Main styles for the TartanHacks 2014 website.
+ * @author Oscar Bezi, [email protected]
+ * @since 23 November 2014
+ */
+body {
+  margin: 0 10%;
+  padding: 0;
+  font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
+  text-align: center; }
+
+@media (min-width: 720px) {
+  body {
+    margin: 0 20%; } }
+
+h1 {
+  text-transform: uppercase; }
+
+hr {
+  margin: 3em auto;
+  width: 50%; }
+
+#splash {
+  width: 100%;
+  height: 100%; }
+  #splash h1 {
+    font-family: Roboto Slab, serif;
+    font-size: 3em; }
+  #splash #navbar {
+    /* override semantic-ui's padding */
+    margin: 0;
+    padding: 1rem 0; }
+
+#faq ul {
+  padding: 0;
+  margin: 0;
+  width: 100%; }
+#faq li {
+  list-style: none; }
+
+#schedule .grid {
+  /* override semantic-ui */
+  margin: 0; }
+#schedule ul {
+  padding: 0;
+  margin: 0;
+  width: 100%; }
+#schedule .schedule-item {
+  list-style: none; }
+#schedule .time {
+  color: green;
+  padding: 0 1em 0 0; }
+
+.scottylabs-logo span {
+  font-size: 3em; }
+
+footer {
+  width: 100%;
+  text-align: right; }
+  footer span {
+    padding: 0 1em; }
diff --git a/assets/js/index.js b/assets/js/index.js
@@ -0,0 +1,4 @@
+(function() {
+  console.log("App initialised.");
+
+}).call(this);
diff --git a/gulpfile.coffee b/gulpfile.coffee
diff --git a/gulpfile.js b/gulpfile.js
diff --git a/index.html b/index.html
@@ -0,0 +1,99 @@
+
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="description" content="Tartanhacks 2014 Website"/>
+    <meta name="author" content="Oscar Bezi, [email protected]"/>
+    <meta name="viewport" content="initial-scale=1,width=device-width"/>
+    <meta name="mobile-web-app-capable" content="yes"/>
+    <link href="http://fonts.googleapis.com/css?family=Montserrat:700,400" rel="stylesheet"/>
+    <link href="http://fonts.googleapis.com/css?family=Roboto+Slab:700,400" rel="stylesheet"/>
+    <link href="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.19.3/css/semantic.min.css" rel="stylesheet"/>
+    <link href="assets/css/main.css" rel="stylesheet"/>
+    <link rel="icon" sizes="196x196" href="assets/imgs/favicon.ico"/>
+  </head>
+  <body>
+    <div id="splash">
+      <div id="navbar" class="ui text menu"><a href="#about" class="item">About</a><a href="#faw" class="item">FAQ</a><a href="#schedule" class="item">Schedule</a><a href="#sponsors" class="item">Sponsors</a><a href="#registration" class="item">Registration</a></div><img src="http://placehold.it/500x500" alt="TartanHacks logo"/>
+      <h1>TartanHacks</h1>
+      <div id="more-info">
+        <p>January 2014</p>
+        <p>One sentence blurb.</p>
+        <p>Brought to you by ScottyLabs.</p>
+        <button>Register</button>
+      </div>
+    </div>
+    <hr/>
+    <div id="about">
+      <h1>What is TartanHacks?</h1>
+      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean iaculis varius mollis.  Duis eget velit faucibus, vehicula lorem sed, molestie dolor.  Duis dapibus ex lorem, et interdum felis fringilla consequat.  Pellentesque nec dui mauris.  Maecenas quis pretius odio.  Aliquam ac nisi vitae orci iaculis malesuada vitae sit amet risus.</p>
+    </div>
+    <hr/>
+    <div id="faq">
+      <h1>FAQ</h1>
+      <ul>
+        <li>
+          <p class="question">Question</p>
+          <p class="answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean iaculis varius mollis.</p>
+        </li>
+        <li>
+          <p class="question">Question</p>
+          <p class="answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean iaculis varius mollis.</p>
+        </li>
+        <li>
+          <p class="question">Question</p>
+          <p class="answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean iaculis varius mollis.</p>
+        </li>
+        <li>
+          <p class="question">Question</p>
+          <p class="answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean iaculis varius mollis.</p>
+        </li>
+      </ul>
+    </div>
+    <hr/>
+    <div id="schedule">
+      <h1>Schedule</h1>
+      <div class="two column stackable ui grid">
+        <div id="day1" class="column day">
+          <h2>Friday</h2>
+          <ul>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+          </ul>
+        </div>
+        <div id="day2" class="column day">
+          <h2>Saturday</h2>
+          <ul>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+            <li class="schedule-item"><span class="time">8am</span>Food</li>
+            <li class="schedule-item"><span class="time">9am</span>Hacking</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <hr/>
+    <div id="sponsors">
+      <h1>Sponsors</h1><img src="http://placehold.it/400x200" alt="Sponsor logo" class="sponsor-logo-main"/>
+      <ul id="sponsor-list"><img src="http://placehold.it/200x100" alt="Sponsor logo" class="sponsor-logo"/><img src="http://placehold.it/200x100" alt="Sponsor logo" class="sponsor-logo"/><img src="http://placehold.it/200x100" alt="Sponsor logo" class="sponsor-logo"/><img src="http://placehold.it/200x100" alt="Sponsor logo" class="sponsor-logo"/><img src="http://placehold.it/200x100" alt="Sponsor logo" class="sponsor-logo"/></ul>
+      <div class="scottylabs-logo"><img src="http://placehold.it/50x50" alt="ScottyLabs Logo"/><span>ScottyLabs</span></div>
+    </div>
+    <hr/>
+    <div id="registration">
+      <h1>Registration</h1>
+      <h2>Woah there, buddy.</h2>
+      <p>We're not opening registration yet, but if you give us your email we'll tell you when this is opening up.</p>
+      <input type="text" placeholder="[email protected]"/>
+      <button>Keep me posted</button>
+    </div>
+    <footer><span>ScottyLabs</span></footer>
+  </body>
+</html>
diff --git a/package.json b/package.json
diff --git a/src/coffee/index.coffee b/src/coffee/index.coffee
diff --git a/src/jade/index.jade b/src/jade/index.jade
diff --git a/src/scss/main.scss b/src/scss/main.scss