Add Studio 384/Amaranth icon, docs branding

ChangeWindows · Aug 26, 2021 · d31d576 · d31d576
1 parent 30483f4
commit d31d576
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 2 deletions.
diff --git a/docs/Amaranth.html b/docs/Amaranth.html
@@ -20,6 +20,13 @@
         .icons {
             padding: 20px;
         }
+        footer {
+            padding: 20px;
+        }
+        .studio {
+            font-family: "Century Gothic", system-ui, -apple-system, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
+            font-weight: 600;
+        }
         .preview {
             width: 100px;
             display: inline-block;
@@ -52,14 +59,17 @@
             border-radius: 0 0 .25rem .25rem;
             color: #666;
         }
+        .bg-success {
+            background-image: linear-gradient(-38.4deg, #00c67e, #78b500);
+        }
     </style>
 
     <link rel="stylesheet" type="text/css" href="../dist/fonts/Amaranth.css" />
 </head>
 <body>
 
     <div class="bg-danger text-white pb-4 pt-3 text-center">
-        <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
+        <h1 class="display-4 m-0"><i class="ai ai-amaranth"></i> Amaranth</h1>
     </div>
 
     <div class="icons text-center">
@@ -73,6 +83,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
             </div>
 
 
+            <div class="preview">
+                <span class="inner">
+                    <i class="ai ai-amaranth"></i>
+                </span>
+                <br>
+                <span class='label'>amaranth</span>
+            </div>
+
+
             <div class="preview">
                 <span class="inner">
                     <i class="ai ai-angle-down"></i>
@@ -1217,5 +1236,11 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
 
     </div>
 
+    <div class="bg-success text-white pb-4 pt-3">
+        <footer>
+            <p class="mb-0">Designed and developed by</p>
+            <h1 class="m-0"><i class="ai ai-amaranth"></i> <span class="studio">Studio 384</span></h1>
+        </footer>
+    </div>
 </body>
 </html>
diff --git a/src/Amaranth.ts b/src/Amaranth.ts
@@ -6,6 +6,13 @@ export const aiAlarm: {
   name: 'alarm',
   data: `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16"><path d="M12.23 1.34a7.52 7.52 0 014.93 4.93 3.5 3.5 0 00-4.93-4.93zm-4.46 0a7.52 7.52 0 00-4.93 4.93 3.5 3.5 0 014.93-4.93zM9.25 8.5V5.75a.75.75 0 011.5 0v2.44l.91.91a.75.75 0 11-1.06 1.06L9.53 9.1a.76.76 0 01-.03-.03.75.75 0 01-.25-.56z"/><path fill-rule="evenodd" d="M10 15c1.35 0 2.6-.4 3.63-1.1l1.31 1.52a.75.75 0 001.14-.98l-1.3-1.53A6.5 6.5 0 1010 15zm0-1.5a5 5 0 110-10 5 5 0 010 10z"/><path d="M6.37 13.9c-.42-.29-.8-.62-1.14-.99l-1.31 1.53a.75.75 0 101.14.98l1.3-1.53z"/></svg>`
 };
+export const aiAmaranth: {
+  name: 'amaranth';
+  data: string;
+} = {
+  name: 'amaranth',
+  data: `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16"><path d="M3.27 1.71c.36.41.78 1.22 1.16 2.39.37 1.13.68 2.48.88 3.86.2 1.38.3 2.77.27 3.96a7.14 7.14 0 01-.42 2.62A1.03 1.03 0 007 15.4c.43-.9.6-2.15.63-3.44a25.8 25.8 0 00-.3-4.3 26.02 26.02 0 00-.96-4.21A8.98 8.98 0 004.78.34a1.03 1.03 0 00-1.5 1.36zm8.18 8.69a24.1 24.1 0 00-2.87 2.65 22.96 22.96 0 00.02-2.92 29.3 29.3 0 013.24-2.57 22.96 22.96 0 002.85.64 24.1 24.1 0 00-3.24 2.2zM9.73 5.77c-.64-.26-1.28-.54-1.9-.83a22.95 22.95 0 00-.86-2.8c1 .62 2.24 1.21 3.52 1.72 1.3.51 2.62.93 3.78 1.17 1.2.25 2.11.3 2.65.18a1.03 1.03 0 01.43 2c-.97.22-2.23.1-3.5-.17-1.3-.28-2.74-.73-4.12-1.27z"/></svg>`
+};
 export const aiAngleDown: {
   name: 'angle_down';
   data: string;
@@ -897,6 +904,7 @@ export const aiWindow: {
 };
 export type Amaranth =
   | 'alarm'
+  | 'amaranth'
   | 'angle_down'
   | 'angle_left'
   | 'angle_right'

diff --git a/svg/amaranth.svg b/svg/amaranth.svg
diff --git a/templates/html.hbs b/templates/html.hbs
@@ -20,6 +20,13 @@
         .icons {
             padding: 20px;
         }
+        footer {
+            padding: 20px;
+        }
+        .studio {
+            font-family: "Century Gothic", system-ui, -apple-system, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
+            font-weight: 600;
+        }
         .preview {
             width: 100px;
             display: inline-block;
@@ -52,14 +59,17 @@
             border-radius: 0 0 .25rem .25rem;
             color: #666;
         }
+        .bg-success {
+            background-image: linear-gradient(-38.4deg, #00c67e, #78b500);
+        }
     </style>
 
     <link rel="stylesheet" type="text/css" href="../dist/fonts/{{ name }}.css" />
 </head>
 <body>
 
     <div class="bg-danger text-white pb-4 pt-3 text-center">
-        <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> {{ name }}</h1>
+        <h1 class="display-4 m-0"><i class="ai ai-amaranth"></i> {{ name }}</h1>
     </div>
 
     <div class="icons text-center">
@@ -76,5 +86,11 @@
         {{/ each }}
     </div>
 
+    <div class="bg-success text-white pb-4 pt-3">
+        <footer>
+            <p class="mb-0">Designed and developed by</p>
+            <h1 class="m-0"><i class="ai ai-amaranth"></i> <span class="studio">Studio 384</span></h1>
+        </footer>
+    </div>
 </body>
 </html>