Add ng-google-sheets-db logo.

FranzDiebold · Aug 22, 2020 · 177c2e4 · 177c2e4
1 parent d07ff8b
commit 177c2e4
Show file tree

Hide file tree

Showing 10 changed files with 41 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,7 @@
+<p align="center">
+  <img width="75" src="./design/ng-google-sheets-db-logo.png" alt="ng-google-sheets-db logo">
+</p>
+
 # ng-google-sheets-db - Angular Google Sheets DB
 
 [![Test, lint, build and deploy](https://github.com/FranzDiebold/ng-google-sheets-db-library/workflows/Test,%20lint,%20build%20and%20deploy/badge.svg)](https://github.com/FranzDiebold/ng-google-sheets-db-library/actions)

diff --git a/design/README.md b/design/README.md
@@ -0,0 +1,14 @@
+# Design
+
+## Logo
+
+<img width="200" height="200" src="ng-google-sheets-db-logo.png">
+
+## Colors
+
+- green ![#2ca467](https://placehold.it/20/2ca467/000000?text=+) `#2ca467`
+- gray ![#606c76](https://placehold.it/20/606c76/000000?text=+) `#606c76`
+
+## Preview image for social media
+
+![ng-google-sheets-db social media preview image](ng-google-sheets-db-social-media-preview.png)
diff --git a/design/ng-google-sheets-db-logo.png b/design/ng-google-sheets-db-logo.png
diff --git a/design/ng-google-sheets-db-logo.svg b/design/ng-google-sheets-db-logo.svg
diff --git a/design/ng-google-sheets-db-social-media-preview.png b/design/ng-google-sheets-db-social-media-preview.png
diff --git a/images/ng-google-sheets-db-social-preview.png b/images/ng-google-sheets-db-social-preview.png
diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -1,5 +1,11 @@
 <nav class="navigation">
   <div class="container">
+    <span class="logo">
+      <svg style="width:24px;height:24px" viewBox="0 0 500 500">
+        <rect fill="#2ca467" stroke-width="0" width="494" height="494" rx="68" y="3" x="3"/>
+        <path fill="#ffffff" d="m250.00001,66.04384l-150.33421,49.96675l150.33421,327.94556l150.33421,-327.94556l-150.33421,-49.96675zm-128.38852,59.0178l128.38852,-42.65152l129.00845,42.89949l-129.00845,281.45044l0,-231.3597l-128.38852,-50.33871z"/>
+      </svg>
+    </span>
     <span class="title">ng-google-sheets-db</span>
 
     <span class="navigation-list">

diff --git a/projects/demo/src/app/app.component.scss b/projects/demo/src/app/app.component.scss
@@ -11,9 +11,12 @@
   line-height: $navigationHeight;
   overflow-y: auto;
 
+  .logo {
+    margin-right: 8px;
+  }
+
   .title {
     font-weight: 400;
-    border-bottom: 2px solid variables.$primaryColor;
   }
 
   .navigation-list {
@@ -22,12 +25,12 @@
     a {
       margin-left: 25px;
     }
+  }
 
-    svg {
-      $verticalPadding: 7px;
-      margin-top: $verticalPadding;
-      margin-bottom: -1* $verticalPadding;
-    }
+  svg {
+    $verticalPadding: 7px;
+    margin-top: $verticalPadding;
+    margin-bottom: -1* $verticalPadding;
   }
 }
 

diff --git a/projects/demo/src/favicon.ico b/projects/demo/src/favicon.ico
diff --git a/projects/ng-google-sheets-db/README.md b/projects/ng-google-sheets-db/README.md
@@ -1,3 +1,7 @@
+<p align="center">
+  <img width="75" src="./design/ng-google-sheets-db-logo.png" alt="ng-google-sheets-db logo">
+</p>
+
 # ng-google-sheets-db - Angular Google Sheets DB
 
 [![Test, lint, build and deploy](https://github.com/FranzDiebold/ng-google-sheets-db-library/workflows/Test,%20lint,%20build%20and%20deploy/badge.svg)](https://github.com/FranzDiebold/ng-google-sheets-db-library/actions)