Add peertube applications links in about page

pull/2302/head
Chocobozzz 2019-12-06 11:28:55 +01:00
parent 3d216ea0f7
commit d8232bac6a
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 185 additions and 123 deletions

View File

@ -1,11 +1,9 @@
<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 class="framasoft">
<strong i18n>Developed with &#10084; by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a></strong>
</p>
<p align="center">
<p>
<a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">
<img width="150px" src="/client/assets/images/framasoft.png" alt="Framasoft logo"/>
</a>

View File

@ -2,12 +2,24 @@
@import '_mixins';
.peertube-contributors {
.framasoft {
font-size: 18px;
}
> p {
text-align: center;
}
/deep/ h1 {
font-size: 1rem;
text-align: center;
font-weight: $font-semibold;
margin-top: 20px;
}
/deep/ ul {
padding: 0;
text-align: center;
li {
display: inline-block;

View File

@ -1,29 +1,68 @@
<h1 i18n class="about-peertube-title">
<div class="root">
<h1 i18n class="about-peertube-title">
What is PeerTube?
</h1>
</h1>
<img class="mascot" width="121px" height="147px" src="/client/assets/images/mascot/default.png" alt="mascot" />
<img class="mascot" width="121px" height="147px" src="/client/assets/images/mascot/default.png" alt="mascot"/>
<div class="description">
<div class="description">
<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>.
It is a free and open-source software, under the <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE">AGPLv3
licence</a>.
</p>
<p i18n>
For more information, please visit <a target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org">joinpeertube.org</a>.
</p>
</div>
</div>
<div class="documentation">
<div class="documentation">
<div class="card">
<div class="card-body">
<h5 class="card-title">
<a i18n target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/#/use-setup-account">Use PeerTube
documentation</a>
</h5>
</div>
<div i18n class="card-text">
Discover how to setup your account, what is a channel, how to create a playlist and more!
</div>
</div>
</div>
<div class="privacy-contributors">
<div class="card">
<div class="card-body">
<h5 class="card-title">
<a i18n target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/#/use-third-party-application">PeerTube
Applications</a>
</h5>
<div i18n class="card-text">
Discover unofficial Android applications or browser addons!
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">
<a i18n target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/#/contribute-getting-started">Contribute on
PeerTube</a>
</h5>
<div i18n class="card-text">
Want to help to improve PeerTube? You can translate the web interface, give your feedback or directly contribute to the code!
</div>
</div>
</div>
</div>
<div class="privacy-contributors">
<my-about-peertube-contributors></my-about-peertube-contributors>
<div class="p2p-privacy">
@ -49,7 +88,8 @@
<li i18n>
For each request sent, the tracker returns random peers at a limited number.
For instance, if there are 1000 peers in the swarm and the tracker sends only 20 peers for each request, there must be at least 50 requests sent to know every peers in the swarm
For instance, if there are 1000 peers in the swarm and the tracker sends only 20 peers for each request, there must be at least 50
requests sent to know every peers in the swarm
</li>
<li i18n>
@ -57,7 +97,8 @@
</li>
<li i18n>
If an IP address is stored in the tracker, it doesn't mean that the person behind the IP (if this person exists) has watched the video
If an IP address is stored in the tracker, it doesn't mean that the person behind the IP (if this person exists) has watched the
video
</li>
<li i18n>
@ -65,8 +106,10 @@
</li>
<li i18n>
Web peers are not publicly accessible: because we use WebRTC inside the web browser (<a href="https://webtorrent.io/">with the WebTorrent library</a>), the protocol is different from classic BitTorrent.
When you are in a web browser, you send a signal containing your IP address to the tracker that will randomly choose other peers to forward the information to.
Web peers are not publicly accessible: because we use WebRTC inside the web browser (<a href="https://webtorrent.io/">with the
WebTorrent library</a>), the protocol is different from classic BitTorrent.
When you are in a web browser, you send a signal containing your IP address to the tracker that will randomly choose other peers
to forward the information to.
See <a href="https://github.com/yciabaud/webtorrent/blob/beps/bep_webrtc.rst">this document</a> for more information
</li>
</ul>
@ -87,7 +130,8 @@
<h6 i18n class="p2p-privacy-title">What can I do to limit the exposure of my IP address?</h6>
<p i18n>
Your IP address is public so every time you consult a website, there is a number of actors (in addition to the final website) seeing your IP in their connection logs: ISP/routers/trackers/CDN and more.
Your IP address is public so every time you consult a website, there is a number of actors (in addition to the final website) seeing
your IP in their connection logs: ISP/routers/trackers/CDN and more.
PeerTube is transparent about it: we warn you that if you want to keep your IP private, you must use a VPN or Tor Browser.
Thinking that removing P2P from PeerTube will give you back anonymity doesn't make sense.
</p>
@ -104,8 +148,11 @@
<li i18n>Set a limit on the request frequency received by the tracker (being tested)</li>
<li i18n>Ring a bell if there are unusual requests (being tested)</li>
<li i18n>Disable P2P from the administration interface</li>
<li i18n>An automatic video redundancy program: we wouldn't know if the IP downloaded the video on purpose or if it was the automatized program</li>
<li i18n>An automatic video redundancy program: we wouldn't know if the IP downloaded the video on purpose or if it was the
automatized program
</li>
</ul>
</div>
</div>
</div>

View File

@ -1,6 +1,11 @@
@import '_variables';
@import '_mixins';
.root {
max-width: 1200px;
margin: auto;
}
.about-peertube-title {
font-size: 25px;
text-align: center;
@ -20,10 +25,22 @@
}
.description {
margin-bottom: 100px;
text-align: center;
}
.documentation {
display: flex;
flex-wrap: wrap;
margin: 50px 0;
justify-content: center;
.card {
margin: 30px;
flex-basis: 300px;
font-size: 15px;
}
}
.description,
.p2p-privacy,
my-about-peertube-contributors {
@ -34,31 +51,19 @@ my-about-peertube-contributors {
}
}
.p2p-privacy-title {
margin-top: 15px;
}
.privacy-contributors {
display: flex;
flex-direction: row;
> div,
> my-about-peertube-contributors {
flex-basis: 100%;
display: block;
}
flex-direction: column;
.p2p-privacy {
.section-title {
margin: 50px 0 20px;
text-align: center;
}
h6 {
font-size: 20px;
margin-top: 15px;
}
}
my-about-peertube-contributors {
margin: 0 40px 40px 0;
}
@media screen and (max-width: $small-view) {
flex-direction: column;
}
}