updated logo, fonts

UniversalViewer · Jun 8, 2020 · 85dac1a · 85dac1a
1 parent 45ed585
commit 85dac1a
Show file tree

Hide file tree

Showing 13 changed files with 5,893 additions and 304 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -1,6 +1,6 @@
 /*!
  * Start Bootstrap -  v1.0.0 (https://github.com/UniversalViewer/universalviewer.github.io#readme)
- * Copyright 2013-2018 Edward Silverton <[email protected]> (http://edsilv.com)
+ * Copyright 2013-2020 Edward Silverton <[email protected]> (http://edsilv.com)
  * Licensed under  ()
  */
 body.home header {
@@ -33,7 +33,7 @@ body.home header .header-content .header-content-inner hr {
   margin: 30px auto;
 }
 body.home header .header-content .header-content-inner p {
-  font-weight: 400;
+  font-weight: bold;
   color: rgba(255, 255, 255, 0.95);
   font-size: 18px;
   margin-bottom: 50px;
@@ -144,7 +144,7 @@ body.home .call-to-action h2 {
 }
 body.home span.explanatory {
   display: block;
-  font-size: 12px;
+  font-size: 14px;
 }
 body.home #moreinfo {
   padding-bottom: 0px;
@@ -193,7 +193,7 @@ body {
   width: 100%;
 }
 body {
-  font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   webkit-tap-highlight-color: #222222;
 }
 hr {
@@ -223,7 +223,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+  font-family: 'Inter', sans-serif;
 }
 p {
   font-size: 16px;
@@ -249,14 +249,14 @@ aside {
 .navbar-default {
   background-color: white;
   border-color: rgba(34, 34, 34, 0.05);
-  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+  font-family: 'Inter', sans-serif;
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
 }
 .navbar-default .navbar-header .navbar-brand {
   color: #3e114e;
-  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+  font-family: 'Inter', sans-serif;
   font-weight: 700;
   text-transform: uppercase;
 }
@@ -344,6 +344,11 @@ aside {
   padding-right: 0;
   padding-left: 0;
 }
+@media (min-width: 1200px) {
+  .col-lg-3 {
+    width: 24%;
+  }
+}
 .btn-default {
   color: #222222;
   background-color: white;

diff --git a/css/styles.min.css b/css/styles.min.css
diff --git a/img/_header.jpg b/img/_header.jpg
diff --git a/img/_logo.png b/img/_logo.png
diff --git a/img/logo.png b/img/logo.png
diff --git a/index.html b/index.html
@@ -17,7 +17,7 @@
     <!-- Custom Fonts -->
     <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
-    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
 
     <!-- Plugin CSS -->
     <link href="/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
@@ -348,10 +348,10 @@ <h2 class="section-heading">Get In Touch</h2>
                         <a href="https://docs.google.com/forms/d/e/1FAIpQLSeHLD0kng5aXvGFsNN_tJGsZMTnp08Hv2F6kdGsJRb6bT0NWw/viewform">Join the UV Slack</a>
                         <span class="explanatory">This is where most of the conversation happens</span>
                     </p>
-                    <p>
+                    <!-- <p>
                         <a href="https://groups.google.com/forum/#!forum/universalviewer">Join the UV Google Group</a>
                         <span class="explanatory">A good place to ask questions if you are just trying out the UV</span>
-                    </p>
+                    </p> -->
                     <p>
                         <a href="https://twitter.com/universalviewer">Follow the UV on Twitter</a>
                         <span class="explanatory">A good way to keep informed of notable developments</span>

diff --git a/js/index.min.js b/js/index.min.js
diff --git a/less/home.less b/less/home.less
@@ -26,7 +26,7 @@ body.home {
                     margin: 30px auto;
                 }
                 p {
-                    font-weight: 400;
+                    font-weight: bold;
                     color: fade(white, 95%);
                     font-size: 18px;
                     margin-bottom: 50px;
@@ -150,7 +150,7 @@ body.home {
 
     span.explanatory {
         display: block;
-        font-size: 12px;
+        font-size: 14px;
     }
 
     #moreinfo {

diff --git a/less/mixins.less b/less/mixins.less
@@ -1,63 +1,67 @@
-// Mixins
-
-.transition-all() {
-    -webkit-transition: all 0.35s;
-    -moz-transition: all 0.35s;
-    transition: all 0.35s;
-}
-
-.background-cover() {
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    background-size: cover;
-    -o-background-size: cover;
-}
-
-.button-variant(@color; @background; @border) {
-	color: @color;
-	background-color: @background;
-	border-color: @border;
-	.transition-all;
-
-	&:hover,
-	&:focus,
-	&.focus,
-	&:active,
-	&.active,
-	.open > .dropdown-toggle& {
-		color: @color;
-		background-color: darken(@background, 5%);
-	    border-color: darken(@border, 7%);
-	}
-	&:active,
-	&.active,
-	.open > .dropdown-toggle& {
-		background-image: none;
-	}
-	&.disabled,
-	&[disabled],
-	fieldset[disabled] & {
-		&,
-		&:hover,
-		&:focus,
-		&.focus,
-		&:active,
-		&.active {
-			background-color: @background;
-			border-color: @border;
-		}
-	}
-
-	.badge {
-		color: @background;
-		background-color: @color;
-	}
-}
-
-.sans-serif-font() {
-	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
-}
-
-.serif-font() {
-	font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
+// Mixins
+
+.transition-all() {
+    -webkit-transition: all 0.35s;
+    -moz-transition: all 0.35s;
+    transition: all 0.35s;
+}
+
+.background-cover() {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+}
+
+.button-variant(@color; @background; @border) {
+	color: @color;
+	background-color: @background;
+	border-color: @border;
+	.transition-all;
+
+	&:hover,
+	&:focus,
+	&.focus,
+	&:active,
+	&.active,
+	.open > .dropdown-toggle& {
+		color: @color;
+		background-color: darken(@background, 5%);
+	    border-color: darken(@border, 7%);
+	}
+	&:active,
+	&.active,
+	.open > .dropdown-toggle& {
+		background-image: none;
+	}
+	&.disabled,
+	&[disabled],
+	fieldset[disabled] & {
+		&,
+		&:hover,
+		&:focus,
+		&.focus,
+		&:active,
+		&.active {
+			background-color: @background;
+			border-color: @border;
+		}
+	}
+
+	.badge {
+		color: @background;
+		background-color: @color;
+	}
+}
+
+.header-font() {
+	font-family: 'Inter', sans-serif;
+}
+
+.sans-serif-font() {
+	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+}
+
+.serif-font() {
+	font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
 }