From 4866f0f608f4fe945ec29675acbfcdb7db34e507 Mon Sep 17 00:00:00 2001 From: syeopite Date: Sat, 4 Sep 2021 17:02:02 -0700 Subject: [PATCH 1/7] Change feature lists to individual sections --- content/undraw_privacy_protection_nlwy.svg | 1 + content/undraw_regain_focus_ecvj.svg | 1 + content/undraw_subscriptions_re_k7jj.svg | 38 ++++++++++++++++ layouts/index.html | 50 +++++++--------------- 4 files changed, 56 insertions(+), 34 deletions(-) create mode 100644 content/undraw_privacy_protection_nlwy.svg create mode 100644 content/undraw_regain_focus_ecvj.svg create mode 100644 content/undraw_subscriptions_re_k7jj.svg diff --git a/content/undraw_privacy_protection_nlwy.svg b/content/undraw_privacy_protection_nlwy.svg new file mode 100644 index 0000000..9b8d3a2 --- /dev/null +++ b/content/undraw_privacy_protection_nlwy.svg @@ -0,0 +1 @@ +privacy_protection \ No newline at end of file diff --git a/content/undraw_regain_focus_ecvj.svg b/content/undraw_regain_focus_ecvj.svg new file mode 100644 index 0000000..afe118d --- /dev/null +++ b/content/undraw_regain_focus_ecvj.svg @@ -0,0 +1 @@ +regain_focus \ No newline at end of file diff --git a/content/undraw_subscriptions_re_k7jj.svg b/content/undraw_subscriptions_re_k7jj.svg new file mode 100644 index 0000000..feb08fc --- /dev/null +++ b/content/undraw_subscriptions_re_k7jj.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/layouts/index.html b/layouts/index.html index 887c6a4..a6c90d2 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -14,56 +14,38 @@
Chat with us:
Matrix Libera.chat (IRC) + +
+
+ {{ end }} {{ define "sidebar-prefooter" }} +
-

Data import/export

-

-

    -
  • Import subscriptions from YouTube, NewPipe and Freetube -
  • Import watch history from NewPipe -
  • Export subscriptions to NewPipe and Freetube -
  • Import/Export Invidious user data -
-

+ +

Privacy

+

With protections against the prying eyes of google, and lack of build-in tracking, Invidious help keeps your data private.

-

User features

-

-

    -
  • Lightweight -
  • No ads -
  • No tracking -
  • No JavaScript required -
  • Light/Dark themes -
  • Customizable homepage -
  • Subscriptions independant from Google -
  • Notifications for all subscribed channels -
  • Audio-only mode (with background play on mobile) -
  • Support for Reddit comments -
  • Available in many languages, thanks to our translators -
-

+ +

Humanely designed

+

Invidious helps you regain your focus through ethical design! No more shall you conclusively check YouTube and waste your day away!

-

Technical features

-

-

    -
  • Embedded video support -
  • Developer API -
  • Does not use official YouTube APIs -
  • No Contributor License Agreement (CLA) -
-

+ +

Accounts

+

Invidious allows you to keep track of channels and create playlists, all entirely independent from YouTube

+
+
{{ end }} From d47844e1ec3c1f2401a12b76133c944a47f2c05c Mon Sep 17 00:00:00 2001 From: syeopite Date: Sun, 5 Sep 2021 02:25:42 -0700 Subject: [PATCH 2/7] Use Invidious accent color for undraw images --- content/undraw_privacy_protection_nlwy.svg | 2 +- content/undraw_regain_focus_ecvj.svg | 2 +- content/undraw_subscriptions_re_k7jj.svg | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/content/undraw_privacy_protection_nlwy.svg b/content/undraw_privacy_protection_nlwy.svg index 9b8d3a2..e45f3fb 100644 --- a/content/undraw_privacy_protection_nlwy.svg +++ b/content/undraw_privacy_protection_nlwy.svg @@ -1 +1 @@ -privacy_protection \ No newline at end of file +privacy_protection \ No newline at end of file diff --git a/content/undraw_regain_focus_ecvj.svg b/content/undraw_regain_focus_ecvj.svg index afe118d..0f06abd 100644 --- a/content/undraw_regain_focus_ecvj.svg +++ b/content/undraw_regain_focus_ecvj.svg @@ -1 +1 @@ -regain_focus \ No newline at end of file +regain_focus \ No newline at end of file diff --git a/content/undraw_subscriptions_re_k7jj.svg b/content/undraw_subscriptions_re_k7jj.svg index feb08fc..c4067e0 100644 --- a/content/undraw_subscriptions_re_k7jj.svg +++ b/content/undraw_subscriptions_re_k7jj.svg @@ -4,11 +4,11 @@ - + - + From 2a5ce2d6691eb6970bb2346f8faa9ecdddb52938 Mon Sep 17 00:00:00 2001 From: syeopite Date: Sun, 5 Sep 2021 02:26:50 -0700 Subject: [PATCH 3/7] Change regain_focus to design_inspiration --- content/undraw_design_inspiration_fmjm.svg | 1 + content/undraw_regain_focus_ecvj.svg | 1 - layouts/index.html | 4 +--- 3 files changed, 2 insertions(+), 4 deletions(-) create mode 100644 content/undraw_design_inspiration_fmjm.svg delete mode 100644 content/undraw_regain_focus_ecvj.svg diff --git a/content/undraw_design_inspiration_fmjm.svg b/content/undraw_design_inspiration_fmjm.svg new file mode 100644 index 0000000..b607336 --- /dev/null +++ b/content/undraw_design_inspiration_fmjm.svg @@ -0,0 +1 @@ +design inspiration \ No newline at end of file diff --git a/content/undraw_regain_focus_ecvj.svg b/content/undraw_regain_focus_ecvj.svg deleted file mode 100644 index 0f06abd..0000000 --- a/content/undraw_regain_focus_ecvj.svg +++ /dev/null @@ -1 +0,0 @@ -regain_focus \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index a6c90d2..b069d44 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -34,7 +34,7 @@

With protections against the prying eyes of google, and lack of build-in tracking, Invidious help keeps your data private.

- +

Humanely designed

Invidious helps you regain your focus through ethical design! No more shall you conclusively check YouTube and waste your day away!

@@ -43,9 +43,7 @@

Accounts

Invidious allows you to keep track of channels and create playlists, all entirely independent from YouTube

- - {{ end }} From 7e11f03da2b9a42cb52a703cf1caf91550457253 Mon Sep 17 00:00:00 2001 From: syeopite Date: Sun, 5 Sep 2021 03:29:04 -0700 Subject: [PATCH 4/7] Add more features in showcase: - Multilingual - No ads - Developer API --- content/undraw_Around_the_world_re_n353.svg | 1 + content/undraw_Coding_re_iv62.svg | 1 + content/undraw_Placeholders_re_pvr4.svg | 1 + layouts/index.html | 28 ++++++++++++++++++--- 4 files changed, 27 insertions(+), 4 deletions(-) create mode 100644 content/undraw_Around_the_world_re_n353.svg create mode 100644 content/undraw_Coding_re_iv62.svg create mode 100644 content/undraw_Placeholders_re_pvr4.svg diff --git a/content/undraw_Around_the_world_re_n353.svg b/content/undraw_Around_the_world_re_n353.svg new file mode 100644 index 0000000..849423f --- /dev/null +++ b/content/undraw_Around_the_world_re_n353.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/undraw_Coding_re_iv62.svg b/content/undraw_Coding_re_iv62.svg new file mode 100644 index 0000000..2c5f63b --- /dev/null +++ b/content/undraw_Coding_re_iv62.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/undraw_Placeholders_re_pvr4.svg b/content/undraw_Placeholders_re_pvr4.svg new file mode 100644 index 0000000..409ab70 --- /dev/null +++ b/content/undraw_Placeholders_re_pvr4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index b069d44..5e09640 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -29,19 +29,39 @@
- +

Privacy

With protections against the prying eyes of google, and lack of build-in tracking, Invidious help keeps your data private.

- +

Humanely designed

Invidious helps you regain your focus through ethical design! No more shall you conclusively check YouTube and waste your day away!

- +

Accounts

-

Invidious allows you to keep track of channels and create playlists, all entirely independent from YouTube

+

Invidious allows you to keep track of channels and create playlists, all entirely independent from YouTube.

+
+
+
+ +
+
+
+ +

Multilingual

+

Thanks to our translators, Invidious is available in a multitude of different languages.

+
+
+ +

No Ads

+

Invidious allows you to watch your video in peace, without any of those pesky interruptions.

+
+
+ +

Developer API

+

Invidious's fully featured developer API allows you to programmatically interact with us in every way shape or form.

From aaf1b18db38ab1d2b4875a074d070ad5ec173b10 Mon Sep 17 00:00:00 2001 From: syeopite Date: Sun, 5 Sep 2021 03:30:14 -0700 Subject: [PATCH 5/7] Change doks to use invidious's logo accent color --- assets/scss/app.scss | 41 ++++++++++++++++++++++++++++++++++++++ assets/scss/variables.scss | 5 +++++ 2 files changed, 46 insertions(+) create mode 100644 assets/scss/app.scss create mode 100644 assets/scss/variables.scss diff --git a/assets/scss/app.scss b/assets/scss/app.scss new file mode 100644 index 0000000..6dd8d2e --- /dev/null +++ b/assets/scss/app.scss @@ -0,0 +1,41 @@ +// Mostly taken from doks's own app scss. The only addition would be +// the `@import "variables" in order to overwrite color settings. + + +/** Import Bootstrap functions */ +@import "bootstrap/scss/functions"; + +/** Import theme variables */ +@import "../../node_modules/@hyas/doks/assets/scss/common/variables"; + +/** Overwrite variables */ +@import "variables"; + +/** Import Bootstrap */ +@import "bootstrap/scss/bootstrap"; + +/** Import highlight.js */ +// @import "highlight.js/scss/github-dark-dimmed"; + +/** Import KaTeX */ +@import "katex/dist/katex"; + +/** Import theme styles */ +@import "../../node_modules/@hyas/doks/assets/scss/common/fonts"; +@import "../../node_modules/@hyas/doks/assets/scss/common/global"; +@import "../../node_modules/@hyas/doks/assets/scss/common/dark"; +@import "../../node_modules/@hyas/doks/assets/scss/components/alerts"; +@import "../../node_modules/@hyas/doks/assets/scss/components/buttons"; +@import "../../node_modules/@hyas/doks/assets/scss/components/code"; +@import "../../node_modules/@hyas/doks/assets/scss/components/syntax"; +@import "../../node_modules/@hyas/doks/assets/scss/components/comments"; +@import "../../node_modules/@hyas/doks/assets/scss/components/forms"; +@import "../../node_modules/@hyas/doks/assets/scss/components/images"; +@import "../../node_modules/@hyas/doks/assets/scss/components/mermaid"; +@import "../../node_modules/@hyas/doks/assets/scss/components/search"; +@import "../../node_modules/@hyas/doks/assets/scss/components/tables"; +@import "../../node_modules/@hyas/doks/assets/scss/layouts/footer"; +@import "../../node_modules/@hyas/doks/assets/scss/layouts/header"; +@import "../../node_modules/@hyas/doks/assets/scss/layouts/pages"; +@import "../../node_modules/@hyas/doks/assets/scss/layouts/posts"; +@import "../../node_modules/@hyas/doks/assets/scss/layouts/sidebar"; diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss new file mode 100644 index 0000000..97bb530 --- /dev/null +++ b/assets/scss/variables.scss @@ -0,0 +1,5 @@ +// Same hue as hsl(195, 100%, 47%) (#00b6f0) or the invidious accent color, +// but modified with different lightness and saturation for better readability +// with black text. +$invidious: hsl(195, 85%, 65%); +$primary: $invidious; From 62306d7d9146097bb3995a8bae9cb8da60bea5a8 Mon Sep 17 00:00:00 2001 From: syeopite Date: Sun, 5 Sep 2021 03:40:18 -0700 Subject: [PATCH 6/7] Improve text for humane design section --- layouts/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layouts/index.html b/layouts/index.html index 5e09640..67e41c3 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -35,8 +35,8 @@
-

Humanely designed

-

Invidious helps you regain your focus through ethical design! No more shall you conclusively check YouTube and waste your day away!

+

Ethically designed

+

Invidious helps you regain your focus through a humane-design — no more shall your day be wasted away!

From 250010be82aa9d684bbb3e06a4ed61ee57d8fa99 Mon Sep 17 00:00:00 2001 From: syeopite Date: Sun, 5 Sep 2021 04:04:37 -0700 Subject: [PATCH 7/7] Add alt-text --- layouts/index.html | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/layouts/index.html b/layouts/index.html index 67e41c3..38e457d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -14,10 +14,7 @@
Chat with us:
Matrix Libera.chat (IRC) - -
-
- +

@@ -29,37 +26,39 @@
- + Visual illustration from undraw

Privacy

With protections against the prying eyes of google, and lack of build-in tracking, Invidious help keeps your data private.

- + Visual illustration from undraw

Ethically designed

Invidious helps you regain your focus through a humane-design — no more shall your day be wasted away!

- + Visual illustration from undraw

Accounts

Invidious allows you to keep track of channels and create playlists, all entirely independent from YouTube.

+

+
- + Visual illustration from undraw

Multilingual

Thanks to our translators, Invidious is available in a multitude of different languages.

- + Visual illustration from undraw

No Ads

Invidious allows you to watch your video in peace, without any of those pesky interruptions.

- + Visual illustration from undraw

Developer API

Invidious's fully featured developer API allows you to programmatically interact with us in every way shape or form.