Browse Source

update style, adding menu and rewrite CFN and FAQ

samba 6 năm trước cách đây
mục cha
commit
b637c3e8a1
9 tập tin đã thay đổi với 172 bổ sung83 xóa
  1. 47 27
      call-for-nodes.html
  2. 19 13
      faq.html
  3. 10 7
      index.cat.html
  4. 10 6
      index.es.html
  5. 10 6
      index.eus.html
  6. 11 7
      index.fr.html
  7. 11 5
      index.html
  8. 11 7
      index.it.html
  9. 43 5
      style.css

+ 47 - 27
call-for-nodes.html

@@ -9,57 +9,77 @@
 <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body class="cfn">
-
 <header> 
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+    <p class="lang" >
+        <a href="index.html">[EN]</a>
+        <a href="index.es.html">[ES]</a>
+        <a href="index.it.html">[IT]</a>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
+    </p>
 
-<img src="logo_hm_bologna.png" class="logo">    
-    <h1>Trans Hackmeeting</h1>
-		<h2>August 9-13th 2018 @ Le Goutailloux, Tarnac (FR)</h2>
-		<h3>Call for Nodes</h3>
 </header>
 
+<h1>Call For Nodes</h1>
+
 <section id="intro">
-<h3>INTRO</h3>
-<p> 
-We recognise that no infrastructure can be fully autonomous, since autonomy is
-relative to context. Discussing autonomous infrastructures would they be
-digital or not, engages us to acknowledge their context of existence and think
-our relation to it. This transhackmeeting will take place in a context of
-resistance where we can imagine the decolonisation of technologies. We want to
-address this situation both from our situation in Europe and in Tarnac, as well
-as from the production of technologies. The transhackmeeting is self-organized,
-we imagine that all person present reflects on hacking practice and production.
-</p>
-<p> 
-  
-<b>
-Reaction of President El Bechir to the movement of opposition, and its attempts
-at getting organised through the Internet in 2013:</b>
-<pre>
+<pre class="quote">
 We noticed this last days the calls to topple the regime launched
 from persons hidden behind their keyboards
 
 We tell them if you want to topple the regime face us directly in
 the street, I dare you to come down to the streets, but you will not
-come, since you havent forgotten what happened ...  This reigme will
+come, since you have forgotten what happened ...  This reigme will
 not be toppled by keyboards and whatsapp
 
 This is in your dreams, we didn't come trought the internet, we came
 through blood!
 
-   -- El Bechir announce on television.
-   in power since the military coup of 1989
-   declared in the village of Kasala.
+   -- El Bechir president of Kasala (2013)
+   announce on televisionto the movement against the coup
+   and its attempts at getting organised through the Internet 
 </pre>
   
+<h3>Think * (R)esist * Organize</h3>
+<p> 
+We recognise that no infrastructure can be fully autonomous, since autonomy is
+relative to context. Discussing autonomous infrastructures would they be
+digital or not, engages us to acknowledge their context of existence and think
+our relation to it. This transhackmeeting will take place in a context of
+resistance where we can imagine the decolonisation of technologies. We want to
+address this situation both from our situation in Europe and in Tarnac, as well
+as from the production of technologies. The transhackmeeting is self-organized,
+we imagine that all person present reflects on hacking practice and production.
+</p>
 
 </p> 
 </section>
 
+<section id="propose">
 <h3> Propose a node</h3>
 
-<p> To propose a node send an email to </p>
+<p> To propose a node for the THK you can use this template: </p>
+     <pre class="node.tmpl"> 
+     TITLE:       [NODE] short desc title
+     AUTHOR:      Your nick / identity
+     DAY:         When you prefer to do the talk (optional)
+     NEEDS:       Projector, table, pen, keyboards, humans, ...
+     DESCRIPTION: Try to define what will you talk about 
+                  ....
+     
+     </pre>
+
+     and send us an email to the ML:
+     <br> <br>
      <pre class="register"> thk AT autistici DOT org </pre>
+     <br>
+     we will reply to you by email with more detail about your node proposal.
 </p>
 
 <footer>

+ 19 - 13
faq.html

@@ -11,24 +11,30 @@
 <body class="faq">
 
 <header> 
-    <p class="lang" align="right">
-    <small> 
-        <a href="index.html">[ENG]</a>
+<header> 
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+    <p class="lang" >
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
-    </small>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </p>
-    <h1>Trans Hackmeeting</h1>
+
 </header>
 
+<h1>Trans Hackmeeting</h1>
+
 <section id="intro">
 
 <h2>FAQ: Frequent Asked Questions</h3>
 </h2>
-<pre>
+<pre class="quote">
 Those who build walls are their own prisoners. I'm going to go fulfill my
 proper function in the social organism. I'm going to unbuild walls.
 
@@ -84,7 +90,7 @@ are becoming part of the organization ;P
 
     <li>For the ones that develop techniques that are not meant to be.</li>
     <li>For everybody that questions their relation with technologies.</li>
-    <li>For you that feel alien coming from Anarres to the current society.</li>
+    <li><i>For you that feel alien coming from Anarres to the current society.</i></li>
     <li>For anybody that has been confronted to the problem(s) of technology on the way of getting organised aside or against the current order.</li>
     <li>For those who are not confounding the vital need for techniques with the ever-expanding offer of technologies.</li>
     <li>For those who would never be satisfied with having foreseen the disaster...</li>
@@ -110,9 +116,9 @@ are becoming part of the organization ;P
 <h3> WHEN? </h3>
 
 <ul>
-    <li> 2-8 of August 2018 (<b>pre</b>-transhack) (build up, share, organize) </li>
-    <li> <b>9-13 of August 2018 TRANSHACKMEETING!</b></li>
-    <li>14-16 of August 2018 (<b>post</b>-transhack) (assembly, tear down, say godbye) </li>
+    <li> <b>[PRE]</b> 02-08 of August 2018 - pre-transhack: build up, share, organize </li>
+    <li> <b>[THK]</b> 09-13 of August 2018 - TRANSHACKMEETING!</li>
+    <li> <b>[PST]</b> 14-16 of August 2018 - post-transhack: assembly, tear down, say godbye </li>
 </ul>
 </section>
 

+ 10 - 7
index.cat.html

@@ -10,15 +10,18 @@
 </head> 
 <body>
 <header> 
-    <p class="lang" align="right">
-    <small> 
-        <a href="index.html">[ENG]</a>
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+    <p class="lang" >
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
-    </small>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </p>
 <img src="logo_hm_bologna.png" class="logo">    
     <h1>Trans Hackmeeting</h1>

+ 10 - 6
index.es.html

@@ -10,15 +10,19 @@
 </head> 
 <body>
 <header> 
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+
     <p class="lang" align="right">
-    <small> 
-        <a href="index.html">[ENG]</a>
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
-    </small>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </p>
 <img src="logo_hm_bologna.png" class="logo">    
     <h1>Trans Hackmeeting</h1>

+ 10 - 6
index.eus.html

@@ -10,15 +10,19 @@
 </head> 
 <body>
 <header> 
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+ 
     <p class="lang" align="right">
-    <small> 
-        <a href="index.html">[ENG]</a>
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
-    </small>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </p>
 <img src="logo_hm_bologna.png" class="logo">    
     <h1>Trans Hackmeeting</h1>

+ 11 - 7
index.fr.html

@@ -10,15 +10,19 @@
 </head> 
 <body>
 <header> 
-    <p class="lang" align="right">
-    <small> 
-        <a href="index.html">[ENG]</a>
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+ 
+    <p class="lang">
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
-    </small>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </p>
 <img src="logo_hm_bologna.png" class="logo">    
     <h1>Trans Hackmeeting</h1>

+ 11 - 5
index.html

@@ -10,14 +10,20 @@
 </head> 
 <body>
 <header> 
-    <p class="lang" align="right">
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+ 
+    <p class="lang" >
     <small> 
-        <a href="index.html">[ENG]</a>
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </small>
     </p>
 <img src="logo_hm_bologna.png" class="logo">    

+ 11 - 7
index.it.html

@@ -10,15 +10,19 @@
 </head> 
 <body>
 <header> 
-    <p class="lang" align="right">
-    <small> 
-        <a href="index.html">[ENG]</a>
+    <p class="menu" >
+        <a href="index.html">[HOME]</a>
+        <a href="faq.html">[FAQ]</a>
+        <a href="call-for-nodes.html">[CALL]</a>
+    </p>
+ 
+    <p class="lang" >
+        <a href="index.html">[EN]</a>
         <a href="index.es.html">[ES]</a>
         <a href="index.it.html">[IT]</a>
-        <a href="index.cat.html">[CAT]</a>
-        <a href="index.fr.html">[FRA]</a>
-        <a href="index.eus.html">[EUS]</a>
-    </small>
+        <a href="index.cat.html">[CA]</a>
+        <a href="index.fr.html">[FR]</a>
+        <a href="index.eus.html">[EU]</a>
     </p>
 <img src="logo_hm_bologna.png" class="logo">    
     <h1>Trans Hackmeeting</h1>

+ 43 - 5
style.css

@@ -6,8 +6,8 @@ p {
     font-family:serif;
 }
 body.cfn{
-    background-color:black;
-    color:lime;
+    background-color:#454242;
+    color:white;
 }
 p {
     font-family:serif;
@@ -47,11 +47,19 @@ hr {
     float:right;
 } 
 
-.lang {
+.menu {
     background-color: black;
     border-radius: 100px;
     padding: 1% 5% 1% 1%;
-    margin: 20x;
+    margin: 0% 5% 0% 5%;
+    text-align: center;
+}
+.lang {
+    border-radius: 100px;
+    padding: 1% 5% 4% 6%;
+    margin: 0% 110%;
+    position: absolute;
+    font-family: "Mono";
 }
 
 .lang a:hover{
@@ -84,6 +92,21 @@ section p:nth-child(2) {
   margin: auto 6rem;
   text-align: justify;
 }
+#propose>h3{
+    text-align:center;
+    color: yellow;
+    text-decoration: underline;
+}
+.node.tmpl{
+    background-color: #151513;
+    font-family: "Mono";
+    text-align: center;
+    border-radius: 10px;
+    color:green;
+    font-size: 1em;
+}
+
+
 
 .register{
     background-color: #151513;
@@ -93,7 +116,8 @@ section p:nth-child(2) {
     color:green;
     font-size: 1em;
 }
-pre {
+
+.quote{
     margin: 8px 0px 8px 0px;
     padding: 8px 8px 8px 8px;
     border-width: 3px;
@@ -105,3 +129,17 @@ pre {
     font-size:12pt;
     color: white;
   }
+pre {
+    margin: 8px 0px 8px 0px;
+    padding: 8px 8px 8px 8px;
+    border-width: 3px;
+    border-style: dotted;
+    border-color: #000000;
+    background-color: #151513;
+    font-family: "Mono";
+    text-align: left;
+    font-size:12pt;
+    color: white;
+
+}
+