diff --git a/Makefile b/Makefile index b5efe9d..4cc4dba 100644 --- a/Makefile +++ b/Makefile @@ -3,6 +3,7 @@ all: hugo locales: txt2po --progress=none --duplicates=merge -P -i content/home.fr.md -o pot/home.pot txt2po --progress=none --duplicates=merge -P -i content/faq.fr.md -o pot/faq.pot + txt2po --progress=none --duplicates=merge -P -i content/hall-of-fame.fr.md -o pot/hall-of-fame.pot txt2po --progress=none --duplicates=merge -P -i config/en.toml -o pot/config.pot push-locales: locales diff --git a/config/en.toml b/config/en.toml index a151e12..cf5a56f 100644 --- a/config/en.toml +++ b/config/en.toml @@ -39,3 +39,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/" diff --git a/config/fr.toml b/config/fr.toml index b023aae..571f3a6 100644 --- a/config/fr.toml +++ b/config/fr.toml @@ -39,3 +39,10 @@ name = "Instances" weight = 6 identifier = "" url = "https://instances.joinpeertube.org" + +[[Languages.fr.menu.main]] +name = "Tableau d’honneur" +identifier = "hof" +weight = 7 +title = "Tableau d’honneur" +url = "/fr/hall-of-fame/" diff --git a/content/hall-of-fame.en.md b/content/hall-of-fame.en.md new file mode 100644 index 0000000..361c5c9 --- /dev/null +++ b/content/hall-of-fame.en.md @@ -0,0 +1,141 @@ ++++ + +date = "2018-05-24T14:41:00+01:00" +title = "Hall of fame" +author = "Framasoft" +draft = false +type = "page" ++++ + +{{% grid class="row hof" %}} +{{% grid class="container" %}} +{{< grid class="col-sm-12" >}} + +

Hall of fame

+ +

Sponsors

+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+

Become a sponsor

+ +

Financial Contributors

+ + +

Add your name here

+ +

Contributors

+ +

Contribute to the code

+ +{{< /grid >}} +{{% /grid %}} +{{% /grid %}} diff --git a/content/hall-of-fame.fr.md b/content/hall-of-fame.fr.md new file mode 100644 index 0000000..3b58ba0 --- /dev/null +++ b/content/hall-of-fame.fr.md @@ -0,0 +1,142 @@ ++++ + +date = "2018-05-24T14:41:00+01:00" +title = "Tableau d’honneur" +author = "Framasoft" +draft = false +type = "page" ++++ + +{{% grid class="row hof" %}} +{{% grid class="container" %}} +{{< grid class="col-sm-12" >}} + +

Tableau d’honneur

+ +

Sponsors

+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+

Devenir sponsor

+ +

Donateurs

+ + +

Ajouter votre nom ici

+ +

Contributeurs

+ + +

Contribuer au code

+ +{{< /grid >}} +{{% /grid %}} +{{% /grid %}} diff --git a/content/home.en.md b/content/home.en.md index 5a9e73a..0151332 100644 --- a/content/home.en.md +++ b/content/home.en.md @@ -15,9 +15,21 @@ type = "page" # Take back the control of your videos ## A decentralized video hosting network, based on free/libre software -[Get started](#getting-started) [How it works](#how-it-works) -![](/notebook.jpg) + +
+
+ +
+

Help us improve PeerTube to its v1!
+ Only 45 days left to contributing to our crowdfunding!

+

Soutenir PeerTube

+
+
+ +

Get started How it works

+
{{% /grid %}} {{% /grid %}} diff --git a/content/home.fr.md b/content/home.fr.md index 16b05e0..ff6e02c 100644 --- a/content/home.fr.md +++ b/content/home.fr.md @@ -15,9 +15,19 @@ type = "page" # Reprenez le contrôle de vos vidéos ## L’hébergement de vidéos décentralisé, en réseau, basé sur du logiciel libre -[Pour commencer](#getting-started) [Comment ça fonctionne](#how-it-works) - -![](/notebook.jpg) +
+
+ +
+

Aidez-nous à réaliser la v1 de PeerTube !
+ Plus que 45 jours pour participer à notre financement participatif !

+

Soutenir PeerTube

+
+
+ +

Pour commencer Comment ça fonctionne

+
{{% /grid %}} {{% /grid %}} diff --git a/static/votre_logo.png b/static/votre_logo.png new file mode 100644 index 0000000..849efe3 Binary files /dev/null and b/static/votre_logo.png differ diff --git a/static/your_logo.png b/static/your_logo.png new file mode 100644 index 0000000..ab19b81 Binary files /dev/null and b/static/your_logo.png differ diff --git a/themes/hugo-bootstrap-premium/static/css/style.css b/themes/hugo-bootstrap-premium/static/css/style.css index b40a885..7166460 100644 --- a/themes/hugo-bootstrap-premium/static/css/style.css +++ b/themes/hugo-bootstrap-premium/static/css/style.css @@ -24,7 +24,7 @@ body > .container { padding: 0px; } @media screen and (max-width: 768px) { - a.navbar-brand-img>img { + a.navbar-brand-img > img { vertical-align: bottom; padding: 1em 0 0 15px; max-width: 80%; @@ -85,7 +85,7 @@ body .medias .container { background: transparent; } -.intro, .faq { +.intro, .faq, .hof { background: transparent; margin-top: -70px; } @@ -167,7 +167,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 +183,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 +199,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 +286,70 @@ footer { /* Hugo’s footer != JoinPT’s footer */ .faq h2 { margin: 40px 0px; } + +.thumbnail img { + margin:0; +} + +/* Hall of Fame */ +.hof ul { /* = .list-inline.well */ + margin-left: -5px; + list-style: none; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); +} + +.hof ul > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +.hof li:nth-of-type(n+2):before { + content: "▶"; + margin-right: 12px; + color: #F1680D; +} +.hof li:nth-of-type(2n+2):before { + color: #211F20; +} +.hof li:nth-of-type(3n+2):before { + color: #737373; +} + +/* KKBB */ +.intro .embed-responsive + p { + margin-bottom:0; + margin-top: 20px; +} + +.intro .col-md-push-6 .button { + margin-bottom:10px; +} + +@media (min-width: 1200px) { + [lang="fr"] .intro .col-md-pull-6 a { + margin-top: 36px; + } +} +@media (max-width: 1200px) { + [lang="fr"] .intro .col-md-pull-6 a { + margin-top: -10px; + } +} + +@media (min-width: 992px) { + [lang="en"] .intro .col-md-pull-6 a { + margin-top: 39px; + } +} +@media (min-width: 1200px) { + [lang="en"] .intro .col-md-pull-6 a { + margin-top: 11px; + } +} diff --git a/themes/hugo-bootstrap-premium/static/js/site.js b/themes/hugo-bootstrap-premium/static/js/site.js index e9a3f67..61e3866 100644 --- a/themes/hugo-bootstrap-premium/static/js/site.js +++ b/themes/hugo-bootstrap-premium/static/js/site.js @@ -8,3 +8,8 @@ $( scrollTop : 0 // Scroll to top of body }, 500); }); + +const end = new Date('07/08/2018 11:59 PM'); +const now = new Date(); +const days = (end - now < 0) ? 0 : Math.floor((end - now) / 86400000); // 24*60*60*1000 +document.getElementById('kkbbDays').innerHTML = days;