Skip to content

Commit d31d576

Browse files
Studio384Studio384
committed
Add Studio 384/Amaranth icon, docs branding
1 parent 30483f4 commit d31d576

File tree

4 files changed

+54
-2
lines changed

4 files changed

+54
-2
lines changed

‎docs/Amaranth.html‎

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,13 @@
2020
.icons {
2121
padding: 20px;
2222
}
23+
footer {
24+
padding: 20px;
25+
}
26+
.studio {
27+
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;
28+
font-weight: 600;
29+
}
2330
.preview {
2431
width: 100px;
2532
display: inline-block;
@@ -52,14 +59,17 @@
5259
border-radius: 0 0 .25rem .25rem;
5360
color: #666;
5461
}
62+
.bg-success {
63+
background-image: linear-gradient(-38.4deg, #00c67e, #78b500);
64+
}
5565
</style>
5666

5767
<link rel="stylesheet" type="text/css" href="../dist/fonts/Amaranth.css" />
5868
</head>
5969
<body>
6070

6171
<div class="bg-danger text-white pb-4 pt-3 text-center">
62-
<h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
72+
<h1 class="display-4 m-0"><i class="ai ai-amaranth"></i> Amaranth</h1>
6373
</div>
6474

6575
<div class="icons text-center">
@@ -73,6 +83,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
7383
</div>
7484

7585

86+
<div class="preview">
87+
<span class="inner">
88+
<i class="ai ai-amaranth"></i>
89+
</span>
90+
<br>
91+
<span class='label'>amaranth</span>
92+
</div>
93+
94+
7695
<div class="preview">
7796
<span class="inner">
7897
<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>
12171236

12181237
</div>
12191238

1239+
<div class="bg-success text-white pb-4 pt-3">
1240+
<footer>
1241+
<p class="mb-0">Designed and developed by</p>
1242+
<h1 class="m-0"><i class="ai ai-amaranth"></i> <span class="studio">Studio 384</span></h1>
1243+
</footer>
1244+
</div>
12201245
</body>
12211246
</html>

‎src/Amaranth.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,13 @@ export const aiAlarm: {
66
name: 'alarm',
77
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>`
88
};
9+
export const aiAmaranth: {
10+
name: 'amaranth';
11+
data: string;
12+
} = {
13+
name: 'amaranth',
14+
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>`
15+
};
916
export const aiAngleDown: {
1017
name: 'angle_down';
1118
data: string;
@@ -897,6 +904,7 @@ export const aiWindow: {
897904
};
898905
export type Amaranth =
899906
| 'alarm'
907+
| 'amaranth'
900908
| 'angle_down'
901909
| 'angle_left'
902910
| 'angle_right'

‎svg/amaranth.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎templates/html.hbs‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,13 @@
2020
.icons {
2121
padding: 20px;
2222
}
23+
footer {
24+
padding: 20px;
25+
}
26+
.studio {
27+
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;
28+
font-weight: 600;
29+
}
2330
.preview {
2431
width: 100px;
2532
display: inline-block;
@@ -52,14 +59,17 @@
5259
border-radius: 0 0 .25rem .25rem;
5360
color: #666;
5461
}
62+
.bg-success {
63+
background-image: linear-gradient(-38.4deg, #00c67e, #78b500);
64+
}
5565
</style>
5666

5767
<link rel="stylesheet" type="text/css" href="../dist/fonts/{{ name }}.css" />
5868
</head>
5969
<body>
6070

6171
<div class="bg-danger text-white pb-4 pt-3 text-center">
62-
<h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> {{ name }}</h1>
72+
<h1 class="display-4 m-0"><i class="ai ai-amaranth"></i> {{ name }}</h1>
6373
</div>
6474

6575
<div class="icons text-center">
@@ -76,5 +86,11 @@
7686
{{/ each }}
7787
</div>
7888

89+
<div class="bg-success text-white pb-4 pt-3">
90+
<footer>
91+
<p class="mb-0">Designed and developed by</p>
92+
<h1 class="m-0"><i class="ai ai-amaranth"></i> <span class="studio">Studio 384</span></h1>
93+
</footer>
94+
</div>
7995
</body>
8096
</html>

0 commit comments

Comments
 (0)