2 files changed, 67 insertions, 19 deletions
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 6e102c05..8c47e980 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -72,23 +72,25 @@ header .site_name {
   line-height: 11px;
   letter-spacing: 3px;
 }
-header .splash{
+header .page_name {
   font-size: 22px;
   font-weight: 400;
   color: #eee;
-  /*padding-left: 8px;*/
   opacity: 0;
   transition: 0.3s opacity cubic-bezier(0,0,1,1);
   margin-left:18px;
-  /*line-height: 22px;*/
 }
-.scrolled header .splash {
+.scrolled header .page_name {
   opacity: 1;
 }
-header .links{
+header .links {
   font-size: 18px;
   line-height: 18px;
 }
+.home header .links a {
+  background-color: rgba(0,0,0,0.9);
+  padding: 3px;
+}
 header .sub {
   margin-left: 4px;
   margin-top: 2px;
@@ -123,18 +125,18 @@ header .links a {
 }
 header .links a.active {
   color: #fff;
-  border-bottom: 2px solid rgba(255,255,255,255);
+  border-bottom: 2px solid rgba(255,255,255,1);
 }
 .desktop header .links a:hover {
   color: #fff;
-  border-bottom: 2px solid rgba(255,255,255,255);
+  border-bottom: 2px solid rgba(255,255,255,1);
 }
 .desktop header .links a.active:hover {
   color: #fff;
-  border-bottom: 2px solid rgba(255,255,255,255);
+  border-bottom: 2px solid rgba(255,255,255,1);
 }
-header .links.splash{
-  font-size:22px;
+header .links.splash {
+  font-size: 22px;
   font-weight: 400;
 }
 
@@ -165,32 +167,32 @@ footer > div:nth-child(2) {
 footer a {
   display: inline-block;
   color: #ccc;
-  transition: color 0.1s cubic-bezier(0,0,1,1);
-  border-bottom:1px solid #555;
+  transition: all 0.1s cubic-bezier(0,0,1,1);
+  border-bottom: 1px solid #555;
   padding-bottom: 1px;
   text-decoration: none;
 }
-
-footer a:hover {
-  color: #ccc;
+.desktop footer a:hover {
+  color: #fff;
   border-bottom:1px solid #999;
 }
 footer ul {
-  margin:0;
+  margin: 0;
 }
 footer div {
   color: #888;
   font-size: 12px;
 }
 footer ul li:last-child {
-  margin-right:0px;
+  margin-right: 0px;
 }
-footer div:first-child a {
+footer div:first-child > a {
   margin-right: 5px;
 }
 .desktop footer a:hover {
   color: #fff;
 }
+
 /* headings */
 
 h1 {
@@ -266,6 +268,36 @@ th, .gray {
   font-size: 9pt;
 }
 
+/* splash teaser */
+
+.teaser {
+  position: absolute;
+  top: 50%;
+  left: 25%;
+  transform: translateY(-50%);
+}
+.teaser b {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 500;
+  color: #fff;
+  font-size: 40px;
+  display: block;
+}
+.teaser tt {
+  font-family: 'Roboto Mono', monospace;
+  color: #ddd;
+  font-size: 16px;
+  display: block;
+  max-width: 400px;
+}
+.teaser .btn {
+  color: #ddd;
+  background: #444;
+  padding: 5px 10px;
+  font-size: 20px;
+  border-radius: 4px;
+}
+
 /* content */
 
 .content {
diff --git a/site/assets/css/mobile.css b/site/assets/css/mobile.css
index 6a742277..d6ded8d6 100644
--- a/site/assets/css/mobile.css
+++ b/site/assets/css/mobile.css
@@ -1,7 +1,17 @@
 /* MOBILE - iphone/ipad css */
 
+softbr {
+  display: none;
+}
+
 @media all and (max-device-width: 1024px) {
+  softbr {
+    display: block;
+    height: 10px;
+  }
+
   /* header / footer */
+
   .slogan {
     padding-left: 10px;
   }
@@ -59,7 +69,13 @@
     height: 360px;
   }
 
-  /* MOBILE datasets page */
+
+  .content td a {
+    text-overflow: ellipsis;
+    max-width: 100%;
+    overflow: hidden;
+    display: inline-block;
+  }
 }
 
 /* iphone-specific */