make games page better

TangentFoxy · Dec 8, 2016 · 3a87b9e · 3a87b9e
1 parent 781bbca
commit 3a87b9e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 14 deletions.
diff --git a/misc.moon b/misc.moon
@@ -4,19 +4,23 @@ class extends lapis.Application
     [games: "/games"]: =>
         @title = "Guard's Games"
         @html ->
+            link rel: "stylesheet", href: @build_url "static/css/pure-responsive-grids.css"
             link rel: "stylesheet", href: @build_url "static/css/itchEmbed.css"
-            div class: "itchEmbed", -> -- 300 Words to Save Your Ship
-                iframe src: "https://itch.io/embed/46307?linkback=true", width: 552, height: 167, frameborder: 0
-            div class: "itchEmbed", -> -- FADE
-                iframe src: "https://itch.io/embed/65758?linkback=true", width: 552, height: 167, frameborder: 0
-            div class: "itchEmbed", -> -- Opcode-Powered Shuttle
-                iframe src: "https://itch.io/embed/47156?linkback=true", width: 552, height: 167, frameborder: 0
-            div class: "itchEmbed", -> -- RGB - The Color Chooser
-                iframe src: "https://itch.io/embed/50932?linkback=true", width: 552, height: 167, frameborder: 0
-            div class: "itchEmbed", -> -- Grand Theft Papercut
-                iframe src: "https://itch.io/embed/46316?linkback=true", width: 552, height: 167, frameborder: 0
-            div class: "itchEmbed", -> -- Psychology
-                iframe src: "https://itch.io/embed/46311?linkback=true", width: 552, height: 167, frameborder: 0
+            div class: "pure-g", ->
+                div class: "pure-u-1 pure-u-md-1-2", ->
+                    div class: "itchEmbed", -> -- 300 Words to Save Your Ship
+                        iframe src: "https://itch.io/embed/46307?linkback=true", width: 552, height: 167, frameborder: 0
+                    div class: "itchEmbed", -> -- FADE
+                        iframe src: "https://itch.io/embed/65758?linkback=true", width: 552, height: 167, frameborder: 0
+                    div class: "itchEmbed", -> -- Opcode-Powered Shuttle
+                        iframe src: "https://itch.io/embed/47156?linkback=true", width: 552, height: 167, frameborder: 0
+                div class: "pure-u-1 pure-u-md-1-2", ->
+                    div class: "itchEmbed", -> -- RGB - The Color Chooser
+                        iframe src: "https://itch.io/embed/50932?linkback=true", width: 552, height: 167, frameborder: 0
+                    div class: "itchEmbed", -> -- Grand Theft Papercut
+                        iframe src: "https://itch.io/embed/46316?linkback=true", width: 552, height: 167, frameborder: 0
+                    div class: "itchEmbed", -> -- Psychology
+                        iframe src: "https://itch.io/embed/46311?linkback=true", width: 552, height: 167, frameborder: 0
 
     [chat: "/chat"]: =>
         @title = "Chat on Discord"

diff --git a/static/css/pure-responsive-grids.css b/static/css/pure-responsive-grids.css
diff --git a/static/css/site.css b/static/css/site.css
@@ -9,8 +9,8 @@ body {
 #header, #container, #footer {
   margin: auto;
   width: 80%;
-  min-width: 620px;
-  max-width: 1000px;
+  min-width: 686px;
+  max-width: 1108px;
 }
 
 /*#container, #footer {