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; 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/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_privacy_protection_nlwy.svg b/content/undraw_privacy_protection_nlwy.svg new file mode 100644 index 0000000..e45f3fb --- /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_subscriptions_re_k7jj.svg b/content/undraw_subscriptions_re_k7jj.svg new file mode 100644 index 0000000..c4067e0 --- /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..38e457d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -14,54 +14,53 @@
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 -
-

+ 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.

-

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 -
-

+ Visual illustration from undraw +

Ethically designed

+

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

-

Technical features

-

-

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

+ 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.