various ui tweeks

lms/static/sass/_index.scss

@@ -9,7 +9,7 @@
     width: flex-grid(12);
 
     .video-wrapper {
-      right: 0px;
+      left: 0px;
       position: absolute;
       top: 0px;
 
@@ -36,10 +36,10 @@
 
     .welcome {
       @include box-sizing(border-box);
-      float: left;
+      float: right;
       font-size: 0em;
       width: flex-grid(12);
-      padding-right: 600px;
+      padding-left: 600px;
       padding-top: 20px;
 
       h1 {
@@ -48,7 +48,6 @@
         letter-spacing: 1px;
         margin-bottom: 20px;
         position: relative;
-        text-align: center;
         text-transform: uppercase;
       }
 
@@ -60,15 +59,13 @@
         p {
           color: $base-font-color;
           margin: 0px;
-          text-align: center;
           width: flex-grid(12);
         }
       }
 
       .signup-wrapper {
         @include box-sizing(border-box);
-        margin: 0 auto;
-        width: flex-grid(10);
+        width: flex-grid(11);
 
         .sign-up {
           background: rgb(240,240,240);
@@ -97,31 +94,6 @@
             text-align: center;
             width: flex-grid(12);
           }
-
-          form {
-            input[type="text"],
-            input[type="email"],
-            input[type="password"] {
-              height: 45px;
-              margin-right: flex-gutter();
-              width: flex-grid(3);
-
-              &:last-child {
-                margin-right: 0px;
-              }
-            }
-
-            input[type="submit"] {
-              height: 45px;
-              width: flex-grid(3);
-            }
-          }
-
-          h3 {
-            color: $base-font-color;
-            font: normal 1.6rem/2rem $sans-serif;
-            text-align: center;
-          }
         }
       }
     }
@@ -129,28 +101,16 @@
 
 
   .university-partners {
-    @include background-image(linear-gradient(180deg, rgba(255,255,255, 0) 0%, rgba(250,250,250, 0.8) 15%, rgb(250,250,250) 50%, rgba(250,250,250, 0.8) 85%, rgba(255,255,255, 0)));
+    background: rgb(245,245,245);
+    //@include background-image(linear-gradient(180deg, rgba(255,255,255, 0) 0%, rgba(250,250,250, 0.8) 15%, rgb(250,250,250) 50%, rgba(250,250,250, 0.8) 85%, rgba(255,255,255, 0)));
+    border: 1px solid rgb(210,210,210);
+    @include border-radius(4px);
     margin-bottom: 60px;
+    overflow: hidden;
     padding: 10px 0px;
     position: relative;
     width: flex-grid(12);
 
-    &:before {
-      @extend .faded-hr-divider;
-      content: "";
-      display: block;
-      position: absolute;
-      top: 0px;
-    }
-
-    &:after {
-      @extend .faded-hr-divider;
-      bottom: 0px;
-      content: "";
-      display: block;
-      position: absolute;
-    }
-
     .partners {
       font-size: 0em;
       margin: 0 auto;
@@ -160,6 +120,7 @@
         @include inline-block;
         margin-right: 40px;
         opacity: 0.7;
+        position: relative;
 
         &:last-child {
           margin-right: 0px;
@@ -167,6 +128,20 @@
 
         &:hover {
           opacity: 0.9;
+
+          &::before {
+            @include background-image(radial-gradient(50% 50%, circle closest-side, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%));
+            content: "";
+            display: block;
+            height: 200px;
+            left: 50%;
+            margin-left: -100px;
+            margin-top: -100px;
+            width: 200px;
+            position: absolute;
+            top: 50%;
+            z-index: 1;
+          }
         }
       }
 
@@ -176,6 +151,8 @@
         font: 800 italic 2rem/2.2rem $sans-serif;
         text-align: center;
         text-shadow: 0 1px rgba(255,255,255, 0.6);
+        position: relative;
+        z-index: 2;
         vertical-align: middle;
       }
 
@@ -183,6 +160,8 @@
         @include inline-block;
         max-width: 100px;
         vertical-align: middle;
+        position: relative;
+        z-index: 2;
       }
     }
   }

lms/static/sass/_shared_footer.scss

@@ -9,9 +9,11 @@ footer {
   }
 
   nav {
+    @include box-sizing(border-box);
     @include clearfix;
     max-width: 1200px;
     margin: 0 auto;
+    padding: 0 10px;
     width: flex-grid(12);
 
     a.logo {
@@ -27,17 +29,8 @@ footer {
       font-size: 0em;
       margin-top: 6px;
 
-      &.right {
-        float: right;
-
-        li:first-child {
-          border: none;
-        }
-      }
-
       &.social {
         float: right;
-        margin: 0px 30px 0px 0px;
 
         li {
           border: none;
@@ -65,17 +58,33 @@ footer {
   }
 
   .copyright {
-    background: rgb(230,230,230);
     height: 50px;
     margin-top: 80px;
     width: 100%;
 
+    hr {
+      @extend .faded-hr-divider-light;
+      border: none;
+      margin: 0px;
+      position: relative;
+      z-index: 2;
+
+      &::after {
+        @extend .faded-hr-divider;
+        bottom: 0px;
+        content: "";
+        display: block;
+        position: absolute;
+        top: -1px;
+      }
+    }
+
     p {
       color: $lighter-base-font-color;
       font: normal 1rem/1.6rem $sans-serif;
       margin: 0 auto;
       padding-top: 15px;
-      //text-align: center;
+      text-align: center;
       max-width: 1200px;
 
       a {

lms/static/sass/_shared_header.scss

@@ -25,20 +25,6 @@ header.app {
       position: relative;
       z-index: 2;
     }
-
-    &:hover {
-      &::before {
-        @include background-image(radial-gradient(50% 50%, circle closest-side, rgba(255,255,255, 0.8) 0%, rgba(255,255,255, 0) 100%));
-        content: "";
-        display: block;
-        height: 90px;
-        left: -20px;
-        position: absolute;
-        top: -32px;
-        width: 90px;
-        z-index: 1;
-      }
-    }
   }
 
   .divider {

lms/templates/footer.html

@@ -13,21 +13,13 @@
         <a href="#">About</a>
       </li>
       <li>
-        <a href="#">Contribute</a>
-      </li>
-    </ol>
-
-    <ol class="right">
-      <li>
-        <a href="/dashboard">My Dashboard</a>
+        <a href="#">Blog</a>
       </li>
       <li>
-        <a href="#">Help</a>
-      </li>
-      <li>
-        <a href="/index">Logout</a>
+        <a href="#">Jobs</a>
       </li>
     </ol>
+
     <ol class="social">
       <li>
         <a href="#"><img src="${static.url('images/linkedin.png')}" /></a>
@@ -41,6 +33,7 @@
     </ol>
   </nav>
   <section class="copyright">
+    <hr>
     <p>Copyright &copy; 2012.edX. <a href="#">Some rights reserved.</a></p>
   </section>
 </footer>

lms/templates/navigation.html

@@ -14,11 +14,13 @@
           <a href="/courses">Find Courses</a>
           <div class="divider"></div>
         </li>
+        %if not user.is_authenticated():
         <li class="secondary">
           <a href="/about">About</a>
           <a href="#">Blog</a>
           <a href="/jobs">Jobs</a>
         </li>
+        %endif
       </ol>
     </nav>