Browse code

Css updated

ang-st authored on 15/04/2015 00:18:49
Showing 8 changed files
... ...
@@ -1,4 +1,3 @@
1
-h3. !/images/LOGO_THSF_128.png! Présentation
2 1
 
3 2
 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.
4 3
 Il est ouvert à tout-e-s, débutant-e-s ou non, expert-e-s ou intéressé-e-s.
... ...
@@ -1,4 +1,4 @@
1
-h3. !/images/LOGO_THSF_128.png! Conférences 
1
+h3. Conférences 
2 2
 
3 3
 | Bernard STIEGLER ("Philosophe":https://fr.wikipedia.org/wiki/Bernard_Stiegler)| Ouverture THSF 2015 LESS IS MORE| jeudi 16h|
4 4
 | 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 @@
1
-h3. !/images/LOGO_THSF_128.png! Ateliers
1
+h3. Ateliers
2 2
 
3 3
 |_. Sujet |_. par |_. date |_. Descriptif |
4
-| Gifs animées | tTh | du 14 au 17|Créer son Gif animé|
5
-|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. |
6
-| Sérigraphie DIY | "Dirty-Print":http://dirtyprint.blogspot.fr/ |14 et 15 de 14h à 18h| Fabriquer son propre atelier de sérigraphie|
7
-| Initiation Arduino | Philippe Martorell |14 au 17 de 14 à 18h| amener votre ordinateur portable Arduino et accessoires|
8
-| "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|
9
-| Auto Hébergement | Chouchen et "Yunohost":https://yunohost.org/#/ |le 16 | un serveur à la maison|
10
-| DémoScêne Hackbar| take your SID with you |du 14 au 17 de 21h à 23h||
11
-| Lockpicking | Grandasse|16 et 17|Initiation au crochetage de serrures|
12
-| 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 |
13
-| Previmétéo| |du 14 au 17|station météo sous Arduino|
14
-|Café bricol' Kit tetalab| Tetalab| du 14 au 17|atelier réparation de matériel, tvbgone, booste,...|
15
-|Stand Tetaneutral|"tetaneutral.net":https://www.tetaneutral.net/|du 14 au 17|Rencontre|
16 4
\ No newline at end of file
5
+| Gifs animées | tTh |Créer son Gif animé|  du 14 au 17 |
6
+|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 |
7
+| Sérigraphie DIY | "Dirty-Print":http://dirtyprint.blogspot.fr/ |Fabriquer son propre atelier de sérigraphie|14 et 15 de 14h à 18h|
8
+| Initiation Arduino | Philippe Martorell | amener votre ordinateur portable Arduino et accessoires|14 au 17 de 14 à 18h|
9
+| "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 |
10
+| Auto Hébergement | Chouchen et "Yunohost":https://yunohost.org/#/ | un serveur à la maison| le 16 |
11
+| DémoScêne Hackbar| |take your SID with you |du 14 au 17 de 21h à 23h|
12
+| Lockpicking | Grandasse|Initiation au crochetage de serrures|16 et 17|
13
+| 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|
14
+| Previmétéo| |station météo sous Arduino|du 14 au 17|
15
+|Café bricol' Kit tetalab | Tetalab|  atelier réparation de matériel, tvbgone, booste,...|du 14 au 17 |
16
+|Stand Tetaneutral|"tetaneutral.net":https://www.tetaneutral.net/|Rencontre|du 14 au 17|
17 17
\ No newline at end of file
... ...
@@ -1,4 +1,4 @@
1
-h3. !/images/LOGO_THSF_128.png!Performances et installations
1
+h3. Performances et installations!/images/LOGO_THSF_128.png!
2 2
 
3 3
 | "POUSSY DRAMA":https://www.indiegogo.com/projects/le-cabinet-mobile-du-docteure-duchesne| Consultations en DIY open source sexologie| du 14 au 17 mai"|
4 4
 | BODY BOUDHISME | Lévitation Assistée par Ordinateur| du 14 au 17 mai|
5 5
new file mode 100644
... ...
@@ -0,0 +1,88 @@
0
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
1
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
2
+
3
+<svg
4
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
5
+   xmlns:cc="http://creativecommons.org/ns#"
6
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
7
+   xmlns:svg="http://www.w3.org/2000/svg"
8
+   xmlns="http://www.w3.org/2000/svg"
9
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+   width="468.33334"
12
+   height="26.875"
13
+   id="svg4254"
14
+   version="1.1"
15
+   inkscape:version="0.48.2 r9819"
16
+   sodipodi:docname="bluuu.svg">
17
+  <defs
18
+     id="defs4256">
19
+    <marker
20
+       inkscape:stockid="DotL"
21
+       orient="auto"
22
+       refY="0"
23
+       refX="0"
24
+       id="DotL"
25
+       style="overflow:visible">
26
+      <path
27
+         id="path5674"
28
+         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"
29
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
30
+         transform="matrix(0.8,0,0,0.8,5.92,0.8)"
31
+         inkscape:connector-curvature="0" />
32
+    </marker>
33
+  </defs>
34
+  <sodipodi:namedview
35
+     id="base"
36
+     pagecolor="#ffffff"
37
+     bordercolor="#666666"
38
+     borderopacity="1.0"
39
+     inkscape:pageopacity="0.0"
40
+     inkscape:pageshadow="2"
41
+     inkscape:zoom="1.6970563"
42
+     inkscape:cx="409.27911"
43
+     inkscape:cy="-25.962743"
44
+     inkscape:document-units="px"
45
+     inkscape:current-layer="layer1"
46
+     showgrid="false"
47
+     fit-margin-top="0"
48
+     fit-margin-left="0"
49
+     fit-margin-right="0"
50
+     fit-margin-bottom="0"
51
+     inkscape:window-width="1261"
52
+     inkscape:window-height="557"
53
+     inkscape:window-x="230"
54
+     inkscape:window-y="0"
55
+     inkscape:window-maximized="0" />
56
+  <metadata
57
+     id="metadata4259">
58
+    <rdf:RDF>
59
+      <cc:Work
60
+         rdf:about="">
61
+        <dc:format>image/svg+xml</dc:format>
62
+        <dc:type
63
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
64
+        <dc:title></dc:title>
65
+      </cc:Work>
66
+    </rdf:RDF>
67
+  </metadata>
68
+  <g
69
+     id="layer1"
70
+     inkscape:label="Layer 1"
71
+     inkscape:groupmode="layer"
72
+     transform="translate(0.83333331,-34.166668)">
73
+    <rect
74
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
75
+       id="rect4329"
76
+       width="468.33334"
77
+       height="26.875"
78
+       x="-0.83333331"
79
+       y="34.166668" />
80
+    <path
81
+       style="fill:#f16237;fill-opacity:1"
82
+       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"
83
+       id="path6118"
84
+       inkscape:connector-curvature="0"
85
+       sodipodi:nodetypes="ccccccccc" />
86
+  </g>
87
+</svg>
0 88
new file mode 100644
... ...
@@ -0,0 +1,64 @@
0
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
1
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
2
+
3
+<svg
4
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
5
+   xmlns:cc="http://creativecommons.org/ns#"
6
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
7
+   xmlns:svg="http://www.w3.org/2000/svg"
8
+   xmlns="http://www.w3.org/2000/svg"
9
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+   version="1.1"
12
+   id="Calque_1"
13
+   x="0px"
14
+   y="0px"
15
+   width="140.54px"
16
+   height="135.811px"
17
+   viewBox="0 0 140.54 135.811"
18
+   enable-background="new 0 0 140.54 135.811"
19
+   xml:space="preserve"
20
+   inkscape:version="0.48.2 r9819"
21
+   sodipodi:docname="LOGO THSF.svg"><metadata
22
+   id="metadata2998"><rdf:RDF><cc:Work
23
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
24
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
25
+   id="defs2996" /><sodipodi:namedview
26
+   pagecolor="#ffffff"
27
+   bordercolor="#666666"
28
+   borderopacity="1"
29
+   objecttolerance="10"
30
+   gridtolerance="10"
31
+   guidetolerance="10"
32
+   inkscape:pageopacity="0"
33
+   inkscape:pageshadow="2"
34
+   inkscape:window-width="640"
35
+   inkscape:window-height="480"
36
+   id="namedview2994"
37
+   showgrid="false"
38
+   inkscape:zoom="1.737709"
39
+   inkscape:cx="70.269997"
40
+   inkscape:cy="67.905502"
41
+   inkscape:window-x="0"
42
+   inkscape:window-y="0"
43
+   inkscape:window-maximized="0"
44
+   inkscape:current-layer="Calque_1" />
45
+
46
+
47
+
48
+<g
49
+   id="g3019"
50
+   transform="translate(-5.4811149,3.4528223)"><path
51
+     id="path2986"
52
+     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"
53
+     inkscape:connector-curvature="0" /><path
54
+     id="path2988"
55
+     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"
56
+     inkscape:connector-curvature="0" /><path
57
+     id="path2990"
58
+     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"
59
+     inkscape:connector-curvature="0" /><path
60
+     id="path2992"
61
+     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"
62
+     inkscape:connector-curvature="0" /></g>
63
+</svg>
0 64
\ No newline at end of file
... ...
@@ -1,3 +1,4 @@
1
+* { margin:0; padding:0; }
1 2
 
2 3
 @font-face {
3 4
   font-family: 'Frontage';
... ...
@@ -11,28 +12,84 @@
11 11
 }
12 12
 
13 13
 
14
+
15
+.content_block_red{
16
+  background-color: #f16237;
17
+  min-width:100%;
18
+  padding:0;     
19
+  margin:0;     
20
+ } 
21
+
22
+a:link {
23
+    color: #777777;
24
+}
25
+
26
+/* visited link */
27
+a:visited {
28
+    color: #f16237;
29
+}
30
+
31
+.red_back {                                                        
32
+     background-repeat: no-repeat;
33
+     background-image: url(../images/bluuu.svg);
34
+     background-color: #f16237;
35
+     min-width:100%;       
36
+     min-height:10px;       
37
+     background-position: left bottom; 
38
+     background-clip: padding-box;
39
+     padding:0;     
40
+     margin:0;     
41
+     }
42
+
43
+.section {
44
+  margin-left: auto;
45
+  margin-right: auto;
46
+  min-width:70%;  
47
+  max-width:70%;
48
+  padding-bottom:5em;    
49
+}
50
+.section img{
51
+  height:5%;
52
+  width:5%;
53
+}
54
+
55
+.section h3{
56
+  text-align:right;
57
+  margin-right:2%;
58
+}
59
+
14 60
 body {
15
-  padding: 50px;
61
+  padding-bottom:0;
16 62
   padding-top: 120px;
17
-  /*background-color: #f1623b;*/
63
+
64
+}
65
+
66
+#main {
67
+  text-align:center;
68
+  min-width: 30%; 
69
+  padding-bottom:10em;
70
+}
71
+  /*
72
+  padding-bottom: 0px;
73
+  background-color: #f1623b;
18 74
   background-color: #000000;
19 75
   font: 14px  "Lucida Grande", Helvetica, Arial, sans-serif;
20 76
   color: #ffffff;
21 77
   margin-left: auto;
78
+
79
+/*
22 80
   margin-right: auto;
23 81
   background-image: url(../images/logo1.png) ;
24 82
   background-repeat: no-repeat;
25 83
   background-attachment: fixed;
26
-  background-position: center top; 
27 84
   background-size: contain;
28
-  background-clip: padding-box;*/
29
-/*
85
+  background-clip: padding-box;
30 86
   -webkit-background-size: cover;
31 87
   -moz-background-size: cover;
32 88
   -o-background-size: cover;
33 89
   background-size: cover;
34
-*/
35 90
 }
91
+*/
36 92
 @media screen and (max-width: 768px) {
37 93
     body { padding-top: 0px; }
38 94
 }
... ...
@@ -43,17 +100,17 @@ a {
43 43
 
44 44
 .navbar-fixed-top {
45 45
   font-family: 'Frontage-regular';
46
-  background-color: #000000;
46
+  background-color: #ffffff;
47 47
   font-size:1vw;
48 48
   border-color: #f1623b;;  
49 49
 }
50 50
 
51 51
 .navbar-default .navbar-nav>li>a{
52
-  color:#ffffff;
52
+  color:#000000;
53 53
 }
54 54
 
55 55
 #home {
56
-  display:block;
56
+  /*display:block;*/
57 57
 }
58 58
 .img-logo{
59 59
   padding-top:30%;
... ...
@@ -71,66 +128,43 @@ h3 {
71 71
 }
72 72
 */
73 73
 
74
-
75
-/*a.anchor{display: block; position: relative; top: -10px; visibility: hidden;}*/
76
-
77
-.content_box{
78
-  background-color: #ffffff;
79
-  color: #000000;
80
-  padding: 5%;
81
-  margin: 3%;
82
-  padding-top: 30px;
83
-  margin-bottom:30px;
84
-  min-width:0%;
85
-  min-height:0%;
86
-  opacity: 0.85;
87
-}
88
-
89
-.content_box h3 {
90
-  font-family: 'Frontage';
91
-  text-align:center
92
-}
93
-
94
-.content_box h4 {
95
-  font-family: 'Frontage';
96
-  text-align:center
97
-}
98
-
99
-.content_box img {
100
-  margin:10px;
101
-  max-width:100px;
74
+#main h3{
75
+  text-align:center;
102 76
 }
103
-.content_box table {
77
+.section table {
104 78
   /*display: table;*/
105 79
   margin-left: auto;
106 80
   margin-right: auto;
107
-  min-width:80%;
108 81
   border-collapse : collapse;
109 82
   text-align:center;
83
+  
110 84
 }
111
-.content_box table th,
112
-.content_box table td {
85
+.section table th,
86
+.section table td {
113 87
   padding : 4px 8px;
114 88
   border : 1px solid #aaa;
89
+  min-width:30px;
115 90
 }
116
-.content_box ul {
91
+.section ul {
117 92
   padding-left: 2em;
118 93
 }
119
-/*
94
+
120 95
 #logo {
121 96
   display: block;
122
-  margin-top: 50px;
97
+  /*margin-top: 50px;*/
123 98
   margin-left: auto;
124 99
   margin-right: auto;
125
-  width:25%;
126
-  padding: 15%;
127
-  background-image: url(../images/logo.png);
100
+  width:40%;
101
+  padding: 10%;
102
+  background-image: url(../images/logo_thsf.svg);
128 103
   background-size: contain;
129
-  filter: invert(100%);
104
+  background-position: top center; 
105
+/*  filter: invert(100%);
130 106
   -webkit-filter: invert(100%);
107
+*/
131 108
   background-repeat: no-repeat;
132 109
 }
133
-*/
110
+
134 111
 #title_text{
135 112
   
136 113
   font-family: "andale mono", "lucida console", monospace;
... ...
@@ -143,5 +177,21 @@ h3 {
143 143
 
144 144
 }
145 145
 
146
+.content_box:before{
147
+      content:<p/>;
148
+      z-index:-1;
149
+      margin:0;
150
+      padding-top:50px;
151
+      width:20%;
152
+      margin-bottom:-20px;
153
+      border-bottom: 10px solid rgb(0,0,0);
154
+      border-right: 10px solid transparent;
155
+}
156
+
157
+.content_box:nth-of-type(odd):before{
158
+
159
+      border-bottom: 10px solid rgb(255,255,255);
160
+      border-right: 10px solid transparent;
161
+}
146 162
 
147 163
 
... ...
@@ -1,7 +1,9 @@
1 1
 include ./layout.jade
2 2
   div.container-fluid
3
+    #wrapper
3 4
      #logo
4
-     each item in torender     
5
-        div(id= item.divId, class="content_box")!= item.html
6
-          if isAuth 
7
-            a(href="/" + item.name + "/edit")= "Edit this Page"
5
+     each item in torender
6
+          
7
+          div(id= item.divId, class="section")!= item.html
8
+            if isAuth 
9
+              a(href="/" + item.name + "/edit")= "Edit this Page"