update style, adding menu and rewrite CFN and FAQ
This commit is contained in:
samba
parent
1ee4972d2e
commit
b637c3e8a1
9 changed files with 174 additions and 85 deletions
|
|
@ -9,17 +9,44 @@
|
|||
<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>
|
||||
<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 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 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
|
||||
|
|
@ -30,36 +57,29 @@ 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>
|
||||
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
|
||||
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.
|
||||
</pre>
|
||||
|
||||
|
||||
</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>
|
||||
|
|
|
|||
32
faq.html
32
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,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,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,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,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>
|
||||
|
|
|
|||
16
index.html
16
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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
48
style.css
48
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;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue