-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (90 loc) · 5.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="Documentation for the Laravel implementation of the Vivid Architecture">
<meta property="og:site_name" content="Laravel Vivid"/>
<meta property="og:title" content="Laravel Vivid"/>
<meta property="og:description" content="Documentation for the Laravel implementation of the Vivid Architecture"/>
<meta property="og:url" content="https://vivid-arch.github.io/"/>
<meta property="og:image" content="/assets/img/logo.png"/>
<meta property="og:type" content="website"/>
<meta name="twitter:image:alt" content="Laravel Vivid">
<meta name="twitter:card" content="summary_large_image">
<title>Laravel Vivid</title>
<link rel="home" href="https://vivid-arch.github.io/">
<link rel="icon" href="/favicon.ico">
<!-- Insert analytics code here -->
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,700,700i,800,800i" rel="stylesheet">
<link rel="stylesheet" href="/assets/build/css/main.css?id=3a7955c2061c89fe3394">
</head>
<body class="flex flex-col justify-between min-h-screen bg-gray-100 text-gray-800 leading-normal font-sans">
<header class="flex items-center shadow bg-white border-b h-24 mb-8 py-4" role="banner">
<div class="container flex items-center max-w-8xl mx-auto px-4 lg:px-8">
<div class="flex items-center">
<a href="/" title="Laravel Vivid home" class="inline-flex items-center">
<img class="h-8 md:h-10 mr-3" src="/assets/images/Vivid-01.png" alt="Laravel Vivid logo" />
<h1 class="text-lg md:text-2xl text-blue-900 font-semibold hover:text-blue-600 my-0 pr-4">Laravel Vivid</h1>
</a>
</div>
<div class="flex flex-1 justify-end items-center text-right md:pl-10">
</div>
</div>
</header>
<main role="main" class="w-full flex-auto">
<section class="container max-w-6xl mx-auto px-6 py-10 md:py-12">
<div class="flex flex-col-reverse mb-10 lg:flex-row lg:mb-24">
<div class="mt-8">
<h1 id="intro-docs-template">Laravel Vivid</h1>
<h2 id="intro-powered-by-jigsaw" class="font-light mt-4">A clean, elegant way to structure you Laravel code</h2>
<p class="text-lg">Documentation for the Laravel implementation of the Vivid Architecture</p>
<div class="flex my-10">
<a href="/docs/foundation/getting-started" title="Laravel Vivid getting started" class="bg-blue-500 hover:bg-blue-600 font-normal text-white hover:text-white rounded mr-4 py-2 px-6">Get Started</a>
</div>
</div>
<img src="/assets/images/Vivid-02.png" alt="Laravel Vivid large logo" class="mx-auto mb-6 lg:mb-0" width="450px">
</div>
<hr class="block my-8 border lg:hidden">
<div class="md:flex -mx-2 -mx-4">
<div class="mb-8 mx-3 px-2 md:w-1/3">
<img src="/assets/img/icon-window.svg" class="h-12 w-12" alt="window icon">
<h3 id="intro-laravel" class="text-2xl text-blue-900 mb-0">Develop Apps <br>Faster</h3>
<p>Vivid encourages you to think in terms of small problems, effectively breaking up the complex business requirements.</p>
</div>
<div class="mb-8 mx-3 px-2 md:w-1/3">
<img src="/assets/img/icon-terminal.svg" class="h-12 w-12" alt="terminal icon">
<h3 id="intro-markdown" class="text-2xl text-blue-900 mb-0">Small Reusable <br>Components</h3>
<p>With Vivid, the code is written once and is reused throughout the application, eliminating duplication issues.</p>
</div>
<div class="mx-3 px-2 md:w-1/3">
<img src="/assets/img/icon-stack.svg" class="h-12 w-12" alt="stack icon">
<h3 id="intro-mix" class="text-2xl text-blue-900 mb-0">Embracing the <br>Monolith</h3>
<p>Separate the different business segments of the application easily using Devices without the complexity of microservices.</p>
</div>
</div>
</section>
</main>
<script src="/assets/build/js/main.js?id=25e9d4a401264f358321"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-44791239-17"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-44791239-17');
</script>
<footer class="bg-white text-center text-sm mt-12 py-4" role="contentinfo">
<ul class="flex flex-col md:flex-row justify-center">
<li class="md:mr-2">
© <a href="#" title="Tighten website">Vivid</a> 2021.
</li>
<li>
Built with <a href="http://jigsaw.tighten.co" title="Jigsaw by Tighten">Jigsaw</a>
and <a href="https://tailwindcss.com" title="Tailwind CSS, a utility-first CSS framework">Tailwind CSS</a>.
</li>
</ul>
</footer>
</body>
</html>