chore(NODE-4545): docs front page brand alignment (#3376)

mongodb · Aug 22, 2022 · 2e47102 · 2e47102
1 parent a3ee7e2
commit 2e47102
Show file tree

Hide file tree

Showing 55 changed files with 284 additions and 266 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -27,7 +27,7 @@
 
     <div class="logo pull-left">
       <a href="/node-mongodb-native">
-        <img src="/node-mongodb-native/s/img/logo-mongodb-header.png", alt="MongoDB.org" />
+        <img src="/node-mongodb-native/s/img/logo-mongodb-header-slate.png", alt="MongoDB.org" />
       </a>
     </div>
 

diff --git a/docs/Next/assets/search.js b/docs/Next/assets/search.js
diff --git a/docs/Next/classes/Collection.html b/docs/Next/classes/Collection.html
diff --git a/docs/Next/classes/Long.html b/docs/Next/classes/Long.html
diff --git a/docs/Next/classes/MaxKey.html b/docs/Next/classes/MaxKey.html
diff --git a/docs/Next/classes/MinKey.html b/docs/Next/classes/MinKey.html
diff --git a/docs/Next/classes/ObjectId.html b/docs/Next/classes/ObjectId.html
diff --git a/docs/Next/classes/Timestamp.html b/docs/Next/classes/Timestamp.html
diff --git a/docs/Next/classes/TypedEventEmitter.html b/docs/Next/classes/TypedEventEmitter.html
diff --git a/docs/Next/interfaces/AbstractCursorOptions.html b/docs/Next/interfaces/AbstractCursorOptions.html
diff --git a/docs/Next/interfaces/AddUserOptions.html b/docs/Next/interfaces/AddUserOptions.html
diff --git a/docs/Next/interfaces/AggregateOptions.html b/docs/Next/interfaces/AggregateOptions.html
diff --git a/docs/Next/interfaces/AggregationCursorOptions.html b/docs/Next/interfaces/AggregationCursorOptions.html
diff --git a/docs/Next/interfaces/BSONSerializeOptions.html b/docs/Next/interfaces/BSONSerializeOptions.html
diff --git a/docs/Next/interfaces/BulkWriteOptions.html b/docs/Next/interfaces/BulkWriteOptions.html
diff --git a/docs/Next/interfaces/ChangeStreamOptions.html b/docs/Next/interfaces/ChangeStreamOptions.html
diff --git a/docs/Next/interfaces/CollStatsOptions.html b/docs/Next/interfaces/CollStatsOptions.html
diff --git a/docs/Next/interfaces/CollectionOptions.html b/docs/Next/interfaces/CollectionOptions.html
diff --git a/docs/Next/interfaces/CommandOperationOptions.html b/docs/Next/interfaces/CommandOperationOptions.html
diff --git a/docs/Next/interfaces/CountDocumentsOptions.html b/docs/Next/interfaces/CountDocumentsOptions.html
diff --git a/docs/Next/interfaces/CountOptions.html b/docs/Next/interfaces/CountOptions.html
diff --git a/docs/Next/interfaces/CreateCollectionOptions.html b/docs/Next/interfaces/CreateCollectionOptions.html
diff --git a/docs/Next/interfaces/CreateIndexesOptions.html b/docs/Next/interfaces/CreateIndexesOptions.html
diff --git a/docs/Next/interfaces/DbOptions.html b/docs/Next/interfaces/DbOptions.html
diff --git a/docs/Next/interfaces/DbStatsOptions.html b/docs/Next/interfaces/DbStatsOptions.html
diff --git a/docs/Next/interfaces/DeleteOptions.html b/docs/Next/interfaces/DeleteOptions.html
diff --git a/docs/Next/interfaces/DropCollectionOptions.html b/docs/Next/interfaces/DropCollectionOptions.html
diff --git a/docs/Next/interfaces/EstimatedDocumentCountOptions.html b/docs/Next/interfaces/EstimatedDocumentCountOptions.html
diff --git a/docs/Next/interfaces/EvalOptions.html b/docs/Next/interfaces/EvalOptions.html
diff --git a/docs/Next/interfaces/FilterOperators.html b/docs/Next/interfaces/FilterOperators.html
diff --git a/docs/Next/interfaces/FindOneAndDeleteOptions.html b/docs/Next/interfaces/FindOneAndDeleteOptions.html
diff --git a/docs/Next/interfaces/FindOneAndReplaceOptions.html b/docs/Next/interfaces/FindOneAndReplaceOptions.html
diff --git a/docs/Next/interfaces/FindOneAndUpdateOptions.html b/docs/Next/interfaces/FindOneAndUpdateOptions.html
diff --git a/docs/Next/interfaces/FindOptions.html b/docs/Next/interfaces/FindOptions.html
diff --git a/docs/Next/interfaces/InsertOneOptions.html b/docs/Next/interfaces/InsertOneOptions.html
diff --git a/docs/Next/interfaces/ListCollectionsOptions.html b/docs/Next/interfaces/ListCollectionsOptions.html
diff --git a/docs/Next/interfaces/ListDatabasesOptions.html b/docs/Next/interfaces/ListDatabasesOptions.html
diff --git a/docs/Next/interfaces/ListIndexesOptions.html b/docs/Next/interfaces/ListIndexesOptions.html
diff --git a/docs/Next/interfaces/MapReduceOptions.html b/docs/Next/interfaces/MapReduceOptions.html
diff --git a/docs/Next/interfaces/MongoClientOptions.html b/docs/Next/interfaces/MongoClientOptions.html
diff --git a/docs/Next/interfaces/OperationOptions.html b/docs/Next/interfaces/OperationOptions.html
diff --git a/docs/Next/interfaces/RenameOptions.html b/docs/Next/interfaces/RenameOptions.html
diff --git a/docs/Next/interfaces/ReplaceOptions.html b/docs/Next/interfaces/ReplaceOptions.html
diff --git a/docs/Next/interfaces/TopologyOptions.html b/docs/Next/interfaces/TopologyOptions.html
diff --git a/docs/Next/interfaces/TransactionOptions.html b/docs/Next/interfaces/TransactionOptions.html
diff --git a/docs/Next/interfaces/UpdateOptions.html b/docs/Next/interfaces/UpdateOptions.html
diff --git a/docs/Next/interfaces/ValidateCollectionOptions.html b/docs/Next/interfaces/ValidateCollectionOptions.html
diff --git a/docs/Next/modules.html b/docs/Next/modules.html
diff --git a/docs/index.html b/docs/index.html
@@ -28,7 +28,7 @@
 
     <div class="logo pull-left">
       <a href="/node-mongodb-native">
-        <img src="/node-mongodb-native/s/img/logo-mongodb-header.png", alt="MongoDB.org" />
+        <img src="/node-mongodb-native/s/img/logo-mongodb-header-slate.png", alt="MongoDB.org" />
       </a>
     </div>
 
@@ -52,9 +52,9 @@
   <div class="row">
     <div class="col-md-2"></div>
     <div class="col-md-6">
-      <h2>MongoDB Node.JS Driver</h2>
+      <h2>MongoDB Node.js Driver</h2>
       <p>
-        The next generation Node.JS driver for MongoDB
+        The next generation Node.js driver for MongoDB
       </p>
       <p>
 

diff --git a/docs/s/css/frontpage.css b/docs/s/css/frontpage.css
@@ -1,12 +1,20 @@
+@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+
+code, pre, kbd, samp {
+  font-family: 'Source Code Pro', Monaco, Menlo, Consolas, "Courier New", monospace;
+}
+
 body {
-  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Lexend Deca", "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 0;
-  color: #494747;
+  color: black;
   font-size: 16px;
   -webkit-font-smoothing: antialiased;
-  background-color: #f3f4eb;
-  color: #4c3a2c;
+  background-color: white;
+  color: black;
   padding-top: 50px;
 }
 
@@ -40,8 +48,8 @@ dt {
     left: 0;
     width: 100%;
     font-size: 31px;
-    background-color: #3b291f;
-    color: white;
+    background-color: white;
+    color: black;
     margin: 0;
     padding: 0;
     z-index: 100;
@@ -65,7 +73,7 @@ dt {
 }
 
 #header-db a {
-    color: white;
+    color: black;
 }
 
 #header-db .logo img {
@@ -109,7 +117,7 @@ div.gsc-input-box,
 .gsc-input input.gsc-input:-moz-input-placeholder,
 .gsc-input input.gsc-input::-moz-input-placeholder,
 .gsc-input input.gsc-input:-ms-input-placeholder {
-    color: #CCC;
+    color: black;
 }
 
 /* Clear search button */
@@ -168,7 +176,7 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 }
 
 .footer a {
-    color: #989898;
+    color: black;
     text-decoration: underline;
 }
 
@@ -178,15 +186,15 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 }
 
 .footer .box {
-    background-color: #f5f6f7;
+    background-color: white;
     min-height: 20px;
     padding: 15px;
     margin-bottom: 20px;
     text-align: left;
 }
 
 .footer .box a {
-    color: #333;
+    color: black;
     text-decoration: none;
 }
 
@@ -219,8 +227,8 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 /* Hero Styles */
 
 #hero {
-  background-color: #666;
-  color: #f3f4eb;
+  background-color: #023430;
+  color: white ;
   border-bottom: 1px solid #313030;
   padding: 12px 0px;
 }
@@ -237,6 +245,7 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 }
 
 #hero h2 {
+  font-family: "Noto Serif JP", "Lexend Deca", "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;;
   border-top: 3px solid #6ca439;
   color: #f3f4eb;
   padding: 10px 0;
@@ -257,14 +266,14 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 
 .btn-mongo:hover {
   color: white;
-  border-color:#34302d;
+  border-color:black;
   box-shadow:none;
   text-decoration:none;
 }
 
 .btn-dark {
-  border: 2px solid #3b291f;
-  background-color: #3b291f;
+  border: 2px solid black;
+  background-color: black;
   color: white;
   border-radius: 0;
 }

diff --git a/docs/s/img/logo-mongodb-header-slate.png b/docs/s/img/logo-mongodb-header-slate.png
diff --git a/docs/s/img/logo-mongodb-header.png → docs/s/img/logo-mongodb-header-white.png b/docs/s/img/logo-mongodb-header.png → docs/s/img/logo-mongodb-header-white.png
diff --git a/etc/docs/template/layouts/partials/header/main.html b/etc/docs/template/layouts/partials/header/main.html
@@ -3,7 +3,7 @@
     <!--logo start-->
     <div class="logo pull-left">
       <a href="{{.Site.BaseURL}}">
-        <img src="{{.Site.BaseURL}}/s/img/logo-mongodb-header.png", alt="MongoDB.org" />
+        <img src="{{.Site.BaseURL}}/s/img/logo-mongodb-header-slate.png", alt="MongoDB.org" />
       </a>
     </div>
     <!--logo end-->

diff --git a/etc/docs/template/layouts/partials/hero.html b/etc/docs/template/layouts/partials/hero.html
@@ -3,9 +3,9 @@
   <div class="row">
     <div class="col-md-2"></div>
     <div class="col-md-6">
-      <h2>MongoDB Node.JS Driver</h2>
+      <h2>MongoDB Node.js Driver</h2>
       <p>
-        The next generation Node.JS driver for MongoDB
+        The next generation Node.js driver for MongoDB
       </p>
       <p>
         {{ range where $.Site.Data.releases.versions "version" $.Site.Data.releases.current  }}{{ $.Scratch.Set "qs.currentReleasedVersion" . }}{{end }}

diff --git a/etc/docs/template/static/s/css/frontpage.css b/etc/docs/template/static/s/css/frontpage.css
@@ -1,12 +1,20 @@
+@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+
+code, pre, kbd, samp {
+  font-family: 'Source Code Pro', Monaco, Menlo, Consolas, "Courier New", monospace;
+}
+
 body {
-  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Lexend Deca", "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 0;
-  color: #494747;
+  color: black;
   font-size: 16px;
   -webkit-font-smoothing: antialiased;
-  background-color: #f3f4eb;
-  color: #4c3a2c;
+  background-color: white;
+  color: black;
   padding-top: 50px;
 }
 
@@ -40,8 +48,8 @@ dt {
     left: 0;
     width: 100%;
     font-size: 31px;
-    background-color: #3b291f;
-    color: white;
+    background-color: white;
+    color: black;
     margin: 0;
     padding: 0;
     z-index: 100;
@@ -65,7 +73,7 @@ dt {
 }
 
 #header-db a {
-    color: white;
+    color: black;
 }
 
 #header-db .logo img {
@@ -109,7 +117,7 @@ div.gsc-input-box,
 .gsc-input input.gsc-input:-moz-input-placeholder,
 .gsc-input input.gsc-input::-moz-input-placeholder,
 .gsc-input input.gsc-input:-ms-input-placeholder {
-    color: #CCC;
+    color: black;
 }
 
 /* Clear search button */
@@ -168,7 +176,7 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 }
 
 .footer a {
-    color: #989898;
+    color: black;
     text-decoration: underline;
 }
 
@@ -178,15 +186,15 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 }
 
 .footer .box {
-    background-color: #f5f6f7;
+    background-color: white;
     min-height: 20px;
     padding: 15px;
     margin-bottom: 20px;
     text-align: left;
 }
 
 .footer .box a {
-    color: #333;
+    color: black;
     text-decoration: none;
 }
 
@@ -219,8 +227,8 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 /* Hero Styles */
 
 #hero {
-  background-color: #666;
-  color: #f3f4eb;
+  background-color: #023430;
+  color: white ;
   border-bottom: 1px solid #313030;
   padding: 12px 0px;
 }
@@ -237,6 +245,7 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 }
 
 #hero h2 {
+  font-family: "Noto Serif JP", "Lexend Deca", "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;;
   border-top: 3px solid #6ca439;
   color: #f3f4eb;
   padding: 10px 0;
@@ -257,14 +266,14 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 
 .btn-mongo:hover {
   color: white;
-  border-color:#34302d;
+  border-color:black;
   box-shadow:none;
   text-decoration:none;
 }
 
 .btn-dark {
-  border: 2px solid #3b291f;
-  background-color: #3b291f;
+  border: 2px solid black;
+  background-color: black;
   color: white;
   border-radius: 0;
 }