@@ -7,7 +7,8 @@ import { Head, Link } from '@inertiajs/vue3';
77 <link rel =" preconnect" href =" https://rsms.me/" />
88 <link rel =" stylesheet" href =" https://rsms.me/inter/inter.css" />
99 </Head >
10- <div class =" flex min-h-screen flex-col items-center bg-[#FDFDFC] p-6 text-[#1b1b18] lg:justify-center lg:p-8 dark:bg-[#0a0a0a]" >
10+ <div
11+ class =" flex min-h-screen flex-col items-center bg-[#FDFDFC] p-6 text-[#1b1b18] lg:justify-center lg:p-8 dark:bg-[#0a0a0a]" >
1112 <header class =" mb-6 w-full max-w-[335px] text-sm not-has-[nav]:hidden lg:max-w-4xl" >
1213 <nav class =" flex items-center justify-end gap-4" >
1314 <Link
@@ -33,16 +34,67 @@ import { Head, Link } from '@inertiajs/vue3';
3334 </template >
3435 </nav >
3536 </header >
36- <div class =" flex w-full items-center justify-center opacity-100 transition-opacity duration-750 lg:grow starting:opacity-0" >
37- <main class =" flex w-full max-w-[335px] flex-col-reverse overflow-hidden rounded-lg lg:max-w-4xl lg:flex-row" >
37+ <div
38+ class =" flex w-full items-center justify-center opacity-100 transition-opacity duration-750 lg:grow starting:opacity-0" >
39+ <main
40+ class =" flex w-full max-w-[335px] flex-col-reverse overflow-hidden rounded-lg lg:max-w-4xl lg:flex-row" >
3841 <div
3942 class =" flex-1 rounded-br-lg rounded-bl-lg bg-white p-6 pb-12 text-[13px] leading-[20px] shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] lg:rounded-tl-lg lg:rounded-br-none lg:p-20 dark:bg-[#161615] dark:text-[#EDEDEC] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d]"
4043 >
4144 <h1 class =" mb-1 font-medium" >Let's get started</h1 >
4245 <p class =" mb-2 text-[#706f6c] dark:text-[#A1A09A]" >
43- Laravel has an incredibly rich ecosystem. <br />We suggest starting with the following.
46+ This is a demo project to showcase a containerized Laravel application using Inertia.js and Vue
47+ 3. <br />
48+ This example project is built with redis and postgres in mind.
49+
50+ More information at: <a href =" https://github.com/HerrLevin/laravel-docker-test"
51+ target =" _blank"
52+ class =" ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
53+ >https://github.com/HerrLevin/laravel-docker-test</a >
4454 </p >
4555 <ul class =" mb-4 flex flex-col lg:mb-6" >
56+ <li
57+ class =" relative flex items-center gap-4 py-2 before:absolute before:top-1/2 before:bottom-0 before:left-[0.4rem] before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
58+ >
59+ <span class =" relative bg-white py-1 dark:bg-[#161615]" >
60+ <span
61+ class =" flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[#e3e3e0] bg-[#FDFDFC] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] dark:border-[#3E3E3A] dark:bg-[#161615]"
62+ >
63+ <span class =" h-1.5 w-1.5 rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A]" />
64+ </span >
65+ </span >
66+ <span >
67+ Queue a job
68+ <a
69+ href =" /test-job"
70+ target =" _blank"
71+ class =" ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
72+ >
73+ <span >Here</span >
74+ </a >
75+ </span >
76+ </li >
77+ <li
78+ class =" relative flex items-center gap-4 py-2 before:absolute before:top-1/2 before:bottom-0 before:left-[0.4rem] before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
79+ >
80+ <span class =" relative bg-white py-1 dark:bg-[#161615]" >
81+ <span
82+ class =" flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[#e3e3e0] bg-[#FDFDFC] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] dark:border-[#3E3E3A] dark:bg-[#161615]"
83+ >
84+ <span class =" h-1.5 w-1.5 rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A]" />
85+ </span >
86+ </span >
87+ <span >
88+ Or look at the job-created sample data
89+ <a
90+ href =" /test-entries"
91+ target =" _blank"
92+ class =" ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
93+ >
94+ <span >Here</span >
95+ </a >
96+ </span >
97+ </li >
4698 <li
4799 class =" relative flex items-center gap-4 py-2 before:absolute before:top-1/2 before:bottom-0 before:left-[0.4rem] before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
48100 >
@@ -60,7 +112,7 @@ import { Head, Link } from '@inertiajs/vue3';
60112 target =" _blank"
61113 class =" ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
62114 >
63- <span >Documentation</span >
115+ <span >Laravel Documentation</span >
64116 <svg
65117 width =" {10}"
66118 height =" {11}"
@@ -69,7 +121,8 @@ import { Head, Link } from '@inertiajs/vue3';
69121 xmlns =" http://www.w3.org/2000/svg"
70122 class =" h-2.5 w-2.5"
71123 >
72- <path d =" M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001" stroke =" currentColor" stroke-linecap =" square" />
124+ <path d =" M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
125+ stroke =" currentColor" stroke-linecap =" square" />
73126 </svg >
74127 </a >
75128 </span >
@@ -100,7 +153,8 @@ import { Head, Link } from '@inertiajs/vue3';
100153 xmlns =" http://www.w3.org/2000/svg"
101154 class =" h-2.5 w-2.5"
102155 >
103- <path d =" M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001" stroke =" currentColor" stroke-linecap =" square" />
156+ <path d =" M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
157+ stroke =" currentColor" stroke-linecap =" square" />
104158 </svg >
105159 </a >
106160 </span >
0 commit comments