mobile shit

2 files changed, 29 insertions, 7 deletions

diff --git a/site/public/assets/javascripts/_env.js b/site/public/assets/javascripts/_env.js
index e74a020..dee524c 100644
--- a/site/public/assets/javascripts/_env.js
+++ b/site/public/assets/javascripts/_env.js
@@ -131,7 +131,8 @@ environment.ready = function(){
 	  
     $("#entry_container").removeClass("visible")
     var $loader = $("<div>")
-    $loader.load("about .entry", function(){
+    $loader.load("/about/ .entry", function(){
+      console.log($loader.html())
       display_entry($loader.children()[0])
     })
 	})	
@@ -414,7 +415,7 @@ function display_entry (el) {
   var isIndex = $el.hasClass("all")
   if (is_mobile) {
     $("body").toggleClass("menuActive", isIndex)
-    $el.find(".brady").remove()
+//     $el.find(".brady > a").remove()
   }
   if (isIndex) {
     var $projects = $el.find(".project")
diff --git a/site/public/assets/style.css b/site/public/assets/style.css
index 8c48c1a..0a7fcc4 100644
--- a/site/public/assets/style.css
+++ b/site/public/assets/style.css
@@ -1107,15 +1107,35 @@ nav .sub.active a {
     top: -18px;
 	}
   .brady > a {
+    display: none;
     width: 35vw; height: 35vw;
   }
+/* 
+  .brady > a:nth-child(2) {
+    margin-left: 1vw;
+  }
+  .brady > a:nth-child(2),
+  .brady > a:nth-child(3) {
+    display: block;
+    width: 35vw; height: 35vw;
+  }
+ */
+
+  .brady {
+    width: 100%;
+  }
   .brady div {
-    width: 34vw;
-    font-size: 2vw;
-    line-height: 2.5vw;
+    width: 100%;
+    font-size: 4vw;
+    line-height: 5vw;
+    border: 0;
+    margin: 1em;
+    margin-left: 2em;
+    padding: 0;
   }
   .brady div:nth-child(1) {
-    margin-left: 3vw;
+    padding-bottom: 1vw;
+    border-bottom: 1px solid #444;
   }
   .brady span {
     font-size: 2vw;
@@ -1123,8 +1143,9 @@ nav .sub.active a {
   .brady > a:nth-child(3) {
     margin-right: 0vw;
   }
-
 }
+
+
 .mobile .cell iframe {
 	width: 100%;
 	opacity: 0.0!important;