From 050efac76b30c2ce08a1d29e55ca78db5160e587 Mon Sep 17 00:00:00 2001 From: Keith Solomon Date: Wed, 24 Sep 2025 18:54:38 -0500 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8feature:=20Mock=20up=20front=20end=20i?= =?UTF-8?q?nterface?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/database.php | 10 ++--- public/app.php | 16 ++++++++ public/index.html | 19 +++++++-- public/output.css | 95 ++++++++++++++++++++++++++++++++++++++++++--- src/ai-env.md | 6 +++ src/app.js | 2 + 6 files changed, 135 insertions(+), 13 deletions(-) create mode 100644 public/app.php create mode 100644 src/ai-env.md create mode 100644 src/app.js diff --git a/config/database.php b/config/database.php index 1de8305..bcd7b71 100644 --- a/config/database.php +++ b/config/database.php @@ -12,10 +12,10 @@ * @link https://github.com/your-repo/AI_Fantasy_NFL */ -return [ - 'host' => 'localhost', - 'port' => 3306, +return array( + 'host' => 'localhost', + 'port' => 3306, 'database' => 'ff-ai', - 'user' => 'ff-ai', + 'user' => 'ff-ai', 'password' => 'lkvQm69$3!xZ', -]; +); diff --git a/public/app.php b/public/app.php new file mode 100644 index 0000000..7814d69 --- /dev/null +++ b/public/app.php @@ -0,0 +1,16 @@ + + * @license https://opensource.org/licenses/MIT MIT License + * @version GIT: $Id$ + * @link https://github.com/your-repo/AI_Fantasy_NFL + */ + +echo ''; diff --git a/public/index.html b/public/index.html index 698c85c..e9c0b44 100644 --- a/public/index.html +++ b/public/index.html @@ -1,12 +1,25 @@ - + AI Fantasy NFL - -

Hello world!

+ + +
+
AI Fantasy NFL
+ +
+ +
Main Content
+ +
+ +
© 2025 AI Fantasy NFL
+
+ + diff --git a/public/output.css b/public/output.css index 5c670a4..4908912 100644 --- a/public/output.css +++ b/public/output.css @@ -7,6 +7,16 @@ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --color-gray-100: oklch(96.7% 0.003 264.542); + --color-gray-400: oklch(70.7% 0.022 261.325); + --color-gray-800: oklch(27.8% 0.033 256.848); + --color-gray-900: oklch(21% 0.034 264.665); + --color-gray-950: oklch(13% 0.028 261.692); + --spacing: 0.25rem; + --text-sm: 0.875rem; + --text-sm--line-height: calc(1.25 / 0.875); + --text-2xl: 1.5rem; + --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-bold: 700; @@ -163,17 +173,91 @@ } } @layer utilities { - .text-3xl { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); + .flex { + display: flex; + } + .hidden { + display: none; + } + .min-h-screen { + min-height: 100vh; + } + .w-1\/5 { + width: calc(1/5 * 100%); + } + .w-full { + width: 100%; + } + .flex-1 { + flex: 1; + } + .flex-col { + flex-direction: column; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-r { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + .border-b { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + .border-l { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + .border-gray-800 { + border-color: var(--color-gray-800); + } + .bg-gray-900 { + background-color: var(--color-gray-900); + } + .bg-gray-950 { + background-color: var(--color-gray-950); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .text-center { + text-align: center; + } + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } - .underline { - text-decoration-line: underline; + .text-gray-100 { + color: var(--color-gray-100); } + .text-gray-400 { + color: var(--color-gray-400); + } + .md\:block { + @media (width >= 48rem) { + display: block; + } + } + .md\:w-3\/5 { + @media (width >= 48rem) { + width: calc(3/5 * 100%); + } + } +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; } @property --tw-font-weight { syntax: "*"; @@ -182,6 +266,7 @@ @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { + --tw-border-style: solid; --tw-font-weight: initial; } } diff --git a/src/ai-env.md b/src/ai-env.md new file mode 100644 index 0000000..e6f4047 --- /dev/null +++ b/src/ai-env.md @@ -0,0 +1,6 @@ +# AI Environment Setup + +- Prepare for integration with Ollama or other AI services via API +- Document endpoints and authentication for AI services +- Add instructions for local Ollama setup and API usage +- Note: Actual integration will be implemented in the backend and feature stages diff --git a/src/app.js b/src/app.js new file mode 100644 index 0000000..e81833f --- /dev/null +++ b/src/app.js @@ -0,0 +1,2 @@ +// Entry point for frontend JavaScript +console.log('AI Fantasy NFL frontend loaded');