diff --git a/.gitattributes b/.gitattributes index 4fae6dc..3a24117 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1 +1,2 @@ *.jpg filter=lfs diff=lfs merge=lfs -text +*.png filter=lfs diff=lfs merge=lfs -text diff --git a/src/assets/images/vikunja/01-task-overview.png b/src/assets/images/vikunja/01-task-overview.png index f8b2a0b..40137d8 100644 Binary files a/src/assets/images/vikunja/01-task-overview.png and b/src/assets/images/vikunja/01-task-overview.png differ diff --git a/src/assets/images/vikunja/02-task-list.png b/src/assets/images/vikunja/02-task-list.png index 3ce9275..4233ed4 100644 Binary files a/src/assets/images/vikunja/02-task-list.png and b/src/assets/images/vikunja/02-task-list.png differ diff --git a/src/assets/images/vikunja/03-task-gantt.png b/src/assets/images/vikunja/03-task-gantt.png index d76b504..a87c7d5 100644 Binary files a/src/assets/images/vikunja/03-task-gantt.png and b/src/assets/images/vikunja/03-task-gantt.png differ diff --git a/src/assets/images/vikunja/04-task-table.png b/src/assets/images/vikunja/04-task-table.png index a1c02c3..14d6514 100644 Binary files a/src/assets/images/vikunja/04-task-table.png and b/src/assets/images/vikunja/04-task-table.png differ diff --git a/src/assets/images/vikunja/05-task-kanban.png b/src/assets/images/vikunja/05-task-kanban.png index 0290628..ef91a58 100644 Binary files a/src/assets/images/vikunja/05-task-kanban.png and b/src/assets/images/vikunja/05-task-kanban.png differ diff --git a/src/assets/images/vikunja/06-task-detail.png b/src/assets/images/vikunja/06-task-detail.png index df9d2ad..e20fdfc 100644 Binary files a/src/assets/images/vikunja/06-task-detail.png and b/src/assets/images/vikunja/06-task-detail.png differ diff --git a/src/assets/images/vikunja/07-quick-add.png b/src/assets/images/vikunja/07-quick-add.png index 30e115d..7418de9 100644 Binary files a/src/assets/images/vikunja/07-quick-add.png and b/src/assets/images/vikunja/07-quick-add.png differ diff --git a/src/assets/images/vikunja/08-task-kanban-background.png b/src/assets/images/vikunja/08-task-kanban-background.png index 8fefcc5..5facb66 100644 Binary files a/src/assets/images/vikunja/08-task-kanban-background.png and b/src/assets/images/vikunja/08-task-kanban-background.png differ diff --git a/src/assets/images/vikunja/09-task-detail-dark.png b/src/assets/images/vikunja/09-task-detail-dark.png index 0540bf7..3242faa 100644 Binary files a/src/assets/images/vikunja/09-task-detail-dark.png and b/src/assets/images/vikunja/09-task-detail-dark.png differ diff --git a/src/assets/images/vikunja/features/gantt.png b/src/assets/images/vikunja/features/gantt.png new file mode 100644 index 0000000..9c97431 --- /dev/null +++ b/src/assets/images/vikunja/features/gantt.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:32a7f12b25813f0164240173cf8a2ebb4be1aecfdaed4031aaac190750f9b7a3 +size 30235 diff --git a/src/assets/images/vikunja/features/kanban.png b/src/assets/images/vikunja/features/kanban.png new file mode 100644 index 0000000..b0d176c --- /dev/null +++ b/src/assets/images/vikunja/features/kanban.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8c9e68b4e49aae32b40cbbf00587b37ed14cf3ddf73cfee30466c84d26361fa0 +size 32541 diff --git a/src/assets/images/vikunja/features/list.png b/src/assets/images/vikunja/features/list.png new file mode 100644 index 0000000..5dbda67 --- /dev/null +++ b/src/assets/images/vikunja/features/list.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:56e65f6dd062a271870fba2e1478d0627e57c3ff714b4784a7c765a7acc103e8 +size 35909 diff --git a/src/assets/images/vikunja/features/table.png b/src/assets/images/vikunja/features/table.png new file mode 100644 index 0000000..063205e --- /dev/null +++ b/src/assets/images/vikunja/features/table.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8c80265300e6706394601e34f55177aee3e020864c0b86af50ec03abcfe0c3b0 +size 28446 diff --git a/src/assets/images/vikunja/features/task.png b/src/assets/images/vikunja/features/task.png new file mode 100644 index 0000000..872902f --- /dev/null +++ b/src/assets/images/vikunja/features/task.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:402b7b917c06cd2d834cce52e4bf7dc0e26747b5ccb2df73c650002cb0e46c83 +size 244761 diff --git a/src/components/partials/FeatureCenter.astro b/src/components/features/FeatureCenter.astro similarity index 90% rename from src/components/partials/FeatureCenter.astro rename to src/components/features/FeatureCenter.astro index 1417f30..81b6f5c 100644 --- a/src/components/partials/FeatureCenter.astro +++ b/src/components/features/FeatureCenter.astro @@ -5,7 +5,7 @@ interface Props { const {heading} = Astro.props --- -
+

{heading} diff --git a/src/components/features/FeatureImageSide.astro b/src/components/features/FeatureImageSide.astro new file mode 100644 index 0000000..0bd9284 --- /dev/null +++ b/src/components/features/FeatureImageSide.astro @@ -0,0 +1,35 @@ +--- +import {Picture} from 'astro:assets' + +interface Props { + image: any, + orientation?: 'right' | 'left' +} + +const {image, orientation: origOrientation} = Astro.props + +const orientation = origOrientation ?? 'right' +--- +
+ {orientation === 'left' ? +
+ +
: ''} +
+ +
+ {orientation === 'right' ? +
+ +
: ''} +
diff --git a/src/components/features/FeatureSmall.astro b/src/components/features/FeatureSmall.astro new file mode 100644 index 0000000..39bb68d --- /dev/null +++ b/src/components/features/FeatureSmall.astro @@ -0,0 +1,41 @@ +--- +type Icon = 'label' | 'filter' | 'priority' | 'delegation' | 'attachment' | 'relation' | 'date' | 'share' | 'caldav' + +interface Props { + title: string + icon: Icon +} + +const {title, icon} = Astro.props + +function getIcon(icon: Icon) : string { + switch (icon) { + case 'label': + return '' + case 'filter': + return '' + case 'priority': + return '' + case 'delegation': + return '' + case 'attachment': + return '' + case 'relation': + return '' + case 'date': + return '' + case 'share': + return '' + } + return '' +} +--- +
+

+ + {title} +

+

+ +

+
diff --git a/src/components/partials/CloudOrSelfHosted.astro b/src/components/partials/CloudOrSelfHosted.astro new file mode 100644 index 0000000..87b6f74 --- /dev/null +++ b/src/components/partials/CloudOrSelfHosted.astro @@ -0,0 +1,28 @@ +--- +import Button from '../Button.astro' +--- +
+
+

+ Use the open-source version on your own server +

+ + +
+ +
+ OR +
+ +
+

+ Don't have a server or don't want to deal with it? +

+ + +
+
diff --git a/src/pages/features.astro b/src/pages/features.astro index 2c4415e..4200f29 100644 --- a/src/pages/features.astro +++ b/src/pages/features.astro @@ -1,10 +1,22 @@ --- +import {Picture} from 'astro:assets' + import Layout from '../layouts/Layout.astro' -import FeatureCenter from '../components/partials/FeatureCenter.astro' +import FeatureCenter from '../components/features/FeatureCenter.astro' +import FeatureImageSide from '../components/features/FeatureImageSide.astro' + +import VikunjaTaskOverview from '../assets/images/vikunja/01-task-overview.png' +import VikunjaFeatureTask from '../assets/images/vikunja/features/task.png' +import VikunjaFeatureList from '../assets/images/vikunja/features/list.png' +import VikunjaFeatureGantt from '../assets/images/vikunja/features/gantt.png' +import VikunjaFeatureKanban from '../assets/images/vikunja/features/kanban.png' +import VikunjaFeatureTable from '../assets/images/vikunja/features/table.png' +import FeatureSmall from '../components/features/FeatureSmall.astro' +import CloudOrSelfHosted from '../components/partials/CloudOrSelfHosted.astro' --- - -
+ +

Think of Vikunja like the notebook you have with all your things to keep track of. @@ -60,7 +72,7 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro'

- + Vikunja is openly licensed under the AGPLv3. @@ -72,19 +84,16 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro' And if you are a developer and know your way around Go or Vue.js, any help is appreciated. - - We will never sell your grocery list or metadata. - Because privacy matters.
- Don't take our word for it, - check it! - Vikunja is openly licensed under the AGPLv3. - - -
- +
+
- + @@ -95,7 +104,7 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro' ecause a productive tool should not get in your way. - +

@@ -116,9 +125,9 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro' Vikunja also lets you split a task in multiple subtasks for easy progress tracking and more satisfaction when crossing them off the list!

- + - + @@ -139,7 +148,7 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro' Vikunja allows you to view tasks in four different views - use whatever works best for you.

- +

- + - +

@@ -169,9 +178,9 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro' The Gantt Chart is perfect to get a timely overview of all tasks currently in-progress in a project. It allows for easy planning of deadlines and due dates.

- + - +

@@ -190,9 +199,9 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro' All tasks can be added through the usual ways and will then show up in the kanban board where they can be easily rearranged and reordered.

- + - +

- + - + Because work does not happen in one tool only. @@ -217,65 +226,61 @@ import FeatureCenter from '../components/partials/FeatureCenter.astro'

Other Features

- + Effortlessly mark tasks with a colorful label to find and group relevant tasks with a click! - - + + Create a filter with only the tasks you care about. Save it once, use it always. - - + + Know that feeling when you have a dozen things to do but can't decide on what to work next? Vikunja lets you quickly prioritize your tasks, so you'll always know on what to work next. - - + + Assign tasks to other users or yourself so everyone always knows who is responsible for which task. - - + + Attach files to tasks, so you can always have all related files for a task in one place! - +
- + Relate different tasks together - even if they're not in the same project! A relation can be multiple things, for example a subtask or blocking task. - - + + Remember these tasks with a deadline coming up? Set a due date for a task and see all tasks with upcoming deadlines at once! - - + + You can share a project with a link so that others can directly see or edit all tasks in a project but don't need to create an account. Share links have all the same rights management as sharing with users or teams. - - + + Vikunja comes with a calDAV-integration which lets you use the tools you already use and love. - +
- + + We will never sell your grocery list or metadata. + Because privacy matters.
+ Don't take our word for it, + check it! + Vikunja is openly licensed under the AGPLv3. + + + +
- @if(request()->input('from') === 'io') -

Get Started

- Check out the docs - @else -

Questions?

- Ask us! - @endif -
- -
-
-

Excited?

- -
+

Get Started

+
diff --git a/src/pages/index.astro b/src/pages/index.astro index 9ee92d0..895e2f5 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -18,6 +18,7 @@ import HeroLlama1 from '../assets/images/hero-llamas-small.jpg' import HeroLlama2 from '../assets/images/hero-llamas-2-small.jpg' import HeroLlama3 from '../assets/images/hero-llamas-3-small.jpg' import Button from '../components/Button.astro' +import CloudOrSelfHosted from '../components/partials/CloudOrSelfHosted.astro' const carouselImages = [ {src: VikunjaTaskOverview, alt: ''}, @@ -50,31 +51,7 @@ const carouselImages = [

-
-
-

- Use the open-source version on your own server -

- - -
- -
- OR -
- -
-

- Don't have a server or don't want to deal with it? -

- - -
-
+