step 1, 2 and 3 of the implementation plan

2026-02-03 09:43:23 +01:00
parent d38001e3e2
commit 3684d9ef6b
34 changed files with 4070 additions and 18 deletions
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -4,8 +4,13 @@
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
+@source '../**/*.vue';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
+
+    --color-primary: #d1ec51;
+    --color-secondary: #00b7b3;
+    --color-surface: #2b303a;
 }
--- a/resources/js/Pages/Landing.vue
+++ b/resources/js/Pages/Landing.vue
@@ -0,0 +1,14 @@
+<script setup>
+import { Head } from '@inertiajs/vue3';
+</script>
+
+<template>
+    <Head title="Welcome" />
+
+    <div class="min-h-screen flex items-center justify-center bg-surface">
+        <div class="text-center">
+            <h1 class="text-4xl font-bold text-white mb-4">Go / No Go</h1>
+            <p class="text-gray-400">Baker Tilly International Questionnaire Application</p>
+        </div>
+    </div>
+</template>
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1 +1,21 @@
 import './bootstrap';
+import '../css/app.css';
+
+import { createApp, h } from 'vue';
+import { createInertiaApp } from '@inertiajs/vue3';
+
+createInertiaApp({
+    title: (title) => title ? `${title} - Go No Go` : 'Go No Go',
+    resolve: (name) => {
+        const pages = import.meta.glob('./Pages/**/*.vue', { eager: true });
+        return pages[`./Pages/${name}.vue`];
+    },
+    setup({ el, App, props, plugin }) {
+        createApp({ render: () => h(App, props) })
+            .use(plugin)
+            .mount(el);
+    },
+    progress: {
+        color: '#d1ec51',
+    },
+});
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ config('app.name', 'Go No Go') }}</title>
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+    @inertiaHead
+</head>
+<body class="bg-surface text-white antialiased">
+    @inertia
+</body>
+</html>