wordmark 0.21.0 → 0.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +10 -556
- data/README.md +17 -33
- data/art/blackbox.svg +6 -0
- data/art/data.svg +8 -0
- data/art/dataplate.svg +12 -0
- data/art/drive.svg +6 -0
- data/art/hangar.svg +6 -0
- data/art/index.html.erb +25 -25
- data/art/lens.svg +9 -0
- data/art/mirroring.svg +8 -0
- data/art/refinery.svg +9 -0
- data/art/rollaway.svg +12 -0
- data/art/stockroom.svg +12 -0
- data/art/tower.svg +12 -0
- data/art/wordmark.svg +3 -0
- data/lib/wordmark/engine.rb +7 -16
- data/lib/wordmark/helpers/heads.rb +6 -6
- data/lib/wordmark/marks.rb +14 -4
- data/lib/wordmark/version.rb +1 -1
- data/lib/wordmark.rb +1 -1
- data/public/_headers +0 -4
- data/public/bh/js/bh.js +15 -15
- data/public/down/{goldrush.html → blackbox.html} +5 -5
- data/public/down/{fountain.html → data.html} +5 -5
- data/public/down/dataplate.html +87 -0
- data/public/down/drive.html +87 -0
- data/public/down/{houston.html → hangar.html} +5 -5
- data/public/down/lens.html +87 -0
- data/public/down/{autopilot.html → mirroring.html} +5 -5
- data/public/down/refinery.html +87 -0
- data/public/down/rollaway.html +87 -0
- data/public/down/stockroom.html +87 -0
- data/public/down/tower.html +87 -0
- data/public/down/wordmark.html +87 -0
- data/public/favicon/blackbox-180.png +0 -0
- data/public/favicon/blackbox-192.png +0 -0
- data/public/favicon/blackbox-512.png +0 -0
- data/public/favicon/blackbox-96.png +0 -0
- data/public/favicon/blackbox-dev.svg +6 -0
- data/public/favicon/blackbox.ico +0 -0
- data/public/favicon/blackbox.svg +6 -0
- data/public/favicon/blackbox.webmanifest +12 -0
- data/public/favicon/data-180.png +0 -0
- data/public/favicon/data-192.png +0 -0
- data/public/favicon/data-512.png +0 -0
- data/public/favicon/data-96.png +0 -0
- data/public/favicon/data-dev.svg +8 -0
- data/public/favicon/data.ico +0 -0
- data/public/favicon/data.svg +8 -0
- data/public/favicon/data.webmanifest +12 -0
- data/public/favicon/dataplate-180.png +0 -0
- data/public/favicon/dataplate-192.png +0 -0
- data/public/favicon/dataplate-512.png +0 -0
- data/public/favicon/dataplate-96.png +0 -0
- data/public/favicon/dataplate-dev.svg +12 -0
- data/public/favicon/dataplate.ico +0 -0
- data/public/favicon/dataplate.svg +12 -0
- data/public/favicon/dataplate.webmanifest +12 -0
- data/public/favicon/drive-180.png +0 -0
- data/public/favicon/drive-192.png +0 -0
- data/public/favicon/drive-512.png +0 -0
- data/public/favicon/drive-96.png +0 -0
- data/public/favicon/drive-dev.svg +6 -0
- data/public/favicon/drive.ico +0 -0
- data/public/favicon/drive.svg +6 -0
- data/public/favicon/drive.webmanifest +12 -0
- data/public/favicon/hangar-180.png +0 -0
- data/public/favicon/hangar-192.png +0 -0
- data/public/favicon/hangar-512.png +0 -0
- data/public/favicon/hangar-96.png +0 -0
- data/public/favicon/hangar-dev.svg +6 -0
- data/public/favicon/hangar.ico +0 -0
- data/public/favicon/hangar.svg +6 -0
- data/public/favicon/hangar.webmanifest +12 -0
- data/public/favicon/lens-180.png +0 -0
- data/public/favicon/lens-192.png +0 -0
- data/public/favicon/lens-512.png +0 -0
- data/public/favicon/lens-96.png +0 -0
- data/public/favicon/lens-dev.svg +9 -0
- data/public/favicon/lens.ico +0 -0
- data/public/favicon/lens.svg +9 -0
- data/public/favicon/lens.webmanifest +12 -0
- data/public/favicon/mirroring-180.png +0 -0
- data/public/favicon/mirroring-192.png +0 -0
- data/public/favicon/mirroring-512.png +0 -0
- data/public/favicon/mirroring-96.png +0 -0
- data/public/favicon/mirroring-dev.svg +8 -0
- data/public/favicon/mirroring.ico +0 -0
- data/public/favicon/mirroring.svg +8 -0
- data/public/favicon/mirroring.webmanifest +12 -0
- data/public/favicon/refinery-180.png +0 -0
- data/public/favicon/refinery-192.png +0 -0
- data/public/favicon/refinery-512.png +0 -0
- data/public/favicon/refinery-96.png +0 -0
- data/public/favicon/refinery-dev.svg +9 -0
- data/public/favicon/refinery.ico +0 -0
- data/public/favicon/refinery.svg +9 -0
- data/public/favicon/refinery.webmanifest +12 -0
- data/public/favicon/rollaway-180.png +0 -0
- data/public/favicon/rollaway-192.png +0 -0
- data/public/favicon/rollaway-512.png +0 -0
- data/public/favicon/rollaway-96.png +0 -0
- data/public/favicon/rollaway-dev.svg +12 -0
- data/public/favicon/rollaway.ico +0 -0
- data/public/favicon/rollaway.svg +12 -0
- data/public/favicon/rollaway.webmanifest +12 -0
- data/public/favicon/stockroom-180.png +0 -0
- data/public/favicon/stockroom-192.png +0 -0
- data/public/favicon/stockroom-512.png +0 -0
- data/public/favicon/stockroom-96.png +0 -0
- data/public/favicon/stockroom-dev.svg +12 -0
- data/public/favicon/stockroom.ico +0 -0
- data/public/favicon/stockroom.svg +12 -0
- data/public/favicon/stockroom.webmanifest +12 -0
- data/public/favicon/tower-180.png +0 -0
- data/public/favicon/tower-192.png +0 -0
- data/public/favicon/tower-512.png +0 -0
- data/public/favicon/tower-96.png +0 -0
- data/public/favicon/tower-dev.svg +12 -0
- data/public/favicon/tower.ico +0 -0
- data/public/favicon/tower.svg +12 -0
- data/public/favicon/tower.webmanifest +12 -0
- data/public/favicon/wordmark-180.png +0 -0
- data/public/favicon/wordmark-192.png +0 -0
- data/public/favicon/wordmark-512.png +0 -0
- data/public/favicon/wordmark-96.png +0 -0
- data/public/favicon/wordmark-dev.svg +3 -0
- data/public/favicon/wordmark.ico +0 -0
- data/public/favicon/wordmark.svg +3 -0
- data/public/favicon/wordmark.webmanifest +12 -0
- data/public/index.html +49 -33
- data/public/logo/blackbox.png +0 -0
- data/public/logo/blackbox.svg +6 -0
- data/public/logo/data.png +0 -0
- data/public/logo/data.svg +8 -0
- data/public/logo/dataplate.png +0 -0
- data/public/logo/dataplate.svg +12 -0
- data/public/logo/drive.png +0 -0
- data/public/logo/drive.svg +6 -0
- data/public/logo/hangar.png +0 -0
- data/public/logo/hangar.svg +6 -0
- data/public/logo/lens.png +0 -0
- data/public/logo/lens.svg +9 -0
- data/public/logo/mirroring.png +0 -0
- data/public/logo/mirroring.svg +8 -0
- data/public/logo/refinery.png +0 -0
- data/public/logo/refinery.svg +9 -0
- data/public/logo/rollaway.png +0 -0
- data/public/logo/rollaway.svg +12 -0
- data/public/logo/stockroom.png +0 -0
- data/public/logo/stockroom.svg +12 -0
- data/public/logo/tower.png +0 -0
- data/public/logo/tower.svg +12 -0
- data/public/logo/wordmark.png +0 -0
- data/public/logo/wordmark.svg +3 -0
- metadata +146 -70
- data/art/autopilot.svg +0 -9
- data/art/fountain.svg +0 -9
- data/art/goldrush.svg +0 -7
- data/art/houston.svg +0 -8
- data/public/favicon/autopilot-180.png +0 -0
- data/public/favicon/autopilot-192.png +0 -0
- data/public/favicon/autopilot-512.png +0 -0
- data/public/favicon/autopilot-96.png +0 -0
- data/public/favicon/autopilot-dev.svg +0 -9
- data/public/favicon/autopilot.ico +0 -0
- data/public/favicon/autopilot.svg +0 -9
- data/public/favicon/autopilot.webmanifest +0 -12
- data/public/favicon/fountain-180.png +0 -0
- data/public/favicon/fountain-192.png +0 -0
- data/public/favicon/fountain-512.png +0 -0
- data/public/favicon/fountain-96.png +0 -0
- data/public/favicon/fountain-dev.svg +0 -9
- data/public/favicon/fountain.ico +0 -0
- data/public/favicon/fountain.svg +0 -9
- data/public/favicon/fountain.webmanifest +0 -12
- data/public/favicon/goldrush-180.png +0 -0
- data/public/favicon/goldrush-192.png +0 -0
- data/public/favicon/goldrush-512.png +0 -0
- data/public/favicon/goldrush-96.png +0 -0
- data/public/favicon/goldrush-dev.svg +0 -7
- data/public/favicon/goldrush.ico +0 -0
- data/public/favicon/goldrush.svg +0 -7
- data/public/favicon/goldrush.webmanifest +0 -12
- data/public/favicon/houston-180.png +0 -0
- data/public/favicon/houston-192.png +0 -0
- data/public/favicon/houston-512.png +0 -0
- data/public/favicon/houston-96.png +0 -0
- data/public/favicon/houston-dev.svg +0 -8
- data/public/favicon/houston.ico +0 -0
- data/public/favicon/houston.svg +0 -8
- data/public/favicon/houston.webmanifest +0 -12
- data/public/logo/autopilot.png +0 -0
- data/public/logo/autopilot.svg +0 -9
- data/public/logo/fountain.png +0 -0
- data/public/logo/fountain.svg +0 -9
- data/public/logo/goldrush.png +0 -0
- data/public/logo/goldrush.svg +0 -7
- data/public/logo/houston.png +0 -0
- data/public/logo/houston.svg +0 -8
- data/public/v0.21.0/bh/css/bh.css +0 -1
- data/public/v0.21.0/bh/js/bh.js +0 -152
- data/public/v0.21.0/bh/theme/bootstrap.css +0 -10
- data/public/v0.21.0/bh/theme/dawn.css +0 -189
- data/public/v0.21.0/bh/theme/dracula.css +0 -189
- data/public/v0.21.0/bh/theme/gruvbox.css +0 -189
- data/public/v0.21.0/bh/theme/monokai.css +0 -190
- data/public/v0.21.0/bh/theme/nord.css +0 -189
- data/public/v0.21.0/bh/theme/one_dark.css +0 -189
- data/public/v0.21.0/bh/theme/solarized.css +0 -188
- data/public/v0.21.0/bh/theme/tokyo_night.css +0 -189
- data/public/v0.21.0/css/easyfaa.css +0 -1
- data/public/v0.21.0/font/bootstrap-icons-FRBPO3H7.woff2 +0 -0
- data/public/v0.21.0/font/ibm-plex-sans-500-latin-LA7QXWWL.woff2 +0 -0
- data/public/v0.21.0/font/ibm-plex-sans-500-latin-ext-X4QHZICY.woff2 +0 -0
- data/public/v0.21.0/font/ibm-plex-sans-500-latin-ext.woff2 +0 -0
- data/public/v0.21.0/font/ibm-plex-sans-500-latin.woff2 +0 -0
- data/public/v0.21.0/font/ibm-plex-sans-500-vietnamese-24B6BSND.woff2 +0 -0
- data/public/v0.21.0/font/ibm-plex-sans-500-vietnamese.woff2 +0 -0
- data/public/v0.21.0/js/easyfaa.js +0 -1
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset='utf-8'>
|
|
5
5
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
-
<title>
|
|
6
|
+
<title>blackbox</title>
|
|
7
7
|
<meta name='color-scheme' content='light dark'>
|
|
8
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
9
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
10
|
-
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/blackbox.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/blackbox-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/blackbox-180.png'>
|
|
11
11
|
<style>
|
|
12
12
|
@font-face {
|
|
13
13
|
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
</head>
|
|
79
79
|
<body>
|
|
80
80
|
<main>
|
|
81
|
-
<p class='lockup'><svg aria-hidden='true' style='width: 1.
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 1.0417em; height: 1.0417em; top: 0.175em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#7e6317" style="stroke: light-dark(#7e6317, #ffd352)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><rect x="56" y="104" width="400" height="304" rx="28"/><path d="M112 264H184L216 184L264 344L304 224L328 264H400"/></g></svg>blackbox</p>
|
|
82
82
|
</main>
|
|
83
83
|
<footer>
|
|
84
84
|
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset='utf-8'>
|
|
5
5
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
-
<title>
|
|
6
|
+
<title>data</title>
|
|
7
7
|
<meta name='color-scheme' content='light dark'>
|
|
8
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
9
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
10
|
-
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/data.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/data-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/data-180.png'>
|
|
11
11
|
<style>
|
|
12
12
|
@font-face {
|
|
13
13
|
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
</head>
|
|
79
79
|
<body>
|
|
80
80
|
<main>
|
|
81
|
-
<p class='lockup'><svg aria-hidden='true' style='width: 0.
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.869em; height: 0.869em; top: 0.0646em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="256" cy="112" rx="176" ry="56"/><path d="M80 112V400A176 56 0 0 0 432 400V112"/><path d="M80 208A176 56 0 0 0 432 208"/><path d="M80 304A176 56 0 0 0 432 304"/></g></svg>data</p>
|
|
82
82
|
</main>
|
|
83
83
|
<footer>
|
|
84
84
|
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang='en'>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
+
<title>dataplate</title>
|
|
7
|
+
<meta name='color-scheme' content='light dark'>
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/dataplate.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/dataplate-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/dataplate-180.png'>
|
|
11
|
+
<style>
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
14
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-vietnamese.woff2') format('woff2');
|
|
15
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
19
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin-ext.woff2') format('woff2');
|
|
20
|
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
21
|
+
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
24
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin.woff2') format('woff2');
|
|
25
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
26
|
+
}
|
|
27
|
+
:root {
|
|
28
|
+
--bg: #fbfcfe;
|
|
29
|
+
--ink: #0b1e3a;
|
|
30
|
+
--mark: #5aa9e6;
|
|
31
|
+
}
|
|
32
|
+
@media (prefers-color-scheme: dark) {
|
|
33
|
+
:root {
|
|
34
|
+
--bg: #0f1622;
|
|
35
|
+
--ink: #cfe3f6;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
* { box-sizing: border-box; }
|
|
39
|
+
body {
|
|
40
|
+
margin: 0;
|
|
41
|
+
min-height: 100svh;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
background: var(--bg);
|
|
45
|
+
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
letter-spacing: 0.01em;
|
|
48
|
+
}
|
|
49
|
+
main {
|
|
50
|
+
flex: 1;
|
|
51
|
+
display: grid;
|
|
52
|
+
place-items: center;
|
|
53
|
+
}
|
|
54
|
+
.lockup {
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
color: var(--ink);
|
|
57
|
+
line-height: 1;
|
|
58
|
+
}
|
|
59
|
+
/* The mark on the text baseline, sized and nudged by its own numbers, in ems so the
|
|
60
|
+
same pair reads right at both sizes on this page. */
|
|
61
|
+
.lockup svg {
|
|
62
|
+
position: relative;
|
|
63
|
+
vertical-align: baseline;
|
|
64
|
+
margin-right: 0.29em;
|
|
65
|
+
}
|
|
66
|
+
main .lockup { font-size: 48px; }
|
|
67
|
+
footer {
|
|
68
|
+
position: sticky;
|
|
69
|
+
bottom: 0;
|
|
70
|
+
background: var(--bg);
|
|
71
|
+
display: flex;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
padding: 20px 0 26px;
|
|
74
|
+
}
|
|
75
|
+
footer .lockup { font-size: 20px; }
|
|
76
|
+
footer .easy { color: var(--mark); }
|
|
77
|
+
</style>
|
|
78
|
+
</head>
|
|
79
|
+
<body>
|
|
80
|
+
<main>
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 1.0417em; height: 1.0417em; top: 0.175em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#0b1e3a" style="stroke: light-dark(#0b1e3a, #cfe3f6)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><rect x="48" y="104" width="416" height="304" rx="28"/><circle cx="104" cy="160" r="6"/><circle cx="408" cy="160" r="6"/><circle cx="104" cy="352" r="6"/><circle cx="408" cy="352" r="6"/><path d="M168 200H344"/><path d="M168 256H344"/><path d="M168 312H280"/></g></svg>dataplate</p>
|
|
82
|
+
</main>
|
|
83
|
+
<footer>
|
|
84
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
85
|
+
</footer>
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang='en'>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
+
<title>drive</title>
|
|
7
|
+
<meta name='color-scheme' content='light dark'>
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/drive.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/drive-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/drive-180.png'>
|
|
11
|
+
<style>
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
14
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-vietnamese.woff2') format('woff2');
|
|
15
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
19
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin-ext.woff2') format('woff2');
|
|
20
|
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
21
|
+
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
24
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin.woff2') format('woff2');
|
|
25
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
26
|
+
}
|
|
27
|
+
:root {
|
|
28
|
+
--bg: #fbfcfe;
|
|
29
|
+
--ink: #0b1e3a;
|
|
30
|
+
--mark: #5aa9e6;
|
|
31
|
+
}
|
|
32
|
+
@media (prefers-color-scheme: dark) {
|
|
33
|
+
:root {
|
|
34
|
+
--bg: #0f1622;
|
|
35
|
+
--ink: #cfe3f6;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
* { box-sizing: border-box; }
|
|
39
|
+
body {
|
|
40
|
+
margin: 0;
|
|
41
|
+
min-height: 100svh;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
background: var(--bg);
|
|
45
|
+
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
letter-spacing: 0.01em;
|
|
48
|
+
}
|
|
49
|
+
main {
|
|
50
|
+
flex: 1;
|
|
51
|
+
display: grid;
|
|
52
|
+
place-items: center;
|
|
53
|
+
}
|
|
54
|
+
.lockup {
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
color: var(--ink);
|
|
57
|
+
line-height: 1;
|
|
58
|
+
}
|
|
59
|
+
/* The mark on the text baseline, sized and nudged by its own numbers, in ems so the
|
|
60
|
+
same pair reads right at both sizes on this page. */
|
|
61
|
+
.lockup svg {
|
|
62
|
+
position: relative;
|
|
63
|
+
vertical-align: baseline;
|
|
64
|
+
margin-right: 0.29em;
|
|
65
|
+
}
|
|
66
|
+
main .lockup { font-size: 48px; }
|
|
67
|
+
footer {
|
|
68
|
+
position: sticky;
|
|
69
|
+
bottom: 0;
|
|
70
|
+
background: var(--bg);
|
|
71
|
+
display: flex;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
padding: 20px 0 26px;
|
|
74
|
+
}
|
|
75
|
+
footer .lockup { font-size: 20px; }
|
|
76
|
+
footer .easy { color: var(--mark); }
|
|
77
|
+
</style>
|
|
78
|
+
</head>
|
|
79
|
+
<body>
|
|
80
|
+
<main>
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8717em; height: 0.8717em; top: 0.051em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#0b1e3a" style="stroke: light-dark(#0b1e3a, #cfe3f6)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><circle cx="256" cy="256" r="208"/><path d="M256 152 346 204V308L256 360 166 308V204Z"/></g></svg>drive</p>
|
|
82
|
+
</main>
|
|
83
|
+
<footer>
|
|
84
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
85
|
+
</footer>
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset='utf-8'>
|
|
5
5
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
-
<title>
|
|
6
|
+
<title>hangar</title>
|
|
7
7
|
<meta name='color-scheme' content='light dark'>
|
|
8
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
9
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
10
|
-
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/hangar.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/hangar-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/hangar-180.png'>
|
|
11
11
|
<style>
|
|
12
12
|
@font-face {
|
|
13
13
|
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
</head>
|
|
79
79
|
<body>
|
|
80
80
|
<main>
|
|
81
|
-
<p class='lockup'><svg aria-hidden='true' style='width: 0.
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.869em; height: 0.869em; top: 0.0646em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#1b5e55" style="stroke: light-dark(#1b5e55, #9fd9cf)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M48 456V264A208 208 0 0 1 464 264V456Z"/><path d="M160 456V304H352V456"/></g></svg>hangar</p>
|
|
82
82
|
</main>
|
|
83
83
|
<footer>
|
|
84
84
|
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang='en'>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
+
<title>lens</title>
|
|
7
|
+
<meta name='color-scheme' content='light dark'>
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/lens.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/lens-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/lens-180.png'>
|
|
11
|
+
<style>
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
14
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-vietnamese.woff2') format('woff2');
|
|
15
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
19
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin-ext.woff2') format('woff2');
|
|
20
|
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
21
|
+
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
24
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin.woff2') format('woff2');
|
|
25
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
26
|
+
}
|
|
27
|
+
:root {
|
|
28
|
+
--bg: #fbfcfe;
|
|
29
|
+
--ink: #0b1e3a;
|
|
30
|
+
--mark: #5aa9e6;
|
|
31
|
+
}
|
|
32
|
+
@media (prefers-color-scheme: dark) {
|
|
33
|
+
:root {
|
|
34
|
+
--bg: #0f1622;
|
|
35
|
+
--ink: #cfe3f6;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
* { box-sizing: border-box; }
|
|
39
|
+
body {
|
|
40
|
+
margin: 0;
|
|
41
|
+
min-height: 100svh;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
background: var(--bg);
|
|
45
|
+
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
letter-spacing: 0.01em;
|
|
48
|
+
}
|
|
49
|
+
main {
|
|
50
|
+
flex: 1;
|
|
51
|
+
display: grid;
|
|
52
|
+
place-items: center;
|
|
53
|
+
}
|
|
54
|
+
.lockup {
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
color: var(--ink);
|
|
57
|
+
line-height: 1;
|
|
58
|
+
}
|
|
59
|
+
/* The mark on the text baseline, sized and nudged by its own numbers, in ems so the
|
|
60
|
+
same pair reads right at both sizes on this page. */
|
|
61
|
+
.lockup svg {
|
|
62
|
+
position: relative;
|
|
63
|
+
vertical-align: baseline;
|
|
64
|
+
margin-right: 0.29em;
|
|
65
|
+
}
|
|
66
|
+
main .lockup { font-size: 48px; }
|
|
67
|
+
footer {
|
|
68
|
+
position: sticky;
|
|
69
|
+
bottom: 0;
|
|
70
|
+
background: var(--bg);
|
|
71
|
+
display: flex;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
padding: 20px 0 26px;
|
|
74
|
+
}
|
|
75
|
+
footer .lockup { font-size: 20px; }
|
|
76
|
+
footer .easy { color: var(--mark); }
|
|
77
|
+
</style>
|
|
78
|
+
</head>
|
|
79
|
+
<body>
|
|
80
|
+
<main>
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.9379em; height: 0.9379em; top: 0.099em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5b2a86" style="stroke: light-dark(#5b2a86, #d6bdf2)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M72 168V72H168"/><path d="M344 72H440V168"/><path d="M440 344V440H344"/><path d="M168 440H72V344"/><circle cx="256" cy="256" r="104"/></g></svg>lens</p>
|
|
82
|
+
</main>
|
|
83
|
+
<footer>
|
|
84
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
85
|
+
</footer>
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset='utf-8'>
|
|
5
5
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
-
<title>
|
|
6
|
+
<title>mirroring</title>
|
|
7
7
|
<meta name='color-scheme' content='light dark'>
|
|
8
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
9
|
-
<link rel='icon' href='https://design.easyfaa.com/favicon/
|
|
10
|
-
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/mirroring.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/mirroring-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/mirroring-180.png'>
|
|
11
11
|
<style>
|
|
12
12
|
@font-face {
|
|
13
13
|
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
</head>
|
|
79
79
|
<body>
|
|
80
80
|
<main>
|
|
81
|
-
<p class='lockup'><svg aria-hidden='true' style='width: 0.
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="256" cy="192" rx="136" ry="152"/><path d="M200 120Q216 96 248 88"/><path d="M256 344V472"/><path d="M216 472H296"/></g></svg>mirroring</p>
|
|
82
82
|
</main>
|
|
83
83
|
<footer>
|
|
84
84
|
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang='en'>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
+
<title>refinery</title>
|
|
7
|
+
<meta name='color-scheme' content='light dark'>
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/refinery.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/refinery-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/refinery-180.png'>
|
|
11
|
+
<style>
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
14
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-vietnamese.woff2') format('woff2');
|
|
15
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
19
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin-ext.woff2') format('woff2');
|
|
20
|
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
21
|
+
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
24
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin.woff2') format('woff2');
|
|
25
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
26
|
+
}
|
|
27
|
+
:root {
|
|
28
|
+
--bg: #fbfcfe;
|
|
29
|
+
--ink: #0b1e3a;
|
|
30
|
+
--mark: #5aa9e6;
|
|
31
|
+
}
|
|
32
|
+
@media (prefers-color-scheme: dark) {
|
|
33
|
+
:root {
|
|
34
|
+
--bg: #0f1622;
|
|
35
|
+
--ink: #cfe3f6;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
* { box-sizing: border-box; }
|
|
39
|
+
body {
|
|
40
|
+
margin: 0;
|
|
41
|
+
min-height: 100svh;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
background: var(--bg);
|
|
45
|
+
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
letter-spacing: 0.01em;
|
|
48
|
+
}
|
|
49
|
+
main {
|
|
50
|
+
flex: 1;
|
|
51
|
+
display: grid;
|
|
52
|
+
place-items: center;
|
|
53
|
+
}
|
|
54
|
+
.lockup {
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
color: var(--ink);
|
|
57
|
+
line-height: 1;
|
|
58
|
+
}
|
|
59
|
+
/* The mark on the text baseline, sized and nudged by its own numbers, in ems so the
|
|
60
|
+
same pair reads right at both sizes on this page. */
|
|
61
|
+
.lockup svg {
|
|
62
|
+
position: relative;
|
|
63
|
+
vertical-align: baseline;
|
|
64
|
+
margin-right: 0.29em;
|
|
65
|
+
}
|
|
66
|
+
main .lockup { font-size: 48px; }
|
|
67
|
+
footer {
|
|
68
|
+
position: sticky;
|
|
69
|
+
bottom: 0;
|
|
70
|
+
background: var(--bg);
|
|
71
|
+
display: flex;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
padding: 20px 0 26px;
|
|
74
|
+
}
|
|
75
|
+
footer .lockup { font-size: 20px; }
|
|
76
|
+
footer .easy { color: var(--mark); }
|
|
77
|
+
</style>
|
|
78
|
+
</head>
|
|
79
|
+
<body>
|
|
80
|
+
<main>
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.9021em; height: 0.9021em; top: 0.0669em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#6f4219" style="stroke: light-dark(#6f4219, #e8c29c)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M96 456V128A56 56 0 0 1 208 128V456"/><path d="M96 312H208"/><path d="M208 224H360V296"/><path d="M272 456V328Q360 280 448 328V456"/><path d="M48 456H464"/></g></svg>refinery</p>
|
|
82
|
+
</main>
|
|
83
|
+
<footer>
|
|
84
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
85
|
+
</footer>
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang='en'>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
6
|
+
<title>rollaway</title>
|
|
7
|
+
<meta name='color-scheme' content='light dark'>
|
|
8
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/rollaway.svg' type='image/svg+xml'>
|
|
9
|
+
<link rel='icon' href='https://design.easyfaa.com/favicon/rollaway-96.png' type='image/png' sizes='96x96'>
|
|
10
|
+
<link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/rollaway-180.png'>
|
|
11
|
+
<style>
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
14
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-vietnamese.woff2') format('woff2');
|
|
15
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
19
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin-ext.woff2') format('woff2');
|
|
20
|
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
21
|
+
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
|
|
24
|
+
src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin.woff2') format('woff2');
|
|
25
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
26
|
+
}
|
|
27
|
+
:root {
|
|
28
|
+
--bg: #fbfcfe;
|
|
29
|
+
--ink: #0b1e3a;
|
|
30
|
+
--mark: #5aa9e6;
|
|
31
|
+
}
|
|
32
|
+
@media (prefers-color-scheme: dark) {
|
|
33
|
+
:root {
|
|
34
|
+
--bg: #0f1622;
|
|
35
|
+
--ink: #cfe3f6;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
* { box-sizing: border-box; }
|
|
39
|
+
body {
|
|
40
|
+
margin: 0;
|
|
41
|
+
min-height: 100svh;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
background: var(--bg);
|
|
45
|
+
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
letter-spacing: 0.01em;
|
|
48
|
+
}
|
|
49
|
+
main {
|
|
50
|
+
flex: 1;
|
|
51
|
+
display: grid;
|
|
52
|
+
place-items: center;
|
|
53
|
+
}
|
|
54
|
+
.lockup {
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
color: var(--ink);
|
|
57
|
+
line-height: 1;
|
|
58
|
+
}
|
|
59
|
+
/* The mark on the text baseline, sized and nudged by its own numbers, in ems so the
|
|
60
|
+
same pair reads right at both sizes on this page. */
|
|
61
|
+
.lockup svg {
|
|
62
|
+
position: relative;
|
|
63
|
+
vertical-align: baseline;
|
|
64
|
+
margin-right: 0.29em;
|
|
65
|
+
}
|
|
66
|
+
main .lockup { font-size: 48px; }
|
|
67
|
+
footer {
|
|
68
|
+
position: sticky;
|
|
69
|
+
bottom: 0;
|
|
70
|
+
background: var(--bg);
|
|
71
|
+
display: flex;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
padding: 20px 0 26px;
|
|
74
|
+
}
|
|
75
|
+
footer .lockup { font-size: 20px; }
|
|
76
|
+
footer .easy { color: var(--mark); }
|
|
77
|
+
</style>
|
|
78
|
+
</head>
|
|
79
|
+
<body>
|
|
80
|
+
<main>
|
|
81
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8383em; height: 0.8383em; top: 0.036em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#b3261e" style="stroke: light-dark(#b3261e, #ff8a80)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><rect x="96" y="56" width="320" height="352" rx="20"/><path d="M96 176H416"/><path d="M96 292H416"/><path d="M216 116H296"/><path d="M216 234H296"/><path d="M216 350H296"/><circle cx="160" cy="448" r="24"/><circle cx="352" cy="448" r="24"/></g></svg>rollaway</p>
|
|
82
|
+
</main>
|
|
83
|
+
<footer>
|
|
84
|
+
<p class='lockup'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</p>
|
|
85
|
+
</footer>
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|