-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (122 loc) · 5.48 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
<!doctype html>
<html lang="en" class="font-sans">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>A Tailwind CSS-based changelog template</title>
<meta name="description" content="A changelog template built with Tailwind CSS">
<meta name="author" content="Spinal developers">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<section class="w-full max-w-5xl px-2 py-6 md:py-12 mx-auto text-center">
<h1 class="text-3xl font-bold">
Changelog
</h1>
<p class="mt-3 text-xl text-gray-600 md:text-2xl">
Find all the new features, improvemements and bugfixes here.
</p>
</section>
<section class="px-2 py-12 md:mt-12 bg-gradient-to-b from-gray-50 to-white">
<ul class="relative w-full max-w-5xl mx-auto">
<span class="absolute bottom-0 left-0 hidden w-1 rounded bg-gray-200/60 top-3 translate-x-2 md:block" aria-hidden="true"></span>
<li class="flex flex-col items-start md:flex-row">
<h3 class="flex items-center w-full mb-3 space-x-3 md:w-1/3">
<span class="z-10 hidden block w-5 h-5 bg-white border-4 border-gray-300 rounded-full md:block"></span>
<time datetime="2023-03-07" class="text-xl font-semibold tracking-tight text-gray-800">7 March 2023</time>
</h3>
<div class="w-full space-y-2 md:w-2/3">
<p>
<span class="inline-block px-2 py-1 text-sm font-medium leading-none text-green-700 rounded-full bg-gradient-to-br from-green-200 to-green-100">
New
</span>
</p>
<p class="text-gray-700">
Added support for multiple languages
</p>
<p>
<span class="inline-block px-2 py-1 mt-5 text-sm font-medium leading-none text-red-700 rounded-full bg-gradient-to-br from-red-200 to-red-100">
Bugfix
</span>
</p>
<p class="text-gray-700">
Fixed a bug where the app would crash when opening certain files
</p>
<p>
<span class="inline-block px-2 py-1 mt-5 text-sm font-medium leading-none text-indigo-700 rounded-full bg-gradient-to-br from-indigo-200 to-indigo-100">
Improvement
</span>
</p>
<p class="text-gray-700">
Improved the app's performance for faster load times and smoother user experience
</p>
</div>
</li>
<li class="flex flex-col items-start mt-20 md:flex-row">
<h3 class="flex items-center w-full mb-3 space-x-3 md:w-1/3">
<span class="z-10 hidden block w-5 h-5 bg-white border-4 border-gray-300 rounded-full md:block"></span>
<time datetime="2023-02-17" class="text-xl font-semibold tracking-tight text-gray-800">17 February 2023</time>
</h3>
<div class="w-full space-y-2 md:w-2/3">
<p>
<span class="inline-block px-2 py-1 text-sm font-medium leading-none text-green-700 rounded-full bg-gradient-to-br from-green-200 to-green-100">
New
</span>
</p>
<p class="text-gray-700">
Introduced a new onboarding flow for first-time users
</p>
<p>
<span class="inline-block px-2 py-1 mt-5 text-sm font-medium leading-none text-red-700 rounded-full bg-gradient-to-br from-red-200 to-red-100">
Bugfix
</span>
</p>
<p class="text-gray-700">
Addressed an issue where user preferences were not being saved properly
</p>
<p>
<span class="inline-block px-2 py-1 mt-5 text-sm font-medium leading-none text-indigo-700 rounded-full bg-gradient-to-br from-indigo-200 to-indigo-100">
Improvement
</span>
</p>
<p class="text-gray-700">
Streamlined the checkout process to reduce the number of steps required
</p>
</div>
</li>
<li class="flex flex-col items-start mt-20 md:flex-row">
<h3 class="flex items-center w-full mb-3 space-x-3 md:w-1/3">
<span class="z-10 hidden block w-5 h-5 bg-white border-4 border-gray-300 rounded-full md:block"></span>
<time datetime="2023-01-24" class="text-xl font-semibold tracking-tight text-gray-800">24 January 2023</time>
</h3>
<div class="w-full space-y-2 md:w-2/3">
<p>
<span class="inline-block px-2 py-1 text-sm font-medium leading-none text-green-700 rounded-full bg-gradient-to-br from-green-200 to-green-100">
New
</span>
</p>
<p class="text-gray-700">
Implemented a new dashboard design for better data visualization
</p>
<p>
<span class="inline-block px-2 py-1 mt-5 text-sm font-medium leading-none text-red-700 rounded-full bg-gradient-to-br from-red-200 to-red-100">
Bugfix
</span>
</p>
<p class="text-gray-700">
Addressed an issue where user preferences were not being saved properly
</p>
<p>
<span class="inline-block px-2 py-1 mt-5 text-sm font-medium leading-none text-indigo-700 rounded-full bg-gradient-to-br from-indigo-200 to-indigo-100">
Improvement
</span>
</p>
<p class="text-gray-700">
Increased the amount of available storage space for user files
</p>
</div>
</li>
</ul>
</section>
</body>
</html>