forked from varia/varia.website
122 lines
6.0 KiB
HTML
122 lines
6.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="nl">
|
||
|
|
<head>
|
||
|
|
<title>Varia </title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<link rel="icon" href="https://varia.zone/favicon.ico" type="image/x-icon">
|
||
|
|
<link rel="shortcut icon" href="https://varia.zone/favicon.ico" type="image/x-icon">
|
||
|
|
<meta property="og:title" content="What a website can be"/>
|
||
|
|
<meta property="og:url" content="https://varia.zone/what-a-website-can-be.html" />
|
||
|
|
<meta property="og:description" content="Deze website is gebouwd met een statische site-generator. Dit artikel gaat in op de implicaties van zowel het maken van een 'statische site' en 'generatieve' publiceer processen." />
|
||
|
|
<meta property="og:site_name" content="Varia" />
|
||
|
|
<meta property="og:article:author" content="Roel, Manetta" />
|
||
|
|
<meta property="og:article:published_time" content="2018-06-13T00:00:00+02:00" />
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="twitter:title" content="What a website can be">
|
||
|
|
<meta name="twitter:description" content="Deze website is gebouwd met een statische site-generator. Dit artikel gaat in op de implicaties van zowel het maken van een 'statische site' en 'generatieve' publiceer processen.">
|
||
|
|
|
||
|
|
<meta property="og:image" content="http://varia.zone/images/this.gif" />
|
||
|
|
<meta property="og:image:secure_url" content="https://varia.zone/images/this.gif" />
|
||
|
|
<meta name="twitter:image" content="https://varia.zone/images/this.gif" >
|
||
|
|
|
||
|
|
<link rel="stylesheet" type="text/css" href="/theme/css/fork-awesome/css/fork-awesome.min.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="/theme/css/pygment.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
|
||
|
|
|
||
|
|
|
||
|
|
<meta name="keywords" content="werkgroep, web, publiceren, artikel, " />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body id="index" class="home">
|
||
|
|
<div class="buttons top left">
|
||
|
|
<i class="fa fa-home fa-fw"></i> <a href="/">home</a>
|
||
|
|
<i class="fa fa-info-circle fa-fw"></i> <a href="/pages/about.html">over</a>
|
||
|
|
</div>
|
||
|
|
<div class="buttons top">
|
||
|
|
<li><em>varia</em> komt in vele vormen: </li>
|
||
|
|
<li><i class="fa fa-envelope "></i> <a href="https://we.lurk.org/postorius/lists/varia.we.lurk.org/" target="_blank">mailinglijst </a></li>
|
||
|
|
<li><i class="fa fa-rss "></i> <a href="feeds/all-nl.rss.xml" type="application/rss+xml">RSS feed </a></li>
|
||
|
|
<!-- <li><a href="#"><i class="fa fa-rss "></i>.ics kalendar</a></li> -->
|
||
|
|
<li class="active"><a href="/">Nederlands</a></li>
|
||
|
|
<li><a href="/en/">English</a></li>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
<div class="buttons top">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<header id="banner">
|
||
|
|
<div id="title">
|
||
|
|
<p><a class="h-card" rel="me" href="/pages/about.html"><em>varia</em></a> (Gouwstraat 3, Rotterdam) is een ruimte voor het ontwikkelen van collectieve benaderingen rondom alledaagse technologie. <em>varia</em> leden onderhouden en faciliteren een <a href="/pages/collective-infrastructures.html">collectieve infrastructuur</a> om vragen, meningen, aanpassingen, hulp en actie te genereren. We gebruiken vrije software, organiseren evenementen en werken samen in verschillende constellaties. <em>varia</em> leert gaandeweg, maakt <a href="https://etherdump.vvvvvvaria.org/">notities</a>, is <a href="/en">meertalig</a> en kan gecontacteerd worden via <a href="mailto:info@varia.zone">info[@]varia.zone</a>.</p>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<section id="content" class="body h-entry">
|
||
|
|
<div class="entry-title p-name">
|
||
|
|
What a website can be
|
||
|
|
</div>
|
||
|
|
<div class="article-info">
|
||
|
|
<div class="featured-image u-photo">
|
||
|
|
<a href="/images/this.gif">
|
||
|
|
<img src="/images/this.gif">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="event-details">
|
||
|
|
<div>Gepubliceerd op 13 June 2018</div>
|
||
|
|
</div>
|
||
|
|
<div class="post-info">
|
||
|
|
<div class="article-authors">
|
||
|
|
Geschreven door
|
||
|
|
Roel, Manetta
|
||
|
|
</div>
|
||
|
|
<a style="visibility:hidden;" rel="author" class="p-author h-card">Roel, Manetta</a>
|
||
|
|
<time class="dt-published" datetime="2018-06-13 00:00:00+02:00"></time>
|
||
|
|
<a class="u-url" href="what-a-website-can-be.html"></a>
|
||
|
|
<span class="categories">
|
||
|
|
<span itemprop="articleSection">
|
||
|
|
<a href="/category/artikel.html" rel="category">artikel</a>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
<span class="tags">
|
||
|
|
gerelateerd aan
|
||
|
|
<span itemprop="keywords">
|
||
|
|
<a href="/tag/werkgroep.html" rel="tag">werkgroep</a>
|
||
|
|
</span>
|
||
|
|
<span itemprop="keywords">
|
||
|
|
<a href="/tag/web.html" rel="tag">web</a>
|
||
|
|
</span>
|
||
|
|
<span itemprop="keywords">
|
||
|
|
<a href="/tag/publiceren.html" rel="tag">publiceren</a>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
<div class="article-translation">
|
||
|
|
<a href="en/what-a-website-can-be.html">Read this article in English</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="entry-content-container">
|
||
|
|
<div class="entry-content e-content">
|
||
|
|
<p><em>Dit artikel is in het Engels geschreven, <a href="/en/what-a-website-can-be.html">klik hier voor de volledige versie</a>.</em></p>
|
||
|
|
<hr>
|
||
|
|
<p>Tijdens het maakproces van een website voor varia, werd het duidelijk dat we niet <em>alleen maar</em> een website wilden maken. Het werd een moment om het proces te onderzoeken en te verkennen wat een website kan zijn. </p>
|
||
|
|
<p><img alt="varia.zone" src="/images/varia_webhistory.gif">
|
||
|
|
<small>De varia website in de loop der tijd.</small></p>
|
||
|
|
<div class="separator"><hr></div>
|
||
|
|
</div><!-- /.entry-content -->
|
||
|
|
</div><!-- /.entry-content-container -->
|
||
|
|
</section>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var footnotes = document.querySelectorAll('[id^="fnref-"]');
|
||
|
|
for(var i in footnotes){
|
||
|
|
if(i < footnotes.length){
|
||
|
|
console.log(footnotes[i]);
|
||
|
|
var id = footnotes[i].id.replace('fnref-','fn-');
|
||
|
|
footnotes[i].innerHTML = footnotes[i].innerHTML + '<span>['+ parseInt(Number(i)+1) + '] '+ document.getElementById(id).innerHTML +'</span>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
document.getElementsByClassName('footnote')[0].remove();
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|