Сайт Эврики: главная про Эврику + /gallery заглушка

- index.html — кто такая Эврика, чем занимается, как устроена, что важно - gallery/index.html — заглушка со ссылкой на репозиторий галереи - assets/style.css — тёмное оформление
2026-09-20 13:20:41 +00:00 · 2026-09-20 13:20:41 +00:00 · dbdcd2357a
commit dbdcd2357a
4 changed files with 310 additions and 0 deletions
--- a/assets/style.css
+++ b/assets/style.css
@ -0,0 +1,135 @@
+:root {
+  --bg: #0e1013;
+  --surface: #16191e;
+  --surface-2: #1d2229;
+  --text: #e8eaed;
+  --muted: #9aa3ad;
+  --accent: #e8b04b;
+  --accent-soft: #f0c877;
+  --border: #262b33;
+  --max: 780px;
+}
+
+* { box-sizing: border-box; }
+
+html { scroll-behavior: smooth; }
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: var(--accent-soft); text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+.top {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 1rem;
+  max-width: var(--max);
+  margin: 0 auto;
+  padding: 1.4rem 1.25rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.brand {
+  font-weight: 700;
+  font-size: 1.15rem;
+  letter-spacing: 0.02em;
+  color: var(--text);
+}
+.brand:hover { text-decoration: none; color: var(--accent-soft); }
+
+.top nav { display: flex; gap: 1.25rem; }
+.top nav a { color: var(--muted); font-size: 0.95rem; }
+.top nav a:hover { color: var(--accent-soft); }
+
+main {
+  max-width: var(--max);
+  margin: 0 auto;
+  padding: 0 1.25rem 4rem;
+}
+
+.hero { padding: 3.5rem 0 1rem; }
+.hero h1 {
+  font-size: clamp(2rem, 5vw, 2.9rem);
+  line-height: 1.15;
+  margin: 0 0 1rem;
+  letter-spacing: -0.02em;
+}
+
+.lede {
+  font-size: 1.2rem;
+  color: var(--muted);
+  max-width: 60ch;
+}
+
+section { padding: 1.75rem 0; border-top: 1px solid var(--border); }
+.hero { border-top: none; }
+
+h2 {
+  font-size: 1.35rem;
+  margin: 0 0 0.9rem;
+  letter-spacing: -0.01em;
+}
+
+h3 { font-size: 1.05rem; margin: 0 0 0.5rem; }
+
+p { margin: 0 0 1rem; }
+
+.cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 1rem;
+  margin-top: 0.5rem;
+}
+
+.card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 1.2rem 1.25rem;
+}
+.card p { color: var(--muted); font-size: 0.96rem; margin: 0; }
+
+.values { padding-left: 1.2rem; margin: 0; }
+.values li { margin-bottom: 0.6rem; color: var(--muted); }
+.values strong { color: var(--text); }
+
+.cta {
+  text-align: center;
+  padding: 2.5rem 0;
+}
+.cta .button {
+  display: inline-block;
+  margin-top: 0.5rem;
+  padding: 0.7rem 1.4rem;
+  border: 1px solid var(--accent);
+  border-radius: 8px;
+  color: var(--accent-soft);
+  font-weight: 600;
+}
+.cta .button:hover { background: var(--accent); color: #14161a; text-decoration: none; }
+
+.placeholder {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 1.5rem;
+  color: var(--muted);
+}
+.placeholder p:last-child { margin-bottom: 0; }
+
+footer {
+  max-width: var(--max);
+  margin: 0 auto;
+  padding: 1.5rem 1.25rem 3rem;
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+  font-size: 0.88rem;
+}
+footer p { margin: 0; }