Css updated

This commit is contained in:
ang-st 2015-04-15 00:18:49 +00:00
parent bb62afeac6
commit 65044d34b6
8 changed files with 272 additions and 69 deletions

View File

@ -1,4 +1,3 @@
h3. !/images/LOGO_THSF_128.png! Présentation
Issue d'une collaboration entre le "Tetalab":http://tetalab.org/ et "MixArt Myrys":http://mixart-myrys.org/presentation/, le Toulouse Hacker Space Factory est, depuis 2010, une rencontre autour de conférences, dateliers de pratiques et de propositions artistiques, ayant trait aux nouvelles technologies, dans la dynamique des hackerspaces. Cest un événement basé sur la mise en commun de connaissances, un moment festif et convivial tourné vers lutilisation créative des technologies, leurs appropriations et les enjeux que cela suscite. Issue d'une collaboration entre le "Tetalab":http://tetalab.org/ et "MixArt Myrys":http://mixart-myrys.org/presentation/, le Toulouse Hacker Space Factory est, depuis 2010, une rencontre autour de conférences, dateliers de pratiques et de propositions artistiques, ayant trait aux nouvelles technologies, dans la dynamique des hackerspaces. Cest un événement basé sur la mise en commun de connaissances, un moment festif et convivial tourné vers lutilisation 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. Il est ouvert à tout-e-s, débutant-e-s ou non, expert-e-s ou intéressé-e-s.

View File

@ -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| | 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| | Philippe LANGLOIS (télécommunications et sécurité sur le net) | LTE et VoLTE Pwns: insécurité à long terme | jeudi 18h|

View File

@ -1,15 +1,15 @@
h3. !/images/LOGO_THSF_128.png! Ateliers h3. Ateliers
|_. Sujet |_. par |_. date |_. Descriptif | |_. Sujet |_. par |_. date |_. Descriptif |
| Gifs animées | tTh | du 14 au 17|Créer son Gif animé| | Gifs animées | tTh |Créer son Gif animé| du 14 au 17 |
|Arbore'sign|"Arbore Sign":http://arboresign.fr/V1.0/| 14 et 15 |Mise en place dun 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. | |Arbore'sign|"Arbore Sign":http://arboresign.fr/V1.0/| Mise en place dun 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/ |14 et 15 de 14h à 18h| Fabriquer son propre atelier de sérigraphie| | 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 |14 au 17 de 14 à 18h| amener votre ordinateur portable Arduino et accessoires| | 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 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| | "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/#/ |le 16 | un serveur à la maison| | 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|| | 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| | Lockpicking | Grandasse|Initiation au crochetage de serrures|16 et 17|
| 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 | | 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| |du 14 au 17|station météo sous Arduino| | Previmétéo| |station météo sous Arduino|du 14 au 17|
|Café bricol' Kit tetalab| Tetalab| du 14 au 17|atelier réparation de matériel, tvbgone, booste,...| |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/|du 14 au 17|Rencontre| |Stand Tetaneutral|"tetaneutral.net":https://www.tetaneutral.net/|Rencontre|du 14 au 17|

View File

@ -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"| | "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| | BODY BOUDHISME | Lévitation Assistée par Ordinateur| du 14 au 17 mai|

88
public/images/bluuu2.svg Normal file
View File

@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="468.33334"
height="26.875"
id="svg4254"
version="1.1"
inkscape:version="0.48.2 r9819"
sodipodi:docname="bluuu.svg">
<defs
id="defs4256">
<marker
inkscape:stockid="DotL"
orient="auto"
refY="0"
refX="0"
id="DotL"
style="overflow:visible">
<path
id="path5674"
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
transform="matrix(0.8,0,0,0.8,5.92,0.8)"
inkscape:connector-curvature="0" />
</marker>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.6970563"
inkscape:cx="409.27911"
inkscape:cy="-25.962743"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1261"
inkscape:window-height="557"
inkscape:window-x="230"
inkscape:window-y="0"
inkscape:window-maximized="0" />
<metadata
id="metadata4259">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer"
transform="translate(0.83333331,-34.166668)">
<rect
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
id="rect4329"
width="468.33334"
height="26.875"
x="-0.83333331"
y="34.166668" />
<path
style="fill:#f16237;fill-opacity:1"
d="m -0.83333333,47.916676 0,-13.750004 47.87671433,0 47.876705,0 18.703694,13.750004 19.15458,13.16489 -67.03129,0.585107 -66.58040333,0 z"
id="path6118"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Calque_1"
x="0px"
y="0px"
width="140.54px"
height="135.811px"
viewBox="0 0 140.54 135.811"
enable-background="new 0 0 140.54 135.811"
xml:space="preserve"
inkscape:version="0.48.2 r9819"
sodipodi:docname="LOGO THSF.svg"><metadata
id="metadata2998"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs2996" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview2994"
showgrid="false"
inkscape:zoom="1.737709"
inkscape:cx="70.269997"
inkscape:cy="67.905502"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="Calque_1" />
<g
id="g3019"
transform="translate(-5.4811149,3.4528223)"><path
id="path2986"
d="m 85.389,19.665 v 12.103 c 0,1.849 -1.504,3.353 -3.354,3.353 -1.848,0 -3.352,-1.504 -3.352,-3.353 V 19.665 h 6.706 z"
inkscape:connector-curvature="0" /><path
id="path2988"
d="m 74.682,19.665 v 12.103 c 0,4.054 3.299,7.353 7.354,7.353 4.054,0 7.354,-3.299 7.354,-7.353 V 19.665 h 7.354 v 22.057 c 0,3.778 -3.075,6.852 -6.853,6.852 H 54.01 c -3.778,0 -6.853,-3.074 -6.853,-6.852 V 19.665 h 27.525 z"
inkscape:connector-curvature="0" /><path
id="path2990"
d="M 47.156,111.154 V 78.617 c 0,-3.777 3.074,-6.854 6.854,-6.854 h 45.784 c 3.778,0 6.851,3.076 6.851,6.854 v 32.537 H 47.156 z"
inkscape:connector-curvature="0" /><path
id="path2992"
d="M 122.646,111.154 H 110.645 V 78.617 c 0,-5.984 -4.868,-10.854 -10.853,-10.854 H 54.01 c -5.984,0 -10.853,4.869 -10.853,10.854 v 32.537 H 31.156 V 19.666 h 12.001 v 22.056 c 0,5.984 4.868,10.852 10.853,10.852 h 35.881 c 5.984,0 10.853,-4.868 10.853,-10.852 V 19.666 h 0.864 l 21.039,21.039 v 70.449 z"
inkscape:connector-curvature="0" /></g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -1,3 +1,4 @@
* { margin:0; padding:0; }
@font-face { @font-face {
font-family: 'Frontage'; 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 { body {
padding: 50px; padding-bottom:0;
padding-top: 120px; 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; background-color: #000000;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
color: #ffffff; color: #ffffff;
margin-left: auto; margin-left: auto;
/*
margin-right: auto; margin-right: auto;
background-image: url(../images/logo1.png) ; background-image: url(../images/logo1.png) ;
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-position: center top;
background-size: contain; background-size: contain;
background-clip: padding-box;*/ background-clip: padding-box;
/*
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
*/
} }
*/
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body { padding-top: 0px; } body { padding-top: 0px; }
} }
@ -43,17 +100,17 @@ a {
.navbar-fixed-top { .navbar-fixed-top {
font-family: 'Frontage-regular'; font-family: 'Frontage-regular';
background-color: #000000; background-color: #ffffff;
font-size:1vw; font-size:1vw;
border-color: #f1623b;; border-color: #f1623b;;
} }
.navbar-default .navbar-nav>li>a{ .navbar-default .navbar-nav>li>a{
color:#ffffff; color:#000000;
} }
#home { #home {
display:block; /*display:block;*/
} }
.img-logo{ .img-logo{
padding-top:30%; padding-top:30%;
@ -71,66 +128,43 @@ h3 {
} }
*/ */
#main h3{
/*a.anchor{display: block; position: relative; top: -10px; visibility: hidden;}*/ text-align:center;
.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;
} }
.section table {
.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 {
/*display: table;*/ /*display: table;*/
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
min-width:80%;
border-collapse : collapse; border-collapse : collapse;
text-align:center; text-align:center;
} }
.content_box table th, .section table th,
.content_box table td { .section table td {
padding : 4px 8px; padding : 4px 8px;
border : 1px solid #aaa; border : 1px solid #aaa;
min-width:30px;
} }
.content_box ul { .section ul {
padding-left: 2em; padding-left: 2em;
} }
/*
#logo { #logo {
display: block; display: block;
margin-top: 50px; /*margin-top: 50px;*/
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width:25%; width:40%;
padding: 15%; padding: 10%;
background-image: url(../images/logo.png); background-image: url(../images/logo_thsf.svg);
background-size: contain; background-size: contain;
filter: invert(100%); background-position: top center;
/* filter: invert(100%);
-webkit-filter: invert(100%); -webkit-filter: invert(100%);
*/
background-repeat: no-repeat; background-repeat: no-repeat;
} }
*/
#title_text{ #title_text{
font-family: "andale mono", "lucida console", monospace; font-family: "andale mono", "lucida console", monospace;
@ -143,5 +177,21 @@ h3 {
} }
.content_box:before{
content:<p/>;
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;
}

View File

@ -1,7 +1,9 @@
include ./layout.jade include ./layout.jade
div.container-fluid div.container-fluid
#wrapper
#logo #logo
each item in torender each item in torender
div(id= item.divId, class="content_box")!= item.html
if isAuth div(id= item.divId, class="section")!= item.html
a(href="/" + item.name + "/edit")= "Edit this Page" if isAuth
a(href="/" + item.name + "/edit")= "Edit this Page"