README.md

@@ -1,4 +1,8 @@
-# reveal-hugo
+# cohabit Custom css : ./static/reveal-hugo/themes/sunblind.css
+# fonte : Alte Haas Grotesk,  https://www.dafont.com/fr/alte-haas-grotesk.font
+  auteur : yann le coroller
+  dossier : static/fonts/
+# thème : reveal-hugo
 
 ![License badge](https://img.shields.io/github/license/dzello/reveal-hugo.svg)
 [![Website up/down badge](https://img.shields.io/website-up-down-green-red/https/reveal-hugo.dzello.com.svg)](https://reveal-hugo.dzello.com/)

config.toml

@@ -4,6 +4,10 @@ title = "Bienvenue au Fablab Coh@bit"
 disableKinds = ["sitemap", "RSS"]
 theme = "reveal-hugo"
 
+# css
+
+custom_css = "css/custom.css"
+
 # uncomment for browsing at file:///
 relativeURLs = true
 uglyURLs = true

content/_index.md

@@ -1,6 +1,6 @@
 +++
 title = "fablab Coh@bit"
-description = "Le fablab Coh@bit est ouvert à TOUT LE MONDE pour venir expéirmenter, documenter, partager des fabrications plus ou moins créatives. Basé à Gradignan (33)."
+description = "Coh@bit, le fablab de l'université de Bordeaux ouvert à TOUS."
 outputs = ["Reveal"]
 [reveal_hugo]
 custom_theme = "reveal-hugo/themes/sunblind.css"
@@ -11,13 +11,17 @@ transition_speed = "slow"
 +++
 
 
+{{< slide class="hello" background-image="images/musee.png">}}
+<img src="images/logo-cohabit-seul-clair.png" alt="" width="70%" height="auto" margin="10px" style="border:0; box-shadow:none; background:0" lign="center"/>
 
-## LE FABLAB COHABIT EST OUVERT A TOUT LE MONDE
+## UN FABLAB DE L'UNIVERSITÉ DE BORDEAUX OUVERT À TOUS
-# 📖
+
-### EXPERIMENTER,
+<br>
-### FABRIQUER,
+<a href="/#/2" ><p style="font-size:25px;">/// PRÉSENTATION ///<p></a>
-### DOCUMENTER,
+<a href="/#/2" ><p style="font-size:25px;">/// MACHINES-RÉSERVATIONS ///<p></a> 
-### PARTAGER.
+<a href="/#/2" ><p style="font-size:25px;">/// PROJETS EN COURS ///</p></a>
+<a href="/#/2" ><p style="font-size:25px;">/// PORTFOLIOS ///</p></a>
+<a href="/#/2" ><p style="font-size:25px;">/// CONTACT-INSCRIPTIONS ///</p></a>
 
 
 
@@ -25,12 +29,17 @@ transition_speed = "slow"
 
 {{% section %}}
 
-{{< slide class="hello" background-color="#D8E9A8">}}
+{{< slide class="hello" background-color="#f2f2f2">}}
 
-# EQUIPEMENT 
+# MACHINES & RÉSERVATIONS
-&
-# OUTILLAGE
 
+<a href="/#/1/1"><img src="images/logo-3D-print-fd-blc.png" href="/#/1/1" alt="impression 3D" width="30%" height="auto" margin="10px" align="left"/></a>
+<a href="/#/1/2" ><img src="images/logo-découpe-laser-fd-blc.png" alt="découpe laser"  width="30%" height="auto" margin="10px" align="center"/></a>
+<a href="/#/1/1"><img src="images/logo-fraiseuse-fd-blc.png" href="/#/1/1" alt="impression 3D" width="30%" height="auto" margin="10px" align="right"/></a>
+<br>
+<a href="/#/1/2" ><img src="images/logo-plotter-fd-blc.png" alt="découpe laser"  width="30%" height="auto" margin="10px" align="left"/></a>
+<a href="/#/1/2" ><img src="images/logo-brodeuse-fd-blc.png" alt="découpe laser"  width="30%" height="auto" margin="10px" align="center"/></a>
+<a href="/#/1/1"><img src="images/logo-autres-outils-fd-blc.png" href="/#/1/1" alt="impression 3D" width="30%" height="auto" margin="10px" align="right"/></a>
 
 ---
 

layouts/partials/head.html

@@ -0,0 +1,6 @@
+<!-- override this partial to add content before the head tag closes -->
+// css
+{{ range .Site.Params.custom.css -}}
+    <link rel="stylesheet" href="{{ . | absURL }}>
+{{- end }}
+

layouts/partials/home/reveal-hugo/head.html

@@ -1,3 +1,4 @@
+<!-- Fichier css modifié pour le site cohabit -->
 <!-- This partial is included before the end of the head tag for only the 'example' presentation -->
 <!-- A common use would be to add CSS to the page to customize the theme -->
 <style>
@@ -31,7 +32,7 @@
 .reveal section[data-background-image] a,
 .reveal section[data-background-image] p,
 .reveal section[data-background-image] h2 {
-  color: white;
+  color: #f2f2f2;
 }
 .reveal section[data-background-image] a {
   text-decoration: underline;

public/reveal-hugo/themes/sunblind.css

@@ -45,7 +45,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: 0;
     top: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.top {
         height: 15px; } }
@@ -54,14 +54,14 @@ section.has-light-background, section.has-light-background h1, section.has-light
     top: auto;
     bottom: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.bottom {
         height: 15px; } }
   .line.left {
     left: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.left {
@@ -70,7 +70,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: auto;
     right: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.right {

static/css/custom.css

@@ -9,3 +9,10 @@
 .customjs {
     background-color: #504e9e
 }
+.custom-hello-liens {
+    color: #ffffff;
+    font-family: "Helvetica", sans-serif;
+    font-size: 32px;
+    font-weight: bold;
+}
+

static/fonts/alte_haas_grotesk/Alte Haas Grotesk licence.rtf

@@ -0,0 +1,16 @@
+{\rtf1\ansi\ansicpg1252\cocoartf949\cocoasubrtf270
+{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\paperw11900\paperh16840\margl1440\margr1440\vieww9000\viewh8400\viewkind0
+\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\ql\qnatural\pardirnatural
+
+\f0\fs24 \cf0 Alte Haas Grotesk is a typeface that look like an helvetica printed in an old Muller-Brockmann Book.\
+\
+These fonts are freeware and can be distributed as long as they are
\
+together with this text file. \
+\
+I would appreciate very much to see what you have done with it anyway.\
+\
+yann le coroller \
+www.yannlecoroller.com\
+yann@lecoroller.com}

static/reveal-hugo/themes/sunblind.css

@@ -27,9 +27,18 @@
   }
 
 */
-@import url(https://fonts.googleapis.com/css?family=Lato:300,700);
+@font-face {
-@import url(https://fonts.googleapis.com/css?family=Lora:700);
+  font-family: 'Alte';
-section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
+  src: url("../../fonts/alte_haas_grotesk/AlteHaasGroteskRegular.woff") format("woff");
+  font-style: normal;
+   }
+@font-face {
+  font-family: 'Alte';
+  src: url("../../static/reveal-js/lib/alte_haas_grotesk/AlteHaasGroteskBold.woff") format("woff");
+  font-style: bold;
+   }
+
+section.has-light-background, section.has-light-background h1, section.has-light-background h2 , section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
   color: #141414; }
 
 .reveal .controls {
@@ -45,7 +54,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: 0;
     top: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.top {
         height: 15px; } }
@@ -54,14 +63,14 @@ section.has-light-background, section.has-light-background h1, section.has-light
     top: auto;
     bottom: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.bottom {
         height: 15px; } }
   .line.left {
     left: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.left {
@@ -70,7 +79,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: auto;
     right: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.right {
@@ -92,10 +101,12 @@ body {
 }
 
 .reveal {
-  font-family: "Lato";
+  font-family: "Alte";
   font-size: 32px;
-  font-weight: normal;
+  font-weight: bold;
-  color: #363636; }
+  color: #f2f2f2; }
+
+.cohabit {}
 
 ::selection {
   color: #fff;
@@ -117,18 +128,20 @@ body {
  *********************************************/
 .reveal h1,
 .reveal h2,
-.reveal h3,
+.reveal h3 {
+	color: #cccccc;
+	text-shadow: 2px 2px rgba(0,0,0,0.8);}
 .reveal h4,
 .reveal h5,
 .reveal h6 {
   margin: 0 0 20px 0;
-  color: #141414;
+  color: #cccccc;
   font-family: ;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: normal;
   text-transform: uppercase;
-  text-shadow: none;
+  text-shadow: 2px 2px rgba(0,0,0,0.4);
   word-wrap: break-word; }
 
 .reveal h1 {
@@ -284,7 +297,8 @@ body {
  * LINKS
  *********************************************/
 .reveal a {
-  color: #4E9F3D;
+  color: rgb(72,210,0);
+  text-shadow: 2px 2px rgba(0,0,0,0.7);
   text-decoration: none;
   -webkit-transition: color .15s ease;
   -moz-transition: color .15s ease;
@@ -303,14 +317,14 @@ body {
  * IMAGES
  *********************************************/
 .reveal section img {
-  margin: 15px 0px;
+  margin: 0 0;
   background: rgba(255, 255, 255, 0.12);
-  border: 4px solid #363636;
+  border: 0px solid #363636;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
 
 .reveal section img.plain {
   border: 0;
-  box-shadow: none; }
+  box-shadow: 10px 10px 2px 1px rgba(0,0,0,1; }
 
 .reveal a img {
   -webkit-transition: all .15s linear;

themes/reveal-hugo/exampleSite/static/reveal-hugo/themes/sunblind.css

@@ -45,7 +45,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: 0;
     top: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.top {
         height: 15px; } }
@@ -54,14 +54,14 @@ section.has-light-background, section.has-light-background h1, section.has-light
     top: auto;
     bottom: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.bottom {
         height: 15px; } }
   .line.left {
     left: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.left {
@@ -70,11 +70,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: auto;
     right: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.right {
-        width: 15px; } }
+        width: 0px; } }
 
 /*********************************************
  * GLOBAL STYLES

themes/reveal-hugo/layouts/partials/reveal-hugo/head.html

@@ -1 +1,6 @@
 <!-- override this partial to add content before the head tag closes -->
+// css
+{{ range .Site.Params.custom_css -}}
+    <link rel="stylesheet" href="{{ . | absURL }}">
+{{- end }}
+

themes/reveal-hugo/static/reveal-hugo/themes/sunblind.css

@@ -45,7 +45,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: 0;
     top: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.top {
         height: 15px; } }
@@ -54,14 +54,14 @@ section.has-light-background, section.has-light-background h1, section.has-light
     top: auto;
     bottom: 0;
     width: 100%;
-    height: 30px; }
+    height: 0px; }
     @media (max-width: 840px) {
       .line.bottom {
-        height: 15px; } }
+        height: 30px; } }
   .line.left {
     left: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.left {
@@ -70,11 +70,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
     left: auto;
     right: 0;
     top: 0;
-    width: 30px;
+    width: 0px;
     height: 200%; }
     @media (max-width: 840px) {
       .line.right {
-        width: 15px; } }
+        width: 0px; } }
 
 /*********************************************
  * GLOBAL STYLES
@@ -87,7 +87,7 @@ body {
   font-family: "Lato", serif;
   font-size: 32px;
   font-weight: normal;
-  color: #363636; }
+  color: white; }
 
 ::selection {
   color: #fff;