diff --git a/pages/01_home.markdown b/pages/01_home.markdown index a2663a7..167f519 100644 --- a/pages/01_home.markdown +++ b/pages/01_home.markdown @@ -1,4 +1,3 @@ -h3. !/images/LOGO_THSF_128.png! Présentation Issue d'une collaboration entre le "Tetalab":http://tetalab.org/ et "Mix’Art Myrys":http://mixart-myrys.org/presentation/, le Toulouse Hacker Space Factory est, depuis 2010, une rencontre autour de conférences, d’ateliers de pratiques et de propositions artistiques, ayant trait aux nouvelles technologies, dans la dynamique des hackerspaces. C’est un événement basé sur la mise en commun de connaissances, un moment festif et convivial tourné vers l’utilisation créative des technologies, leurs appropriations et les enjeux que cela suscite. Il est ouvert à tout-e-s, débutant-e-s ou non, expert-e-s ou intéressé-e-s. diff --git a/pages/02_conference.markdown b/pages/02_conference.markdown index 2da1d59..d92b8b6 100644 --- a/pages/02_conference.markdown +++ b/pages/02_conference.markdown @@ -1,4 +1,4 @@ -h3. !/images/LOGO_THSF_128.png! Conférences +h3. Conférences | Bernard STIEGLER ("Philosophe":https://fr.wikipedia.org/wiki/Bernard_Stiegler)| Ouverture THSF 2015 LESS IS MORE| jeudi 16h| | Philippe LANGLOIS (télécommunications et sécurité sur le net) | LTE et VoLTE Pwns: insécurité à long terme | jeudi 18h| diff --git a/pages/03_ateliers.markdown b/pages/03_ateliers.markdown index 6e566d9..7d61702 100644 --- a/pages/03_ateliers.markdown +++ b/pages/03_ateliers.markdown @@ -1,15 +1,15 @@ -h3. !/images/LOGO_THSF_128.png! Ateliers +h3. Ateliers |_. Sujet |_. par |_. date |_. Descriptif | -| Gifs animées | tTh | du 14 au 17|Créer son Gif animé| -|Arbore'sign|"Arbore Sign":http://arboresign.fr/V1.0/| 14 et 15 |Mise en place d’un site collaboratif pour une accessibilité numérique par les sous titres et une base de données du vocabulaire en Langue des Signes spécifique au domaine du multimédia. | -| Sérigraphie DIY | "Dirty-Print":http://dirtyprint.blogspot.fr/ |14 et 15 de 14h à 18h| Fabriquer son propre atelier de sérigraphie| -| Initiation Arduino | Philippe Martorell |14 au 17 de 14 à 18h| amener votre ordinateur portable Arduino et accessoires| -| "Grafcet sous Arduino":http://toulibre.org/ateliers:grafcet|Fabien Levac|le 17 11h à 17h|Le GRAFCET est une méthode permettant d'organiser étape par étape une séquence d'actions. Bien connu des automaticiens, le GRAFCET donne aux « arduinistes » une méthode éprouvée pour développer rapidement des programmes aussi faciles à diagnostiquer qu'à modifier. En complément à l'atelier Initiation Arduino| -| Auto Hébergement | Chouchen et "Yunohost":https://yunohost.org/#/ |le 16 | un serveur à la maison| -| DémoScêne Hackbar| take your SID with you |du 14 au 17 de 21h à 23h|| -| Lockpicking | Grandasse|16 et 17|Initiation au crochetage de serrures| -| Atelier 3D | Cyril Verrecchia | 16 et 17| Sign3D : génération automatique d'énoncés en Langue des Signes permettant d'animer un signeur (virtuel) humanoïde tridimensionnel | -| Previmétéo| |du 14 au 17|station météo sous Arduino| -|Café bricol' Kit tetalab| Tetalab| du 14 au 17|atelier réparation de matériel, tvbgone, booste,...| -|Stand Tetaneutral|"tetaneutral.net":https://www.tetaneutral.net/|du 14 au 17|Rencontre| \ No newline at end of file +| Gifs animées | tTh |Créer son Gif animé| du 14 au 17 | +|Arbore'sign|"Arbore Sign":http://arboresign.fr/V1.0/| Mise en place d’un site collaboratif pour une accessibilité numérique par les sous titres et une base de données du vocabulaire en Langue des Signes spécifique au domaine du multimédia |14 et 15 | +| Sérigraphie DIY | "Dirty-Print":http://dirtyprint.blogspot.fr/ |Fabriquer son propre atelier de sérigraphie|14 et 15 de 14h à 18h| +| Initiation Arduino | Philippe Martorell | amener votre ordinateur portable Arduino et accessoires|14 au 17 de 14 à 18h| +| "Grafcet sous Arduino":http://toulibre.org/ateliers:grafcet|Fabien Levac|Le GRAFCET est une méthode permettant d'organiser étape par étape une séquence d'actions. Bien connu des automaticiens, le GRAFCET donne aux « arduinistes » une méthode éprouvée pour développer rapidement des programmes aussi faciles à diagnostiquer qu'à modifier. En complément à l'atelier Initiation Arduino| le 17 11h à 17h | +| Auto Hébergement | Chouchen et "Yunohost":https://yunohost.org/#/ | un serveur à la maison| le 16 | +| DémoScêne Hackbar| |take your SID with you |du 14 au 17 de 21h à 23h| +| Lockpicking | Grandasse|Initiation au crochetage de serrures|16 et 17| +| Atelier 3D | Cyril Verrecchia | Sign3D : génération automatique d'énoncés en Langue des Signes permettant d'animer un signeur (virtuel) humanoïde tridimensionnel | 16 et 17| +| Previmétéo| |station météo sous Arduino|du 14 au 17| +|Café bricol' Kit tetalab | Tetalab| atelier réparation de matériel, tvbgone, booste,...|du 14 au 17 | +|Stand Tetaneutral|"tetaneutral.net":https://www.tetaneutral.net/|Rencontre|du 14 au 17| \ No newline at end of file diff --git a/pages/04_install.markdown b/pages/04_install.markdown index 3b56c0a..a1bf0e6 100644 --- a/pages/04_install.markdown +++ b/pages/04_install.markdown @@ -1,4 +1,4 @@ -h3. !/images/LOGO_THSF_128.png!Performances et installations +h3. Performances et installations!/images/LOGO_THSF_128.png! | "POUSSY DRAMA":https://www.indiegogo.com/projects/le-cabinet-mobile-du-docteure-duchesne| Consultations en DIY open source sexologie| du 14 au 17 mai"| | BODY BOUDHISME | Lévitation Assistée par Ordinateur| du 14 au 17 mai| diff --git a/public/images/bluuu2.svg b/public/images/bluuu2.svg new file mode 100644 index 0000000..398b606 --- /dev/null +++ b/public/images/bluuu2.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/public/images/logo_thsf.svg b/public/images/logo_thsf.svg new file mode 100644 index 0000000..459d5cb --- /dev/null +++ b/public/images/logo_thsf.svg @@ -0,0 +1,64 @@ + + + +image/svg+xml + + + + + \ No newline at end of file diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 1f61805..11b1851 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -1,3 +1,4 @@ +* { margin:0; padding:0; } @font-face { font-family: 'Frontage'; @@ -11,28 +12,84 @@ } + +.content_block_red{ + background-color: #f16237; + min-width:100%; + padding:0; + margin:0; + } + +a:link { + color: #777777; +} + +/* visited link */ +a:visited { + color: #f16237; +} + +.red_back { + background-repeat: no-repeat; + background-image: url(../images/bluuu.svg); + background-color: #f16237; + min-width:100%; + min-height:10px; + background-position: left bottom; + background-clip: padding-box; + padding:0; + margin:0; + } + +.section { + margin-left: auto; + margin-right: auto; + min-width:70%; + max-width:70%; + padding-bottom:5em; +} +.section img{ + height:5%; + width:5%; +} + +.section h3{ + text-align:right; + margin-right:2%; +} + body { - padding: 50px; + padding-bottom:0; padding-top: 120px; - /*background-color: #f1623b;*/ + +} + +#main { + text-align:center; + min-width: 30%; + padding-bottom:10em; +} + /* + padding-bottom: 0px; + background-color: #f1623b; background-color: #000000; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; color: #ffffff; margin-left: auto; + +/* margin-right: auto; background-image: url(../images/logo1.png) ; background-repeat: no-repeat; background-attachment: fixed; - background-position: center top; background-size: contain; - background-clip: padding-box;*/ -/* + background-clip: padding-box; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -*/ } +*/ @media screen and (max-width: 768px) { body { padding-top: 0px; } } @@ -43,17 +100,17 @@ a { .navbar-fixed-top { font-family: 'Frontage-regular'; - background-color: #000000; + background-color: #ffffff; font-size:1vw; border-color: #f1623b;; } .navbar-default .navbar-nav>li>a{ - color:#ffffff; + color:#000000; } #home { - display:block; + /*display:block;*/ } .img-logo{ padding-top:30%; @@ -71,66 +128,43 @@ h3 { } */ - -/*a.anchor{display: block; position: relative; top: -10px; visibility: hidden;}*/ - -.content_box{ - background-color: #ffffff; - color: #000000; - padding: 5%; - margin: 3%; - padding-top: 30px; - margin-bottom:30px; - min-width:0%; - min-height:0%; - opacity: 0.85; +#main h3{ + text-align:center; } - -.content_box h3 { - font-family: 'Frontage'; - text-align:center -} - -.content_box h4 { - font-family: 'Frontage'; - text-align:center -} - -.content_box img { - margin:10px; - max-width:100px; -} -.content_box table { +.section table { /*display: table;*/ margin-left: auto; margin-right: auto; - min-width:80%; border-collapse : collapse; text-align:center; + } -.content_box table th, -.content_box table td { +.section table th, +.section table td { padding : 4px 8px; border : 1px solid #aaa; + min-width:30px; } -.content_box ul { +.section ul { padding-left: 2em; } -/* + #logo { display: block; - margin-top: 50px; + /*margin-top: 50px;*/ margin-left: auto; margin-right: auto; - width:25%; - padding: 15%; - background-image: url(../images/logo.png); + width:40%; + padding: 10%; + background-image: url(../images/logo_thsf.svg); background-size: contain; - filter: invert(100%); + background-position: top center; +/* filter: invert(100%); -webkit-filter: invert(100%); +*/ background-repeat: no-repeat; } -*/ + #title_text{ font-family: "andale mono", "lucida console", monospace; @@ -143,5 +177,21 @@ h3 { } +.content_box:before{ + content:

; + z-index:-1; + margin:0; + padding-top:50px; + width:20%; + margin-bottom:-20px; + border-bottom: 10px solid rgb(0,0,0); + border-right: 10px solid transparent; +} + +.content_box:nth-of-type(odd):before{ + + border-bottom: 10px solid rgb(255,255,255); + border-right: 10px solid transparent; +} diff --git a/views/view.jade b/views/view.jade index 04140b8..9e8a81c 100644 --- a/views/view.jade +++ b/views/view.jade @@ -1,7 +1,9 @@ include ./layout.jade div.container-fluid + #wrapper #logo - each item in torender - div(id= item.divId, class="content_box")!= item.html - if isAuth - a(href="/" + item.name + "/edit")= "Edit this Page" + each item in torender + + div(id= item.divId, class="section")!= item.html + if isAuth + a(href="/" + item.name + "/edit")= "Edit this Page"