Skip to content

Commit d95a6e8

Browse files
ildyriad7415
andauthored
More blabla (#154)
* WIP * updates * Apply suggestions from code review Co-authored-by: Martin Stone <[email protected]> --------- Co-authored-by: Martin Stone <[email protected]>
1 parent 28f61a9 commit d95a6e8

File tree

4 files changed

+267
-7
lines changed

4 files changed

+267
-7
lines changed

src/components/ui/Tick.astro

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
import { Icon } from 'astro-icon/components';
3+
4+
const { icon = '', classes = {} } = Astro.props;
5+
---
6+
<div class={`inline-block rounded-full mt-1 w-5 h-5 ${classes?.icon_bg ?? 'bg-sky-100 dark:bg-sky-800'}`}>
7+
<Icon name={icon ? icon : 'tabler:check'} class={`w-5 h-5 font-bold p-1 ${classes?.icon ?? 'text-primary dark:text-neutral-300'}`} />
8+
</div>
Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
publishDate: 2024-10-13T21:46:00Z
3+
author: ildyria
4+
title: 'Bite-size v6: Updates and timelines'
5+
excerpt: Bite-size v6 is a series of small post showing the progress made on the development of the future version of Lychee.
6+
image: https://images.unsplash.com/photo-1495020689067-958852a7765e?q=80&w=3538&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
7+
category: Active Development
8+
tags:
9+
- lychee
10+
- vuejs
11+
- v6
12+
---
13+
14+
It has been a week since the release of the beta and I do get questions such as "*when will we see a production build?*""
15+
16+
This an hard to answer question. One one hand, we could merge the changes and ship 6.0.0 today.
17+
Why don't we do it? Because there has not been a thorough review process on it the [Pull Request #2504](https://github.com/LycheeOrg/Lychee/pull/2504) yet.
18+
19+
At LycheeOrg we strive for quality, and while I am confident in my abilities, everyone has a blind spot.
20+
For this reason, I am waiting for the feedback of our Beta users, in order to fix their findings.
21+
22+
Over the past week, I got a lot of feedback from Tino Hager (big thanks), so I still have a few things to work on, namely:
23+
24+
- [ ] : Rotation - refresh visual.
25+
- [ ] : Album selection when only one album exists => edge case list is empty.
26+
- [ ] : Drag & drop photo.
27+
- [ ] : Ctrl + V pasting photos to upload.
28+
- [ ] : Upload button when album is empty.
29+
30+
I already solved a lot of his previous notes, and will happily continue doing it again in the future.
31+
32+
Now to the question, can I already use the docker `alpha` branch in production?
33+
I am doing it, but I know lychee like the palm of my hand, YMMV. :)

src/pages/get-supporter-edition.astro

Lines changed: 215 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
---
22
import Layout from '~/layouts/PageLayout.astro';
33
4+
import Tick from '~/components/ui/Tick.astro';
45
import Hero from '~/components/widgets/Hero.astro';
56
// import CallToAction from '~/components/widgets/CallToAction.astro';
67
import Prices from '~/components/widgets/Pricing.astro';
78
import FAQs from '~/components/widgets/FAQs.astro';
9+
import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
10+
import Headline from '~/components/ui/Headline.astro';
811
912
const metadata = {
1013
title: 'Pre-Launch Landing Page',
@@ -46,10 +49,10 @@ const metadata = {
4649
period: 'per month',
4750
items: [
4851
{
49-
description: 'Unlimited albums.',
52+
description: 'Unlimited users.',
5053
},
5154
{
52-
description: 'Unlimited users.',
55+
description: 'Unlimited albums.',
5356
},
5457
{
5558
description: 'Unlimited photos upload.',
@@ -70,15 +73,18 @@ const metadata = {
7073
price: 5,
7174
period: 'Per Month',
7275
items: [
73-
{
74-
description: 'Unlimited albums.',
75-
},
7676
{
7777
description: 'Unlimited users.',
7878
},
79+
{
80+
description: 'Unlimited albums.',
81+
},
7982
{
8083
description: 'Unlimited photos upload.',
8184
},
85+
{
86+
description: 'Statistics on your library.',
87+
},
8288
{
8389
description: 'more to come...',
8490
icon: 'tabler:question-mark',
@@ -91,14 +97,216 @@ const metadata = {
9197
],
9298
callToAction: {
9399
target: '_blank',
94-
text: 'Get started',
95-
href: '#',
100+
text: 'Support us!',
101+
href: 'https://github.com/sponsors/LycheeOrg',
96102
},
97103
hasRibbon: true,
98104
ribbonTitle: 'popular',
99105
}
100106
]}
101107
/>
108+
<!-- TODO : add table with all the functionalities of Lychee detailed. -->
109+
<WidgetWrapper id={"fullDetails"} isDark={false} containerClass={`max-w-3xl mx-auto`}>
110+
<Headline title={"Full comparison"}
111+
tagline={"the essentials and a few more"}
112+
/>
113+
<!-- subtitle={subtitle} -->
114+
<div>
115+
<table class="w-full border-collapse border border-neutral-200 dark:border-neutral-800">
116+
<thead>
117+
<tr class="bg-neutral-100 dark:bg-neutral-700">
118+
<th class="p-2 text-xl font-bold text-left">Features</th>
119+
<th class="p-2 text-xl font-bold">Free</th>
120+
<th class="p-2 text-xl font-bold">Lychee <span class="text-sky-600">SE</span></th>
121+
</tr>
122+
</thead>
123+
<tbody>
124+
<tr class="bg-neutral-50 dark:bg-neutral-800">
125+
<td class="p-2 font-semibold">Global</td>
126+
<td class="p-2 text-center"></td>
127+
<td class="p-2 text-center"></td>
128+
</tr>
129+
<tr class="">
130+
<td class="px-2 text-muted"><span class="text-black dark:text-neutral-400/50 font-bold">Dark</span> and <span class="text-neutral-500 dark:text-neutral-100 font-bold">Light</span> themes</td>
131+
<td class="px-2 text-center"><Tick/></td>
132+
<td class="px-2 text-center"><Tick/></td>
133+
</tr>
134+
<tr class="">
135+
<td class="px-2 text-muted">Unlimited photos upload</td>
136+
<td class="px-2 text-center"><Tick/></td>
137+
<td class="px-2 text-center"><Tick/></td>
138+
</tr>
139+
<tr class="">
140+
<td class="px-2 text-muted">Unlimited number of albums</td>
141+
<td class="px-2 text-center"><Tick/></td>
142+
<td class="px-2 text-center"><Tick/></td>
143+
</tr>
144+
<tr class="">
145+
<td class="px-2 text-muted">Unlimited number of users</td>
146+
<td class="px-2 text-center"><Tick/></td>
147+
<td class="px-2 text-center"><Tick/></td>
148+
</tr>
149+
<tr class="">
150+
<td class="px-2 text-muted">Multiple language supported</td>
151+
<td class="px-2 text-center"><Tick/></td>
152+
<td class="px-2 text-center"><Tick/></td>
153+
</tr>
154+
155+
<tr class="bg-neutral-50 dark:bg-neutral-800">
156+
<td class="p-2 font-semibold">Photo management</td>
157+
<td class="p-2 text-center"></td>
158+
<td class="p-2 text-center"></td>
159+
</tr>
160+
<tr class="">
161+
<td class="px-2 text-muted">Full sizes and other variants</td>
162+
<td class="px-2 text-center"><Tick/></td>
163+
<td class="px-2 text-center"><Tick/></td>
164+
</tr>
165+
<tr class="">
166+
<td class="px-2 text-muted">Auto rotation on import</td>
167+
<td class="px-2 text-center"><Tick/></td>
168+
<td class="px-2 text-center"><Tick/></td>
169+
</tr>
170+
<tr class="">
171+
<td class="px-2 text-muted">Exif Data decoding</td>
172+
<td class="px-2 text-center"><Tick/></td>
173+
<td class="px-2 text-center"><Tick/></td>
174+
</tr>
175+
<tr class="">
176+
<td class="px-2 text-muted">Localization data reverse search</td>
177+
<td class="px-2 text-center"><Tick/></td>
178+
<td class="px-2 text-center"><Tick/></td>
179+
</tr>
180+
<tr class="">
181+
<td class="px-2 text-muted">Upload by chunks</td>
182+
<td class="px-2 text-center"><Tick/></td>
183+
<td class="px-2 text-center"><Tick/></td>
184+
</tr>
185+
<tr class="">
186+
<td class="px-2 text-muted">Zip & download</td>
187+
<td class="px-2 text-center"><Tick/></td>
188+
<td class="px-2 text-center"><Tick/></td>
189+
</tr>
190+
191+
192+
<tr class="bg-neutral-50 dark:bg-neutral-800">
193+
<td class="p-2 font-bold">Album management</td>
194+
<td class="px-2 text-center"></td>
195+
<td class="px-2 text-center"></td>
196+
</tr>
197+
<tr class="">
198+
<td class="px-2 text-muted">Smart albums</td>
199+
<td class="px-2 text-center"><Tick/></td>
200+
<td class="px-2 text-center"><Tick/></td>
201+
</tr>
202+
<tr class="">
203+
<td class="px-2 text-muted">Unlimited photos per album</td>
204+
<td class="px-2 text-center"><Tick/></td>
205+
<td class="px-2 text-center"><Tick/></td>
206+
</tr>
207+
<tr class="">
208+
<td class="px-2 text-muted">Possibility to create an album within another album</td>
209+
<td class="px-2 text-center"><Tick/></td>
210+
<td class="px-2 text-center"><Tick/></td>
211+
</tr>
212+
<tr class="">
213+
<td class="px-2 text-muted">Zip & download</td>
214+
<td class="px-2 text-center"><Tick/></td>
215+
<td class="px-2 text-center"><Tick/></td>
216+
</tr>
217+
<tr class="">
218+
<td class="px-2 text-muted">Custom sorting per album</td>
219+
<td class="px-2 text-center"><Tick/></td>
220+
<td class="px-2 text-center"><Tick/></td>
221+
</tr>
222+
<tr class="">
223+
<td class="px-2 text-muted">Justified/Masonry/Square photo layout</td>
224+
<td class="px-2 text-center"><Tick/></td>
225+
<td class="px-2 text-center"><Tick/></td>
226+
</tr>
227+
<tr class="">
228+
<td class="px-2 text-muted">Photo layout customizable per album</td>
229+
<td class="px-2 text-center"><Tick/></td>
230+
<td class="px-2 text-center"><Tick/></td>
231+
</tr>
232+
<tr class="">
233+
<td class="px-2 text-muted">Selectable hero header photo per album</td>
234+
<td class="px-2 text-center"><Tick/></td>
235+
<td class="px-2 text-center"><Tick/></td>
236+
</tr>
237+
<tr class="">
238+
<td class="px-2 text-muted">Slideshow with previous & next</td>
239+
<td class="px-2 text-center"><Tick/></td>
240+
<td class="px-2 text-center"><Tick/></td>
241+
</tr>
242+
243+
244+
<tr class="bg-neutral-50 dark:bg-neutral-800">
245+
<td class="p-2 font-bold">User management</td>
246+
<td class="px-2 text-center"></td>
247+
<td class="px-2 text-center"></td>
248+
</tr>
249+
<tr class="">
250+
<td class="px-2 text-muted">Login with WebAuthn and Oauth</td>
251+
<td class="px-2 text-center"><Tick/></td>
252+
<td class="px-2 text-center"><Tick/></td>
253+
</tr>
254+
<tr class="">
255+
<td class="px-2 text-muted">Access rights management</td>
256+
<td class="px-2 text-center"><Tick/></td>
257+
<td class="px-2 text-center"><Tick/></td>
258+
</tr>
259+
<tr class="">
260+
<td class="px-2 text-muted">Cross-user Album sharing</td>
261+
<td class="px-2 text-center"><Tick/></td>
262+
<td class="px-2 text-center"><Tick/></td>
263+
</tr>
264+
<tr class="">
265+
<td class="px-2 text-muted">Space usage per user</td>
266+
<td class="px-2 text-center"></td>
267+
<td class="px-2 text-center"><Tick/></td>
268+
</tr>
269+
<tr class="">
270+
<td class="px-2 text-muted">Upload Quota per user</td>
271+
<td class="px-2 text-center"></td>
272+
<td class="px-2 text-center"><Tick classes={{icon_bg:'bg-neutral-100 dark:bg-neutral-800', icon: 'text-neutral-800 dark:text-neutral-400'}}/></td>
273+
</tr>
274+
275+
276+
<tr class="bg-neutral-50 dark:bg-neutral-800">
277+
<td class="p-2 font-bold">Administration</td>
278+
<td class="px-2 text-center"></td>
279+
<td class="px-2 text-center"></td>
280+
</tr>
281+
<tr>
282+
<td class="px-2 text-muted">Logs</td>
283+
<td class="px-2 text-center"><Tick/></td>
284+
<td class="px-2 text-center"><Tick/></td>
285+
</tr>
286+
<tr>
287+
<td class="px-2 text-muted">Maintenance page</td>
288+
<td class="px-2 text-center"><Tick/></td>
289+
<td class="px-2 text-center"><Tick/></td>
290+
</tr>
291+
<tr>
292+
<td class="px-2 text-muted">Diagnostics tools</td>
293+
<td class="px-2 text-center"><Tick/></td>
294+
<td class="px-2 text-center"><Tick/></td>
295+
</tr>
296+
<tr>
297+
<td class="px-2 text-muted">Full Manual settings control</td>
298+
<td class="px-2 text-center"><Tick/></td>
299+
<td class="px-2 text-center"><Tick/></td>
300+
</tr>
301+
<tr>
302+
<td class="px-2 text-muted">Statistics on your installation</td>
303+
<td class="px-2 text-center"></td>
304+
<td class="px-2 text-center"><Tick/></td>
305+
</tr>
306+
</tbody>
307+
</table>
308+
</div>
309+
</WidgetWrapper>
102310

103311
<FAQs
104312
title="FAQs"

src/types.d.ts

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -297,3 +297,14 @@ export interface Content3 extends Omit<Headline, 'classes'>, Widget {
297297
}
298298

299299
export interface Contact extends Omit<Headline, 'classes'>, Form, Widget {}
300+
301+
export interface Spec {
302+
type: string;
303+
values?: string[];
304+
available?: boolean[];
305+
}
306+
307+
export interface Products {
308+
products: string[];
309+
}
310+

0 commit comments

Comments
 (0)