commit 2ac10ef930ebe73d9924dc984eed4cad56186b50 Author: Chris Bell Date: Sun Jun 22 23:49:21 2025 -0500 init diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..13566b8 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..2e81066 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/sessionzero-app-landingpage.iml b/.idea/sessionzero-app-landingpage.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/.idea/sessionzero-app-landingpage.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..d843f34 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/d20_no-bg_medium.png b/d20_no-bg_medium.png new file mode 100644 index 0000000..7945baa Binary files /dev/null and b/d20_no-bg_medium.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7e649a8 --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + + SessionZero + + + +
+
+ +
+ +
+
+

SessionZero

+

A TTRPG companion that gets out of your way

+
Status: Work in Progress
+
+ +
+

Coming Soon

+
+
+

Characters

+

Simple character system where you decide the details.

+
+
+

Sessions

+

Manage your games and players online or at the table.

+
+
+

System Agnostic

+

You pick the rules and content, not us.

+
+
+
+
+ + +
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..60e024a --- /dev/null +++ b/styles.css @@ -0,0 +1,181 @@ +@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap'); + +:root { + --background-color: #1a202e; /* Deep navy night */ + --primary-color: #3a4f6f; /* Rich medium blue */ + --secondary-color: #2d3f5c; /* Deeper blue */ + --accent-color: #5b89b3; /* Glowing blue highlight */ + --text-color: #ffffff; /* Pure white */ + --heading-color: #c5d5e6; /* Soft sky blue */ + + /* UI Specific */ + --form-background: #222837; /* Slightly lighter background */ + --text-on-primary: #ffffff; /* White text */ + --button-text: #ffffff; /* White text */ + + /* Neutrals */ + --neutral-light: #d8e1ea; /* Bright blue-white */ + --neutral-medium: #8494a7; /* Muted blue-gray */ + --neutral-dark: #2d364a; /* Deep blue shadow */ +} + +/* Existing root variables preserved */ + +html, body { + height: 100%; + margin: 0; + padding: 0; + + font-family: "PT Serif", serif; + font-weight: 400; + font-style: normal; +} + +body { + background-color: var(--background-color); + color: var(--text-color); + display: flex; + flex-direction: column; +} + +.page-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + +header { + background-color: var(--background-color); + padding: 1rem 2rem; + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); +} + +.nav-content { + max-width: 1200px; + margin: 0 auto; + width: 100%; +} + +.logo-container { + display: flex; + align-items: center; + gap: 1rem; + text-decoration: none; + color: inherit; +} + +.logo-placeholder { + width: 40px; + height: 40px; + object-fit: contain; +} + +.logo-text { + font-size: 1.5rem; + font-weight: bold; + color: var(--heading-color); +} + + +main { + flex: 1; + max-width: 1200px; + margin: 0 auto; + padding: 2rem; + width: 100%; + box-sizing: border-box; +} + +.hero { + text-align: center; + padding: 4rem 0; +} + +h1 { + font-size: 3.5rem; + color: var(--heading-color); + margin-bottom: 1rem; +} + +.tagline { + font-size: 1.5rem; + color: var(--neutral-light); + margin-bottom: 2rem; +} + +.status-badge { + display: inline-block; + background-color: var(--accent-color); + color: var(--button-text); + padding: 0.5rem 1rem; + border-radius: 20px; + font-weight: bold; +} + +.features { + padding: 4rem 0; +} + +h2 { + text-align: center; + color: var(--heading-color); + margin-bottom: 3rem; +} + +.feature-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; +} + +.feature-card { + background-color: var(--form-background); + padding: 2rem; + border-radius: 8px; + text-align: center; +} + +.feature-card h3 { + color: var(--heading-color); + margin-bottom: 1rem; +} + +.feature-card p { + color: var(--neutral-medium); +} + +footer { + background-color: var(--secondary-color); + color: var(--neutral-medium); + padding: 2rem; + text-align: center; + margin-top: auto; +} + +/* Responsive design */ +@media (max-width: 768px) { + .hero { + padding: 2rem 0; + } + + h1 { + font-size: 2.5rem; + } + + .tagline { + font-size: 1.2rem; + } + + .feature-grid { + grid-template-columns: 1fr; + } + + .logo-placeholder { + width: 32px; + height: 32px; + } + + .logo-text { + font-size: 1.2rem; + } +} \ No newline at end of file