-
+
-
-
-
-
-
- #1 CODER ON GAMIFICATION
-
-
-
-
-
-
+
-
-
-
- MAIN EVENT
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic id a enim natus, doloribus explicabo quis. Nostrum, odit. Aperiam.
- Similique molestiae, repudiandae sequi tempora modi beatae, doloremque est fugit totam veniam ad impedit dolore excepturi dolorum officia adipisci reprehenderit.
- Quaerat a quos recusandae voluptates provident dolore tenetur possimus, mollitia sapiente accusamus veritatis natus deleniti quibusdam odit, explicabo! Non, earum.
- Assumenda eos quae rerum qui sapiente omnis, consequuntur doloremque dolor, mollitia nisi voluptas impedit nemo id porro velit possimus blanditiis!
- Cupiditate maiores ut consequuntur mollitia suscipit id, nulla deserunt aliquid quibusdam corporis non, error ea alias numquam provident maxime hic?
- Nobis vero error eligendi libero mollitia modi minima, aperiam illum, exercitationem recusandae suscipit. Asperiores, ad reiciendis, exercitationem vero iure hic.
- Obcaecati voluptates enim minus maiores laborum, ea. Beatae blanditiis, totam velit enim, eligendi similique asperiores! Exercitationem inventore, eveniet quas et.
- Eos amet officia ab cumque. Mollitia unde cupiditate non, maxime animi praesentium, sit. Fugit et repellendus harum nostrum, atque voluptatem?
-
-
+
+
+ Geeks, Attack!
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic id a enim natus, doloribus explicabo quis. Nostrum, odit. Aperiam.
+ Similique molestiae, repudiandae sequi tempora modi beatae, doloremque est fugit totam veniam ad impedit dolore excepturi dolorum officia adipisci reprehenderit.
+ Quaerat a quos recusandae voluptates provident dolore tenetur possimus, mollitia sapiente accusamus veritatis natus deleniti quibusdam odit, explicabo! Non, earum.
+
+
+
diff --git a/content/stylesheet.css b/content/stylesheet.css
index e69de29..ccf46ae 100644
--- a/content/stylesheet.css
+++ b/content/stylesheet.css
@@ -0,0 +1,93 @@
+header {
+ position: absolute;
+ top: 0;
+ height: 75px;
+ line-height: 75px;
+
+ background-color: rgb(255, 109, 0);
+ color: white;
+
+ width: 100%;
+}
+
+header #logo {
+ position: absolute;
+ margin-top: 15px;
+ margin-left: 15px;
+ height: 45px;
+}
+
+main {
+ padding: 15px;
+ position: absolute;
+ top: 75px;
+ /* header-height, footer-height, padding-top, padding-bottom */
+ height: calc(100% - 75px - 30px - 15px - 15px);
+}
+footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ background-color: red;
+}
+#events {
+ padding-right: 15px;
+}
+#event-main {
+ position: relative;
+ width: 100%;
+ background-color: black;
+ color: white;
+ padding: 20px;
+ height: 200px;
+
+ overflow: hidden;
+
+ border: 1px solid rgb(100, 100, 100);
+}
+
+.event {
+ background: black;
+ color: white;
+
+ padding: 20px;
+}
+
+.event-bg {
+ position: absolute;
+ width: 100%;
+ top: 0;
+ left: 0;
+}
+.event-title {
+ position: absolute;
+ top: 60px;
+ right: 20px;
+ font-size: 35px;
+ height: 40px;
+ line-height: 40px;
+ padding: 15px;
+ z-index: 1;
+ background-color: rgba(0, 0, 0, 0.7);
+
+}
+
+#github-feed ul {
+ height: 100%;
+}
+#github-feed {
+ overflow: auto;
+}
+
+/* Fixes adding borders and padding, but breaks IE7 */
+.pure-g > div {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.l-box {
+ border: 2px solid black;
+}
diff --git a/layouts/index.erb b/layouts/index.erb
new file mode 100644
index 0000000..24b4ac5
--- /dev/null
+++ b/layouts/index.erb
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+