From f0876a2c3540b3198c1bd2d16bcd8dc47616c4e1 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Mon, 4 Nov 2019 14:43:16 +0100 Subject: Add mascot in peertube about page --- .../about-peertube-contributors.component.html | 22 ++++++++++++---------- .../about-peertube-contributors.component.scss | 18 ++++++++++-------- .../about-peertube/about-peertube.component.html | 8 ++++++-- .../about-peertube/about-peertube.component.scss | 11 +++++++++-- 4 files changed, 37 insertions(+), 22 deletions(-) (limited to 'client/src/app') diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.html b/client/src/app/+about/about-peertube/about-peertube-contributors.component.html index 997a6a3e1..de60754cb 100644 --- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.html +++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.html @@ -1,13 +1,15 @@ -

Who made this software?

+
+

Who made this software?

-

- Developed with ❤ by Framasoft -

+

+ Developed with ❤ by Framasoft +

-

- - Framasoft logo - -

+

+ + Framasoft logo + +

-
+
+
diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss index 9c3b0a46b..6a22f569f 100644 --- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss +++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss @@ -1,15 +1,17 @@ @import '_variables'; @import '_mixins'; -/deep/ h1 { - font-size: 1rem; -} +.peertube-contributors { + /deep/ h1 { + font-size: 1rem; + } -/deep/ ul { - padding: 0; + /deep/ ul { + padding: 0; - li { - display: inline-block; - margin-right: 10px; + li { + display: inline-block; + margin-right: 10px; + } } } diff --git a/client/src/app/+about/about-peertube/about-peertube.component.html b/client/src/app/+about/about-peertube/about-peertube.component.html index d1e3e1b3c..5c63052d8 100644 --- a/client/src/app/+about/about-peertube/about-peertube.component.html +++ b/client/src/app/+about/about-peertube/about-peertube.component.html @@ -1,9 +1,13 @@

- About PeerTube + What is PeerTube?

+mascot +
-

PeerTube is a federated (ActivityPub) video streaming platform using P2P (WebTorrent) directly in the web browser.

+

+ PeerTube is a self hosted federated (ActivityPub) video streaming platform using P2P directly in the web browser. +

It is a free and open-source software, under the AGPLv3 licence. diff --git a/client/src/app/+about/about-peertube/about-peertube.component.scss b/client/src/app/+about/about-peertube/about-peertube.component.scss index 8fca53e90..cd1364c14 100644 --- a/client/src/app/+about/about-peertube/about-peertube.component.scss +++ b/client/src/app/+about/about-peertube/about-peertube.component.scss @@ -2,11 +2,17 @@ @import '_mixins'; .about-peertube-title { - font-size: 20px; + font-size: 25px; + text-align: center; font-weight: $font-semibold; margin-bottom: 15px; } +.mascot { + display: block; + margin: 20px auto; +} + /deep/ .section-title { font-weight: $font-semibold; font-size: 20px; @@ -14,7 +20,8 @@ } .description { - margin-bottom: 30px; + margin-bottom: 100px; + text-align: center; } .description, -- cgit v1.2.3