interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add mascot in peertube about page

This commit is contained in:
Chocobozzz 2019-11-04 14:43:16 +01:00
parent 4618b6867a
commit f0876a2c35
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 37 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/app/+about/about-peertube/about-peertube-contributors.component.html
View File

@ -1,13 +1,15 @@
<h3 i18n class="section-title">Who made this software?</h3>
<div class="peertube-contributors">
<h3 i18n class="section-title">Who made this software?</h3>
<p align="center">
<strong>Developed with &#10084; by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a></strong>
</p>
<p align="center">
<strong>Developed with &#10084; by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a></strong>
</p>
<p align="center">
<a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">
<img width="150px" src="/client/assets/images/framasoft.png" alt="Framasoft logo"/>
</a>
</p>
<p align="center">
<a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">
<img width="150px" src="/client/assets/images/framasoft.png" alt="Framasoft logo"/>
</a>
</p>
<div [innerHTML]="creditsHtml"></div>
<div [innerHTML]="creditsHtml"></div>
</div>

18
client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
View File

@ -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;
}
}
}

8
client/src/app/+about/about-peertube/about-peertube.component.html
View File

@ -1,9 +1,13 @@
<h1 i18n class="about-peertube-title">
About PeerTube
What is PeerTube?
</h1>
<img class="mascot" width="121px" height="147px" src="/client/assets/images/mascot/default.png" alt="mascot" />
<div class="description">
<p i18n>PeerTube is a federated (ActivityPub) video streaming platform using P2P (WebTorrent) directly in the web browser.</p>
<p i18n>
PeerTube is a self hosted federated (ActivityPub) video streaming platform using P2P directly in the web browser.
</p>
<p i18n>
It is a free and open-source software, under the <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE">AGPLv3 licence</a>.

11
client/src/app/+about/about-peertube/about-peertube.component.scss
View File

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