Add Nebula Browser app, UI and assets

Add initial Nebula Browser project skeleton: CMakeLists to configure and link CEF (including post-build steps to copy runtime and UI files), a Windows CEF-based entry (app/main.cpp) that initializes CEF and loads the bundled UI, and a full ui/ and assets/ tree (HTML, CSS, JS, fonts, icons, and branding images). Update .gitignore to ignore build/out, thirdparty/cef, IDE and common OS artifacts.
2026-05-13 22:17:58 +12:00
parent 79565f2ef3
commit 207a849f06
52 changed files with 13906 additions and 109 deletions
@@ -0,0 +1,166 @@
+:root {
+  --bg: #0b0d10;
+  --surface: #151923;
+  --surface-strong: #1d2433;
+  --text: #e8e8f0;
+  --muted: #a4a7b3;
+  --accent: #7b2eff;
+  --accent-2: #00c6ff;
+  --outline: #2b3040;
+  color-scheme: dark;
+}
+
+@font-face {
+  font-family: "InterVariable";
+  src: url("../assets/fonts/InterVariable.ttf") format("truetype");
+  font-weight: 100 900;
+  font-display: swap;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  min-height: 100%;
+  margin: 0;
+}
+
+body {
+  background:
+    radial-gradient(circle at 20% 20%, rgba(123, 46, 255, 0.25), transparent 35%),
+    radial-gradient(circle at 80% 80%, rgba(0, 198, 255, 0.14), transparent 35%),
+    var(--bg);
+  color: var(--text);
+  font-family: "InterVariable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+.cef-shell {
+  display: grid;
+  place-items: center;
+  padding: 32px;
+}
+
+.cef-start {
+  width: min(760px, 100%);
+}
+
+.cef-card {
+  border: 1px solid color-mix(in srgb, var(--outline) 85%, white 15%);
+  border-radius: 28px;
+  padding: clamp(28px, 6vw, 56px);
+  background: color-mix(in srgb, var(--surface) 90%, transparent);
+  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
+  backdrop-filter: blur(16px);
+}
+
+.eyebrow {
+  margin: 0 0 12px;
+  color: var(--accent-2);
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+h1 {
+  margin: 0;
+  font-size: clamp(2.4rem, 8vw, 5rem);
+  line-height: 0.95;
+  letter-spacing: -0.06em;
+}
+
+.lede {
+  max-width: 58ch;
+  margin: 20px 0 30px;
+  color: var(--muted);
+  font-size: 1.05rem;
+  line-height: 1.6;
+}
+
+.start-search {
+  display: flex;
+  gap: 10px;
+  padding: 8px;
+  border: 1px solid var(--outline);
+  border-radius: 999px;
+  background: var(--surface-strong);
+}
+
+.start-search input {
+  min-width: 0;
+  flex: 1;
+  border: 0;
+  outline: 0;
+  padding: 0 16px;
+  background: transparent;
+  color: var(--text);
+  font: inherit;
+}
+
+.start-search input::placeholder {
+  color: color-mix(in srgb, var(--muted) 75%, transparent);
+}
+
+.start-search button,
+.quick-links a {
+  border: 0;
+  border-radius: 999px;
+  background: linear-gradient(135deg, var(--accent), var(--accent-2));
+  color: white;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 700;
+  text-decoration: none;
+}
+
+.start-search button {
+  padding: 12px 22px;
+}
+
+.quick-links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 22px;
+}
+
+.quick-links a {
+  padding: 10px 16px;
+  background: color-mix(in srgb, var(--surface-strong) 80%, white 8%);
+  border: 1px solid var(--outline);
+}
+
+.quick-links a:hover,
+.start-search button:hover {
+  filter: brightness(1.08);
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+@media (max-width: 560px) {
+  .cef-shell {
+    padding: 16px;
+  }
+
+  .start-search {
+    border-radius: 20px;
+    flex-direction: column;
+  }
+
+  .start-search input,
+  .start-search button {
+    min-height: 44px;
+  }
+}