update style and reformatting

This commit is contained in:
samba 2018-05-26 19:10:57 -06:00
parent f426946dd1
commit 59d188bc7e
2 changed files with 64 additions and 23 deletions

View file

@ -6,7 +6,7 @@
<meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no">
<title>Trans Hackmeeting</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<header>
@ -14,6 +14,7 @@
<h1>Trans Hackmeeting</h1>
<h2>August 9-13th 2018 @ Le Goutailloux, Tarnac (FR)</h2>
</header>
<section>
<p>
Since many years in several European countries the mix of hacking
@ -22,23 +23,28 @@ esxpres contents and share ideas (ex. hackON, Noise^2, Backbone,
Italian and Iberian hackmeeting)
</p>
<p>
We think it would be great to
bring the grassroots spirit and the critical view that drives these
experience to a furthe level, as it happen years ago in Pula
(Croatia).</p>
<p>We are proposing to whoever shares our self-managed
non-institutional grassroots approach to subscribe to the
THK mailing-list to make an attempt to create an European gathering on hacking and politics in
order to share experiences and ideas without being forced within political
or linguistic borders.</p>
We think it would be great to
bring the grassroots spirit and the critical view that drives these
experience to a furthe level, as it happen years ago in Pula (Croatia).
</p>
<p>
We are proposing to whoever shares our self-managed
non-institutional grassroots approach to subscribe to the
THK mailing-list to make an attempt to create an European gathering on hacking and politics in
order to share experiences and ideas without being forced within political
or linguistic borders.
</p>
</section>
<section>
<h3><p align="right">trans.hackmeeting.org</p></h3>
<ul>
<li><strong>Wiki:</strong><a href="https://trans.hackmeeting.org/fiki/"> FIKI the cybersexy trans hack wiki!</a>
<li><strong>List:</strong><a href="https://www.autistici.org/mailman/listinfo/thk"> THK mailinglist</a>
</ul>
<ul>
<li><strong>Wiki: </strong><a href="https://trans.hackmeeting.org/fiki/">FIKI the cybersexy trans hack wiki!</a>
<li><strong>List: </strong><a href="https://www.autistici.org/mailman/listinfo/thk">THK mailinglist</a>
</ul>
</section>
<section>
A big thanks to those who inspire us
<ul>
@ -49,6 +55,7 @@ A big thanks to those who inspire us
<li> <a href="https://calafou.org/"> Calafou </a> post-industrial revolutionary utopian reality
</ul>
</section>
<footer>
<a href="https://trans.hackmeeting.org">trans.hackmeeting.org</a> | <span class="copyleft">&copy;</span> transhackmeeting 2018 | <a href="https://www.autistici.org/mailman/thk">Mailing list</a>
</footer>

View file

@ -1,9 +1,43 @@
body { font-family:sans-serif;font-size:12pt;}
p {font-family:serif;}
a { text-decoration:none; color:#e12323;}
a:hover { text-decoration:line-through; }
ul { list-style:none;}
hr { border:0; border-top:1px dotted #000;}
.logo{float:right;} body { max-width: 800px; left: 50%; position: relative; transform: translate(-50%,0%); }
footer {text-align:center; font-size:0.7em; padding-top:30px;}
.copyleft {transform:rotate(180deg); display:inline-block;}
body {
font-family:sans-serif;
font-size:12pt;
}
p {
font-family:serif;
}
a {
text-decoration:none;
color:#e12323;
}
a:hover {
text-decoration: underline darkblue;
font-size: large;
color: blueviolet;
}
ul {
list-style:none;
}
hr {
border:0;
border-top:1px dotted #000;
}
.logo{
float:right;
}
body {
max-width: 800px;
left: 50%;
position: relative;
transform: translate(-50%,0%);
}
footer {
text-align:center;
font-size:0.7em;
padding-top:30px;
}
.copyleft {
transform:rotate(180deg);
display:inline-block;
}