Initial commit
This commit is contained in:
Executable
+24
@@ -0,0 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="96" viewBox="0 0 320 96" role="img" aria-labelledby="title">
|
||||
<title id="title">eom.dev — One account. Your community.</title>
|
||||
<style>
|
||||
.word { fill: #cdd6f4; }
|
||||
.tagline { fill: #a6adc8; }
|
||||
.dot { fill: #cba6f7; }
|
||||
@media (prefers-color-scheme: light) {
|
||||
.word { fill: #4c4f69; }
|
||||
.tagline { fill: #5c5f77; }
|
||||
.dot { fill: #8839ef; }
|
||||
}
|
||||
</style>
|
||||
<g transform="translate(6 16)">
|
||||
<circle cx="32" cy="32" r="30" fill="#181825" stroke="#585b70" stroke-width="1.5"/>
|
||||
<g fill="none" stroke-width="2.5">
|
||||
<ellipse cx="32" cy="32" rx="27" ry="13" stroke="#cba6f7" transform="rotate(-28 32 32)"/>
|
||||
<ellipse cx="32" cy="32" rx="27" ry="13" stroke="#89b4fa" transform="rotate(32 32 32)"/>
|
||||
<ellipse cx="32" cy="32" rx="20" ry="10" stroke="#a6e3a1" transform="rotate(72 32 32)"/>
|
||||
</g>
|
||||
<circle cx="32" cy="32" r="11" fill="#1e1e2e" stroke="#585b70"/>
|
||||
</g>
|
||||
<text x="88" y="51" font-family="system-ui, sans-serif" font-size="39" font-weight="800" letter-spacing="-1.5"><tspan class="word">eom</tspan><tspan class="dot">.</tspan><tspan class="word">dev</tspan></text>
|
||||
<text class="tagline" x="90" y="75" font-family="system-ui, sans-serif" font-size="12">One account. Your community.</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
Executable
+105
@@ -0,0 +1,105 @@
|
||||
/* Catppuccin Mocha / Latte. Local assets only; Dex forms/templates unchanged. */
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--base: #1e1e2e;
|
||||
--mantle: #181825;
|
||||
--surface: #313244;
|
||||
--border: #585b70;
|
||||
--text: #cdd6f4;
|
||||
--muted: #a6adc8;
|
||||
--accent: #cba6f7;
|
||||
--accent-hover: #b4befe;
|
||||
--error: #f38ba8;
|
||||
--focus: #fab387;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
color-scheme: light;
|
||||
--base: #eff1f5;
|
||||
--mantle: #e6e9ef;
|
||||
--surface: #fff;
|
||||
--border: #9ca0b0;
|
||||
--text: #4c4f69;
|
||||
--muted: #5c5f77;
|
||||
--accent: #8839ef;
|
||||
--accent-hover: #7287fd;
|
||||
--error: #d20f39;
|
||||
--focus: #fe640b;
|
||||
}
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
.theme-body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
background: var(--base);
|
||||
color: var(--text);
|
||||
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.theme-navbar {
|
||||
background: var(--mantle);
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 1.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
.theme-navbar__logo-wrap { display: inline-block; max-width: 100%; }
|
||||
.theme-navbar__logo { display: block; width: 240px; height: 72px; max-width: 100%; }
|
||||
.dex-container {
|
||||
color: var(--text);
|
||||
width: min(500px, calc(100% - 2rem));
|
||||
min-width: 0;
|
||||
margin: clamp(2rem, 8vh, 5rem) auto;
|
||||
}
|
||||
.theme-panel {
|
||||
padding: clamp(1.4rem, 5vw, 2.6rem);
|
||||
background: var(--mantle);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 1.25rem;
|
||||
box-shadow: 0 12px 40px rgb(0 0 0 / 10%);
|
||||
}
|
||||
.theme-heading { font-size: 1.6rem; font-weight: 750; line-height: 1.25; margin: 0 0 1.2rem; }
|
||||
.theme-form-row { display: block; margin: 1.1rem auto; }
|
||||
.theme-form-label { display: block; text-align: left; width: 100%; max-width: 320px; margin: 0 auto .4rem; font-size: .95rem; font-weight: 600; }
|
||||
.theme-form-input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 320px;
|
||||
min-height: 48px;
|
||||
margin: auto;
|
||||
padding: .75rem 1rem;
|
||||
background: var(--base);
|
||||
color: var(--text);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: .65rem;
|
||||
font: inherit;
|
||||
}
|
||||
.theme-form-input::placeholder { color: var(--muted); }
|
||||
.dex-btn { border-radius: .65rem; box-shadow: none; font: inherit; max-width: 100%; }
|
||||
.theme-btn--primary, .theme-btn--success, .theme-btn-provider {
|
||||
background: var(--accent);
|
||||
color: var(--mantle);
|
||||
border: 1px solid transparent;
|
||||
min-height: 48px;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
max-width: 320px;
|
||||
padding: .5rem 1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-btn-provider { background: var(--surface); color: var(--text); border-color: var(--border); }
|
||||
.theme-btn--primary:hover, .theme-btn--success:hover { background: var(--accent-hover); }
|
||||
.theme-btn-provider:hover { border-color: var(--accent); }
|
||||
.dex-btn-icon { border-radius: .3rem; margin: 0 .5rem 0 0; }
|
||||
.dex-btn-text { line-height: 2rem; padding: .2rem; }
|
||||
a { color: var(--accent); text-underline-offset: .2em; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.theme-link-back { margin-top: 1rem; }
|
||||
.dex-subtle-text, .dex-separator, .dex-list { color: var(--muted); }
|
||||
.dex-error-box { background: var(--surface); color: var(--error); border: 1px solid var(--error); border-radius: .6rem; padding: .7rem; max-width: 100%; }
|
||||
.theme-form-input:focus-visible, .dex-btn:focus-visible, a:focus-visible {
|
||||
outline: 3px solid var(--focus);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
.theme-btn--primary, .theme-btn--success { color: #fff; }
|
||||
}
|
||||
Reference in New Issue
Block a user