diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css index 968449db..a93d92cd 100644 --- a/docs/assets/css/main.css +++ b/docs/assets/css/main.css @@ -103,7 +103,8 @@ body { font-size: 1.4rem; text-decoration: none; } .header__old-releases:hover { - color: #faa424; } + color: #faa424; + text-decoration: underline; } .download-button { transition: all .2s; @@ -165,10 +166,15 @@ body { min-height: 20rem; background-color: whitesmoke; padding: 1rem; } + .section-clear__big-title { + font-weight: 400; + font-size: 3rem; + text-align: center; } .section-clear__title { font-weight: 400; font-size: 2.5rem; color: #141414; + margin-top: 5rem; margin-left: 15vw; } .section-clear__subtitle { font-weight: 400; @@ -181,6 +187,33 @@ body { background-color: #141414; background-color: white; } +.functionalities__row { + max-width: 100rem; } + +.functionalities__text { + display: block; + margin: auto; + font-weight: 400; + font-size: 2rem; + text-align: center; + padding: 7rem 5rem 0 5rem; + max-width: 50rem; } + +.functionalities__conclusion { + max-width: 60rem; + padding: 2rem 5rem 5rem 5rem; } + +.functionalities__strong { + font-weight: 400; + font-weight: bold; } + +.functionalities__video { + display: block; + margin: 2rem auto; } + .functionalities__video:focus { + border: none; + outline: none; } + .footer { text-align: center; background-color: #141414; diff --git a/docs/assets/sass/layout/_header.scss b/docs/assets/sass/layout/_header.scss index c170bd7c..f5b1d70a 100644 --- a/docs/assets/sass/layout/_header.scss +++ b/docs/assets/sass/layout/_header.scss @@ -68,6 +68,7 @@ $link-hover-color: rgb(250, 164, 36);; &:hover { color: $link-hover-color; + text-decoration: underline; } } } diff --git a/docs/assets/sass/layout/_section.scss b/docs/assets/sass/layout/_section.scss index d8a8c422..37eaf78a 100644 --- a/docs/assets/sass/layout/_section.scss +++ b/docs/assets/sass/layout/_section.scss @@ -18,20 +18,27 @@ &-clear { font-weight: 300; - font-family: 'Open Sans', sans-serif; + font-family: 'Open Sans', sans-serif; min-height: 20rem; background-color: whitesmoke; padding: 1rem; + &__big-title { + font-weight: 400; + font-size: 3rem; + text-align: center; + } + &__title { font-weight: 400; font-size: 2.5rem; color: $dark-background; + margin-top: 5rem; margin-left: 15vw; // text-align: center; } - &__subtitle{ + &__subtitle { font-weight: 400; font-size: 2rem; color: $dark-background; @@ -46,4 +53,48 @@ background-color: $dark-background; background-color: rgb(255, 255, 255); } +} + +.functionalities { + + &__row { + max-width: 100rem; + } + + &__text { + display: block; + margin: auto; + font-weight: 400; + font-size: 2rem; + + // height: 30rem; + text-align: center; + padding: 7rem 5rem 0 5rem; + max-width: 50rem; + + + + // outline: 1px solid greenyellow; + } + + &__conclusion { + max-width: 60rem; + padding: 2rem 5rem 5rem 5rem; + } + + &__strong { + font-weight: 400; + font-weight: bold; + } + + &__video { + display: block; + margin: 2rem auto; + + &:focus { + border: none; + outline: none; + } + } + } \ No newline at end of file diff --git a/docs/images/labels.png b/docs/images/labels.png new file mode 100644 index 00000000..2875d170 Binary files /dev/null and b/docs/images/labels.png differ diff --git a/docs/images/sengi_image.old.png b/docs/images/sengi_image.old.png new file mode 100644 index 00000000..7d0cfe34 Binary files /dev/null and b/docs/images/sengi_image.old.png differ diff --git a/docs/images/sengi_image.png b/docs/images/sengi_image.png index 7d0cfe34..d4211a84 100644 Binary files a/docs/images/sengi_image.png and b/docs/images/sengi_image.png differ diff --git a/docs/images/sengi_image_ubuntu.png b/docs/images/sengi_image_ubuntu.png new file mode 100644 index 00000000..7bd96585 Binary files /dev/null and b/docs/images/sengi_image_ubuntu.png differ diff --git a/docs/images/timelines.png b/docs/images/timelines.png new file mode 100644 index 00000000..381c6236 Binary files /dev/null and b/docs/images/timelines.png differ diff --git a/docs/index.html b/docs/index.html index a4a3ecdb..1b505332 100644 --- a/docs/index.html +++ b/docs/index.html @@ -75,8 +75,8 @@
- browse - previous releases + browse previous releases
@@ -87,9 +87,8 @@
-

Sengi is a multi-account desktop client.
-
- Its aim is to let you use all your accounts
easily and seamlessly.
+

+ Sengi will let you use all your accounts
easily and seamlessly

@@ -105,20 +104,91 @@
-

Functionalities

- -

Labels

+

Main Functionalities

+

Seamless account switch

+
+
+

+ Just click on the account's avatar,
+ and all your next actions will be performed by it.
+ Yes, it's powerful. +

+
+
+ +
+
-

Seamless account switch

- -

Display globaly, interact precisely

+

All instances timelines in one place

+
+
+

+ Add the timelines and lists of your account' instances all next to each others in the same + interface. +

+
+
+ +
+
-

Autoremove Thread's Content-Warnings

+

Don't lose your focus

+
+
+

+ Opening a profile, thread, hashtag or even just repling to someone will always take place in the + current Timeline. +

+
+
+ +
+
-

Trustfull and modern

+

Labels

+
+
+

+ Get a quick insight if a status is part of a thread, has replies, is from a bot, is old, was + cross-posted (limited to local TL), + etcaetera. +

+
+
+ +
+
- +

Autoremove Thread's Content-Warnings

+
+
+

+ Easily remove all CW from a thread
+ with one single click! +

+
+
+ +
+
+ +

And many more!

+ +
+

+ Sengi is for powerusers. There is a lot more things to discover and more to come too! +

+
diff --git a/docs/videos/Clip_account_switch.mp4 b/docs/videos/Clip_account_switch.mp4 new file mode 100644 index 00000000..1c55e7f8 Binary files /dev/null and b/docs/videos/Clip_account_switch.mp4 differ diff --git a/docs/videos/Clip_cw_button.mp4 b/docs/videos/Clip_cw_button.mp4 new file mode 100644 index 00000000..129a057a Binary files /dev/null and b/docs/videos/Clip_cw_button.mp4 differ diff --git a/docs/videos/Clip_timelines.mp4 b/docs/videos/Clip_timelines.mp4 new file mode 100644 index 00000000..c4e189e5 Binary files /dev/null and b/docs/videos/Clip_timelines.mp4 differ