aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-11-04 14:43:16 +0100
committerChocobozzz <me@florianbigard.com>2019-11-04 14:43:16 +0100
commitf0876a2c3540b3198c1bd2d16bcd8dc47616c4e1 (patch)
tree5ca1ceaff3d28e68f03c5f6fad93a3a70afc5ff1
parent4618b6867a3be1f964234934f76525a3f8d3d902 (diff)
downloadPeerTube-f0876a2c3540b3198c1bd2d16bcd8dc47616c4e1.tar.gz
PeerTube-f0876a2c3540b3198c1bd2d16bcd8dc47616c4e1.tar.zst
PeerTube-f0876a2c3540b3198c1bd2d16bcd8dc47616c4e1.zip
Add mascot in peertube about page
-rw-r--r--client/src/app/+about/about-peertube/about-peertube-contributors.component.html22
-rw-r--r--client/src/app/+about/about-peertube/about-peertube-contributors.component.scss18
-rw-r--r--client/src/app/+about/about-peertube/about-peertube.component.html8
-rw-r--r--client/src/app/+about/about-peertube/about-peertube.component.scss11
4 files changed, 37 insertions, 22 deletions
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 @@
1<h3 i18n class="section-title">Who made this software?</h3> 1<div class="peertube-contributors">
2 <h3 i18n class="section-title">Who made this software?</h3>
2 3
3<p align="center"> 4 <p align="center">
4 <strong>Developed with &#10084; by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a></strong> 5 <strong>Developed with &#10084; by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a></strong>
5</p> 6 </p>
6 7
7<p align="center"> 8 <p align="center">
8 <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org"> 9 <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">
9 <img width="150px" src="/client/assets/images/framasoft.png" alt="Framasoft logo"/> 10 <img width="150px" src="/client/assets/images/framasoft.png" alt="Framasoft logo"/>
10 </a> 11 </a>
11</p> 12 </p>
12 13
13<div [innerHTML]="creditsHtml"></div> 14 <div [innerHTML]="creditsHtml"></div>
15</div>
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 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4/deep/ h1 { 4.peertube-contributors {
5 font-size: 1rem; 5 /deep/ h1 {
6} 6 font-size: 1rem;
7 }
7 8
8/deep/ ul { 9 /deep/ ul {
9 padding: 0; 10 padding: 0;
10 11
11 li { 12 li {
12 display: inline-block; 13 display: inline-block;
13 margin-right: 10px; 14 margin-right: 10px;
15 }
14 } 16 }
15} 17}
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 @@
1<h1 i18n class="about-peertube-title"> 1<h1 i18n class="about-peertube-title">
2 About PeerTube 2 What is PeerTube?
3</h1> 3</h1>
4 4
5<img class="mascot" width="121px" height="147px" src="/client/assets/images/mascot/default.png" alt="mascot" />
6
5<div class="description"> 7<div class="description">
6 <p i18n>PeerTube is a federated (ActivityPub) video streaming platform using P2P (WebTorrent) directly in the web browser.</p> 8 <p i18n>
9 PeerTube is a self hosted federated (ActivityPub) video streaming platform using P2P directly in the web browser.
10 </p>
7 11
8 <p i18n> 12 <p i18n>
9 It is a free and open-source software, under the <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE">AGPLv3 licence</a>. 13 It is a free and open-source software, under the <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE">AGPLv3 licence</a>.
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 @@
2@import '_mixins'; 2@import '_mixins';
3 3
4.about-peertube-title { 4.about-peertube-title {
5 font-size: 20px; 5 font-size: 25px;
6 text-align: center;
6 font-weight: $font-semibold; 7 font-weight: $font-semibold;
7 margin-bottom: 15px; 8 margin-bottom: 15px;
8} 9}
9 10
11.mascot {
12 display: block;
13 margin: 20px auto;
14}
15
10/deep/ .section-title { 16/deep/ .section-title {
11 font-weight: $font-semibold; 17 font-weight: $font-semibold;
12 font-size: 20px; 18 font-size: 20px;
@@ -14,7 +20,8 @@
14} 20}
15 21
16.description { 22.description {
17 margin-bottom: 30px; 23 margin-bottom: 100px;
24 text-align: center;
18} 25}
19 26
20.description, 27.description,