Css updated
This commit is contained in:
ang-st
parent
bb62afeac6
commit
65044d34b6
@ -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.
|
||||
|
||||
@ -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|
|
||||
|
||||
@ -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|
|
||||
| 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|
|
||||
@ -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|
|
||||
|
||||
88
public/images/bluuu2.svg
Normal file
88
public/images/bluuu2.svg
Normal 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 |
64
public/images/logo_thsf.svg
Normal file
64
public/images/logo_thsf.svg
Normal 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 |
@ -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:<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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user