landing page started

coding-blocks · Jul 13, 2020 · 5db1a8b · 5db1a8b
1 parent 4b7dc04
commit 5db1a8b
Show file tree

Hide file tree

Showing 8 changed files with 40 additions and 4 deletions.
diff --git a/examples/public/fonts/Muli-Italic-VariableFont_wght.ttf b/examples/public/fonts/Muli-Italic-VariableFont_wght.ttf
diff --git a/examples/public/fonts/Muli-VariableFont_wght.ttf b/examples/public/fonts/Muli-VariableFont_wght.ttf
diff --git a/examples/views/coding-blocks/landing-page_main.hbs b/examples/views/coding-blocks/landing-page_main.hbs
@@ -0,0 +1,16 @@
+<div class="a-cbm">
+  <div class="landing-page">
+    <div class="landing-page__section">
+      <div class="row">
+        <div class="col-6">
+          <div class="heading-font extra-bold">
+            WELCOME TO
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="landing-page__section">
+
+    </div>
+  </div>
+</div>
diff --git a/examples/views/index.hbs b/examples/views/index.hbs
@@ -3,7 +3,7 @@
 <div class="home-vh">
 	<div class="row no-gutters">
 		<div class="col-sm-3 pb-4 position-relative border-right" style="height: calc(100vh - 70px); overflow-y: scroll">
-			<h2 class="position-sticky bg-white p-4">Views</h2>
+			<h2 class="position-sticky bg-white p-4 tr">Views</h2>
 			<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-address.html">n-account-address</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-application.html">n-account-application</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-client.html">n-account-client</a></div>

diff --git a/file-list-gen.js b/file-list-gen.js
@@ -19,7 +19,7 @@ html = `
 <div class="home-vh">
 	<div class="row no-gutters">
 		<div class="col-sm-3 pb-4 position-relative border-right" style="height: calc(100vh - 70px); overflow-y: scroll">
-			<h2 class="position-sticky bg-white p-4">Views</h2>
+			<h2 class="position-sticky bg-white p-4 tr">Views</h2>
 			${fileListViews}
 		</div>
 		<div class="col-sm-9 p-4">

diff --git a/sass/styles/applications/coding-blocks/_application.scss b/sass/styles/applications/coding-blocks/_application.scss
@@ -3,4 +3,5 @@
   @import "heading.scss";
   @import "font.scss";
   @import "color.scss";
+  @import "landing-page.scss";
 }
diff --git a/sass/styles/applications/coding-blocks/landing-page.scss b/sass/styles/applications/coding-blocks/landing-page.scss
@@ -0,0 +1,19 @@
+.landing-page {
+  color: $white;
+
+  .heading-font {
+    font-size: 4.142rem;
+  }
+
+  &__section {
+    padding: 7.142rem;
+
+    &:nth-child(2n-1) {
+      background: $grey-dark-2;
+    }
+
+    &:nth-child(2n) {
+      background: $black;
+    }
+  }
+}
diff --git a/sass/styles/applications/coding-blocks/settings/colors.scss b/sass/styles/applications/coding-blocks/settings/colors.scss
@@ -2,10 +2,10 @@
 
 // Neutral colors
 $black: #08090c;
-$grey-dark-2: #191d24;
+$grey-dark-2: #15171e;
 $grey-dark-1: #2a2f3c;
 $grey: #3b4254;
-$grey-light-1: #cccccc;
+$grey-light-1: #d6d6d6;
 $grey-light-2: #e0e0e0;
 $grey-light-3: #f5f5f5;