You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
2.1 KiB
53 lines
2.1 KiB
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Varia Website build around what members are doing</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>United Member states of Varia</h1>
|
||
|
|
<h2>Not really clear in this prototype but base the index page on the member activity</h2>
|
||
|
|
<div class="container">
|
||
|
|
<div class="item-a">
|
||
|
|
<h3>Event 01</h3>
|
||
|
|
<p>Radio-active female monstrosity - Angeliki D</p>
|
||
|
|
<img src="../img/event01.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="item-a">
|
||
|
|
<h3>Streams of info</h3>
|
||
|
|
<img src="../img/git01.png" alt="">
|
||
|
|
<img src="../img/git02.png" alt="">
|
||
|
|
<img src="../img/git03.png" alt="">
|
||
|
|
<img src="../img/git04.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="item-a">
|
||
|
|
<h3>Article: Collective Infrastructures</h3>
|
||
|
|
<p>
|
||
|
|
Being considerate about the channels that we use to communicate,
|
||
|
|
we negotiate our on-line dependencies by self-hosting our digital infrastructure.
|
||
|
|
Varia members are involved in the use and development of federated networks
|
||
|
|
like XMPP group chats and Mastodon instances, RSS feeds, available in Dutch and English,
|
||
|
|
or the mailing list. Find more about our Online Hosting tools below.</p>
|
||
|
|
</div>
|
||
|
|
<div class="item-a">
|
||
|
|
<img src="../img/etherdump.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="item-b">
|
||
|
|
<h3>Event 02</h3>
|
||
|
|
<p>The event is comprised of the following elements:
|
||
|
|
Dion & The Magic Chords is the lovechild of casio freaks
|
||
|
|
Dion Woestenburg and Griffin Stuip and sounds like the toybox
|
||
|
|
equivalent to your favourite progressive acts, such as Jean Michelle Jarre
|
||
|
|
and Yes. With the help of stunning visuals and a wild arrangement of casio’s and
|
||
|
|
yamahama’s they will bring your mind towards the next level of levitation</p>
|
||
|
|
<img src="../img/event02.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="item-b">
|
||
|
|
<h3>A Log of stuff members are doing</h3>
|
||
|
|
<img src="../img/distribusi.png" alt="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|