Hall of Fame + Campaign

This commit is contained in:
JosephK 2018-05-24 11:59:12 +02:00
parent 3259cdcfe2
commit ac416c27a4
9 changed files with 286 additions and 7 deletions

View file

@ -40,3 +40,10 @@ name = "Instances"
weight = 6
identifier = ""
url = "https://instances.joinpeertube.org"
[[Languages.en.menu.main]]
name = "Hall of fame"
identifier = "hof"
weight = 7
title = "Hall of fame"
url = "/en/hall-of-fame/"

View file

@ -40,3 +40,10 @@ name = "Instances"
weight = 6
identifier = ""
url = "https://instances.joinpeertube.org"
[[Languages.fr.menu.main]]
name = "Tableau dhonneur"
identifier = "hof"
weight = 7
title = "Tableau dhonneur"
url = "/fr/hall-of-fame/"

106
content/hall-of-fame.en.md Normal file
View file

@ -0,0 +1,106 @@
+++
date = "2018-05-24T14:41:00+01:00"
title = "Tableau dhonneur"
author = "Framasoft"
draft = false
type = "page"
+++
{{% grid class="row hof" %}}
{{% grid class="container" %}}
{{< grid class="col-sm-12" >}}
<h2 class="text-center">Hall of fame</h2>
<h3>Sponsors</h3>
<div class="row">
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/your_logo.png" alt="">
</div>
</a>
</div>
</div>
<p class="text-center"><a class="button" href="#kisskissbankbank">Become a sponsor</a></p>
<h3>Contributors</h3>
<ul class="list-inline well">
<li>Nu Trepanier</li>
<li>Zina Hargis</li>
<li>Katy Comeaux</li>
<li>Leslie Winberg</li>
<li>Federico Hoggatt</li>
<li>Walton Just</li>
<li>Yung Archibald</li>
<li>Jenise Mcfall</li>
<li>Tabitha Howarth</li>
<li>Marquis Matteo</li>
<li>Leonarda Beecham</li>
<li>Leonore Blackwelder</li>
<li>Tamie Bowersox</li>
<li>Sheryll Goers</li>
<li>Howard Frum</li>
<li>Angel Zollner</li>
<li>Sammy Jawad</li>
<li>Tandy Look</li>
<li>Winter Matsunaga</li>
<li>Carola Mcelravy</li>
</ul>
{{< /grid >}}
{{% /grid %}}
{{% /grid %}}

105
content/hall-of-fame.fr.md Normal file
View file

@ -0,0 +1,105 @@
+++
date = "2018-05-24T14:41:00+01:00"
title = "Tableau dhonneur"
author = "Framasoft"
draft = false
type = "page"
+++
{{% grid class="row hof" %}}
{{% grid class="container" %}}
{{< grid class="col-sm-12" >}}
<h2 class="text-center">Tableau dhonneur</h2>
<h3>Sponsors</h3>
<div class="row">
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#kisskissbankbank">
<div class="thumbnail">
<img src="/votre_logo.png" alt="">
</div>
</a>
</div>
</div>
<p class="text-center"><a class="button" href="#kisskissbankbank">Devenir sponsor</a></p>
<h3>Donateurs</h3>
<ul class="list-inline well">
<li>Nu Trepanier</li>
<li>Zina Hargis</li>
<li>Katy Comeaux</li>
<li>Leslie Winberg</li>
<li>Federico Hoggatt</li>
<li>Walton Just</li>
<li>Yung Archibald</li>
<li>Jenise Mcfall</li>
<li>Tabitha Howarth</li>
<li>Marquis Matteo</li>
<li>Leonarda Beecham</li>
<li>Leonore Blackwelder</li>
<li>Tamie Bowersox</li>
<li>Sheryll Goers</li>
<li>Howard Frum</li>
<li>Angel Zollner</li>
<li>Sammy Jawad</li>
<li>Tandy Look</li>
<li>Winter Matsunaga</li>
<li>Carola Mcelravy</li>
</ul>
{{< /grid >}}
{{% /grid %}}
{{% /grid %}}

View file

@ -16,7 +16,18 @@ type = "page"
[Get started](#getting-started) [How it works](#how-it-works)
![](/notebook.jpg)
<div class="col-md-5 well col-md-push-7">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" frameborder="0" allowfullscreen
src="https://framatube.org/videos/embed/f78a97f8-a142-4ce1-a5bd-154bf9386504"></iframe>
</div>
<p class="text-left">PeerTube est actuellement en campagne de financement participatif.
Ensemble, participons à aller vers une version 1.</p>
<p><a class="button" href="#kisskissbankbank">Soutenir Peertube</a></p>
</div>
<div class="col-md-7 col-md-pull-5">
<img src="/notebook.jpg" class="img-responsive" alt="" />
</div>
{{% /grid %}}
{{% /grid %}}

View file

@ -16,7 +16,18 @@ type = "page"
[Pour commencer](#getting-started) [Comment ça fonctionne](#how-it-works)
![](/notebook.jpg)
<div class="col-md-5 well col-md-push-7">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" frameborder="0" allowfullscreen
src="https://framatube.org/videos/embed/f78a97f8-a142-4ce1-a5bd-154bf9386504"></iframe>
</div>
<p class="text-left">PeerTube est actuellement en campagne de financement participatif.
Ensemble, participons à aller vers une version 1.</p>
<p><a class="button" href="#kisskissbankbank">Soutenir Peertube</a></p>
</div>
<div class="col-md-7 col-md-pull-5">
<img src="/notebook.jpg" class="img-responsive" alt="" />
</div>
{{% /grid %}}
{{% /grid %}}

BIN
static/votre_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
static/your_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

View file

@ -85,11 +85,23 @@ body .medias .container {
background: transparent;
}
.intro, .faq {
.intro, .faq, .hof {
background: transparent;
margin-top: -70px;
}
.intro .embed-responsive + p {
margin-bottom:0;
margin-top: 20px;
}
.intro .col-md-push-7 .button {
margin-bottom:10px;
}
.intro .col-md-pull-5 {
margin-left:-15px;
}
.medias {
background-image: url('../player-peertube-flou.jpg');
background-size: cover;
@ -167,7 +179,8 @@ body .medias .container {
.how-it-works a[href^="#"],
.how-it-works a[href*="/faq"],
.faq .col-sm-12 > p a[href="https://framacolibri.org/c/qualite/peertube"],
.getting-started .col-sm-12 > p a[href*="framatube.org"] {
.getting-started .col-sm-12 > p a[href*="framatube.org"],
.button {
margin-top: 20px;
margin-bottom: 20px;
font-weight: 500;
@ -182,7 +195,8 @@ body .medias .container {
.intro a[href^="#"]:hover,
.install a:hover,
.how-it-works a[href^="#"]:hover {
.how-it-works a[href^="#"]:hover,
.button {
opacity: 1;
}
@ -197,14 +211,16 @@ body .medias .container {
.install a[href="https://github.com/Chocobozzz/PeerTube/#production"],
.how-it-works a[href*="/faq"],
.faq .col-sm-12 > p a[href="https://framacolibri.org/c/qualite/peertube"],
.getting-started .col-sm-12 > p a[href*="framatube.org"] {
.getting-started .col-sm-12 > p a[href*="framatube.org"],
.button {
margin-right: auto;
color: #F1680D;
background: #fff;
border: 1px solid #F1680D;
}
.getting-started h2 {
.getting-started h2,
a.button {
color: #F1680D;
}
@ -282,3 +298,19 @@ footer { /* Hugos footer != JoinPTs footer */
.faq h2 {
margin: 40px 0px;
}
.thumbnail img {
margin:0;
}
.hof .list-inline li:nth-of-type(n+2):before {
content: "▶";
margin-right: 12px;
color: #F1680D;
}
.hof .list-inline li:nth-of-type(2n+2):before {
color: #211F20;
}
.hof .list-inline li:nth-of-type(3n+2):before {
color: #737373;
}