Skip to content

Commit 0a50915

Browse files
Modify Welcome.vue file
1 parent 26026b6 commit 0a50915

File tree

1 file changed

+127
-80
lines changed

1 file changed

+127
-80
lines changed

resources/js/Components/Welcome.vue

Lines changed: 127 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,94 +1,141 @@
11
<script setup>
2-
import ApplicationLogo from '@/Components/ApplicationLogo.vue';
2+
import ApplicationLogo from "@/Components/ApplicationLogo.vue";
33
</script>
44

55
<template>
6-
<div>
7-
<div class="p-6 bg-white border-b border-gray-200 lg:p-8">
8-
<ApplicationLogo class="block w-auto h-12" />
9-
10-
<h4 class="mt-8 text-2xl font-medium text-gray-900">
11-
Welcome to <b>SPA</b> - single project application demo project!
12-
</h4>
13-
14-
<p class="mt-6 leading-relaxed text-gray-500">
15-
This SPA offers an all-in-one solution for managing users and roles, featuring an easy-to-use dashboard
16-
for
17-
administrators.
18-
<br> Built using Laravel+Inertia+Vue+Jetstream
19-
<br> by <a href="https://github.com/perisicnikola37" target="_blank"><b
20-
style="color: #6875F5">@perisicnikola37</b></a>
21-
</p>
22-
23-
<div class="mt-5">
24-
<h1><b>Application analytics:</b></h1>
25-
User count: <span style="color: #6875F5">{{ $page.props.counts.userCount }}</span>
26-
<br>
27-
Role count: <span style="color: #6875F5;">{{ $page.props.counts.roleCount }}</span>
28-
</div>
29-
6+
<div>
7+
<div class="p-6 bg-white border-b border-gray-200 lg:p-8">
8+
<ApplicationLogo class="block w-auto h-12" />
9+
<h4 class="mt-8 text-2xl font-medium text-gray-900">
10+
Welcome to <b>SPA</b> - single page application project!
11+
</h4>
12+
<b>Please leave a star <i class="fa-regular fa-star"></i></b>
13+
<br />
14+
<a href="https://github.com/perisicnikola37/laravel-inertia-vue-spa" target="_blank"
15+
><b style="color: #6875f5">Click here</b></a
16+
>
17+
<p class="mt-6 leading-relaxed text-gray-500">
18+
This SPA offers an all-in-one solution for managing users and roles, featuring an
19+
easy-to-use dashboard for administrators.
20+
<br />
21+
Built using Laravel+Inertia+Vue+Jetstream <br />
22+
by
23+
<a href="https://github.com/perisicnikola37" target="_blank"
24+
><b style="color: #6875f5">@perisicnikola37</b></a
25+
>
26+
</p>
27+
<div class="mt-5">
28+
<h1><b>Application analytics:</b></h1>
29+
User count: <span style="color: #6875f5">{{ $page.props.counts.userCount }}</span>
30+
<br />
31+
Role count: <span style="color: #6875f5">{{ $page.props.counts.roleCount }}</span>
32+
</div>
33+
</div>
34+
<div
35+
class="grid grid-cols-1 gap-6 p-6 bg-gray-200 bg-opacity-25 md:grid-cols-2 lg:gap-8 lg:p-8"
36+
>
37+
<div>
38+
<div class="flex items-center">
39+
<svg
40+
xmlns="http://www.w3.org/2000/svg"
41+
fill="none"
42+
viewBox="0 0 24 24"
43+
stroke-width="1.5"
44+
class="w-6 h-6 stroke-gray-400"
45+
>
46+
<path
47+
stroke-linecap="round"
48+
stroke-linejoin="round"
49+
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
50+
/>
51+
</svg>
52+
<h2 class="ml-3 text-xl font-semibold text-gray-900">
53+
<a href="https://laravel.com/docs">Documentation</a>
54+
</h2>
3055
</div>
3156

32-
<div class="grid grid-cols-1 gap-6 p-6 bg-gray-200 bg-opacity-25 md:grid-cols-2 lg:gap-8 lg:p-8">
33-
<div>
34-
<div class="flex items-center">
35-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
36-
class="w-6 h-6 stroke-gray-400">
37-
<path stroke-linecap="round" stroke-linejoin="round"
38-
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
39-
</svg>
40-
<h2 class="ml-3 text-xl font-semibold text-gray-900">
41-
<a href="https://laravel.com/docs">Documentation</a>
42-
</h2>
43-
</div>
57+
<p class="mt-4 text-sm">
58+
<a
59+
target="_blank"
60+
href="https://github.com/perisicnikola37/laravel-inertia-vue-spa/blob/master/README.md"
61+
class="inline-flex items-center font-semibold text-indigo-700"
62+
>
63+
Explore the repository documentation
4464

45-
<p class="mt-4 text-sm">
46-
<a target="_blank"
47-
href="https://github.com/perisicnikola37/laravel-inertia-vue-spa/blob/master/README.md"
48-
class="inline-flex items-center font-semibold text-indigo-700">
49-
Explore the repository documentation
65+
<svg
66+
xmlns="http://www.w3.org/2000/svg"
67+
viewBox="0 0 20 20"
68+
class="w-5 h-5 ml-1 fill-indigo-500"
69+
>
70+
<path
71+
fill-rule="evenodd"
72+
d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
73+
clip-rule="evenodd"
74+
/>
75+
</svg>
76+
</a>
77+
</p>
78+
</div>
5079

51-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="w-5 h-5 ml-1 fill-indigo-500">
52-
<path fill-rule="evenodd"
53-
d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
54-
clip-rule="evenodd" />
55-
</svg>
56-
</a>
57-
</p>
58-
</div>
80+
<div>
81+
<div class="flex items-center">
82+
<svg
83+
xmlns="http://www.w3.org/2000/svg"
84+
fill="none"
85+
viewBox="0 0 24 24"
86+
stroke-width="1.5"
87+
class="w-6 h-6 stroke-gray-400"
88+
>
89+
<path
90+
stroke-linecap="round"
91+
d="M12 4.5c-3.523 0-6.375 2.747-6.375 6.125 0 3.11 3.472 6.486 6.119 9.18 2.648-2.694 6.119-6.07 6.119-9.18 0-3.378-2.852-6.125-6.375-6.125z"
92+
/>
93+
</svg>
5994

60-
<div>
61-
<div class="flex items-center">
62-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
63-
class="w-6 h-6 stroke-gray-400">
64-
<path stroke-linecap="round"
65-
d="M12 4.5c-3.523 0-6.375 2.747-6.375 6.125 0 3.11 3.472 6.486 6.119 9.18 2.648-2.694 6.119-6.07 6.119-9.18 0-3.378-2.852-6.125-6.375-6.125z" />
66-
</svg>
67-
68-
<h2 class="ml-3 text-xl font-semibold text-gray-900">
69-
<a href="https://laracasts.com">Repository</a>
70-
</h2>
71-
</div>
72-
73-
<p class="mt-4 text-sm">
74-
<a target="_blank" href="https://github.com/perisicnikola37/laravel-inertia-vue-spa"
75-
class="inline-flex items-center font-semibold text-indigo-700">
76-
Explore the repository
77-
78-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="w-5 h-5 ml-1 fill-indigo-500">
79-
<path fill-rule="evenodd"
80-
d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
81-
clip-rule="evenodd" />
82-
</svg>
83-
</a>
84-
</p>
85-
</div>
95+
<h2 class="ml-3 text-xl font-semibold text-gray-900">
96+
<a href="https://laracasts.com">Repository</a>
97+
</h2>
98+
</div>
8699

87-
<p class="mt-5"><img src="https://i.postimg.cc/CMnpbPWn/nullable.jpg" height="30" width="100" alt="nullable()"
88-
title="nullable()"> powered by <a style="font-weight:bold" target="_blank"
89-
href="https://perisicnikola37.github.io/nullable/">nullable()</a></p>
100+
<p class="mt-4 text-sm">
101+
<a
102+
target="_blank"
103+
href="https://github.com/perisicnikola37/laravel-inertia-vue-spa"
104+
class="inline-flex items-center font-semibold text-indigo-700"
105+
>
106+
Explore the repository
90107

108+
<svg
109+
xmlns="http://www.w3.org/2000/svg"
110+
viewBox="0 0 20 20"
111+
class="w-5 h-5 ml-1 fill-indigo-500"
112+
>
113+
<path
114+
fill-rule="evenodd"
115+
d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
116+
clip-rule="evenodd"
117+
/>
118+
</svg>
119+
</a>
120+
</p>
121+
</div>
91122

92-
</div>
123+
<p class="mt-5">
124+
<img
125+
src="https://i.postimg.cc/CMnpbPWn/nullable.jpg"
126+
height="30"
127+
width="100"
128+
alt="nullable()"
129+
title="nullable()"
130+
/>
131+
powered by
132+
<a
133+
style="font-weight: bold"
134+
target="_blank"
135+
href="https://perisicnikola37.github.io/nullable/"
136+
>nullable()</a
137+
>
138+
</p>
93139
</div>
140+
</div>
94141
</template>

0 commit comments

Comments
 (0)