-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
201 lines (199 loc) · 8.67 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Jolt | Sparking Open Source Collaboration</title>
<link rel="stylesheet" href="./style.css" />
<script type="module" src="./main.js"></script>
</head>
<body class="bg-secondary text-base-content">
<div class="dot-grid"></div>
<div class="dot-grid-fade"></div>
<div class="content">
<div class="min-h-screen flex flex-col justify-between">
<div class="navbar">
<div class="navbar-start">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost btn-circle">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="#ff0055"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h7"
/>
</svg>
</label>
<ul
tabindex="0"
class="menu menu-sm dropdown-content card-bordered border-primary mt-3 z-[1] p-2 shadow-2xl bg-secondary rounded-box w-52 text-primary"
>
<li class="hover:text-success"><a href="/">Home</a></li>
<li class="hover:text-success">
<a href="https://github.com/jolt-org">GitHub</a>
</li>
<li class="hover:text-success">
<a href="https://discord.gg/XpFNTjjtTK">Discord</a>
</li>
<li class="hover:text-success"><a href="/about">About</a></li>
</ul>
</div>
</div>
<div class="navbar-end">
<button class="btn btn-ghost btn-circle">
<div class="indicator">
<a href="https://discord.gg/XpFNTjjtTK">
<!-- https://feathericons.dev/?search=discord&iconset=brands -->
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
class="main-grid-item-icon"
fill="#ff0055"
>
<path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.865-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037c-1.687.29-3.33.8-4.885 1.515a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.083.083 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.077.077 0 0 0 .084-.028c.462-.63.874-1.295 1.227-1.994a.076.076 0 0 0-.042-.106 13.107 13.107 0 0 1-1.872-.892.078.078 0 0 1-.038-.062.077.077 0 0 1 .03-.066c.126-.094.252-.192.372-.292a.075.075 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.076.076 0 0 1 .03.065.078.078 0 0 1-.036.063c-.599.349-1.225.647-1.873.89a.076.076 0 0 0-.05.076c.001.012.004.022.009.032.36.698.772 1.362 1.225 1.993a.077.077 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03ZM8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418Zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z"
/>
</svg>
</a>
</div>
</button>
</div>
</div>
<div class="text-primary-content py-5">
<div class="container mx-auto px-4">
<div
class="flex flex-col lg:flex-row items-center lg:justify-between"
>
<div>
<h1 class="text-5xl font-bold text-secondary-content">Jolt</h1>
<p class="py-4 text-secondary-content">
<span class="text-success animate-pulse">Sparking</span> Open
Source Collaboration
</p>
<div class="flex flex-wrap gap-4">
<a
href="https://discord.gg/XpFNTjjtTK"
class="btn btn-primary text-secondary-content hover:shadow-2xl"
>Discord</a
>
<a
href="https://github.com/jolt-org"
class="btn btn-success btn-outline hover:shadow-2xl"
>GitHub</a
>
</div>
</div>
<img
src="/public/logo.svg"
alt="Jolt Logo"
class="lg:h-96 h-48 mx-auto lg:mx-0 hover:drop-shadow-[0_0_100px_rgba(255,0,85,0.5)] transition duration-1000 ease-in-out"
/>
</div>
</div>
</div>
<div class="py-5 text-secondary-content">
<div class="container mx-auto px-4">
<div
class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 justify-items-center"
>
<div
class="group card card-bordered border-primary shadow-xl w-72 hover:bg-success hover:shadow-2xl hover:border-secondary"
>
<div class="card-body">
<h2
class="card-title text-success group-hover:text-success-content"
>
Advanced Alchemy
</h2>
<p
class="text-secondary-content group-hover:text-success-content"
>
Supercharge your SQLAlchemy experience with Advanced
Alchemy.
</p>
<div class="flex justify-center gap-2 mt-4">
<a
href="https://github.com/jolt-org/advanced-alchemy"
class="btn btn-primary-content hover:shadow-2xl"
>View on GitHub</a
>
<a
href="https://docs.advanced-alchemy.jolt.rs"
class="btn btn-secondary hover:shadow-2xl"
>View Docs</a
>
</div>
</div>
</div>
<div
class="group card card-bordered border-primary shadow-xl w-72 hover:bg-success hover:shadow-2xl hover:border-secondary"
>
<div class="card-body">
<h2
class="card-title text-success group-hover:text-success-content"
>
Type Lens
</h2>
<p
class="text-secondary-content group-hover:text-success-content"
>
Utilize Python types at runtime
</p>
<div class="flex justify-center gap-2 mt-4">
<a
href="https://github.com/jolt-org/type-lens"
class="btn btn-primary-content"
>View on GitHub</a
>
<a
href="https://docs.typelens.jolt.rs"
class="btn btn-secondary"
>View Docs</a
>
</div>
</div>
</div>
<div
class="group card card-bordered border-primary shadow-xl w-72 hover:bg-success hover:shadow-2xl hover:border-secondary"
>
<div class="card-body">
<h2
class="card-title text-success group-hover:text-success-content"
>
DTOs
</h2>
<p
class="text-secondary-content group-hover:text-success-content"
>
Data Transfer Objects in Python
</p>
<div class="flex justify-center gap-2 mt-4">
<a
href="https://github.com/jolt-org/dtos"
class="btn btn-primary-content"
>View on GitHub</a
>
<a
href="https://docs.dtos.jolt.rs"
class="btn btn-secondary"
>View Docs</a
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>