language switcher first draft
This commit is contained in:
parent
9c3825e835
commit
eadea2c918
54
index.html
54
index.html
@ -7,7 +7,6 @@
|
||||
<link rel="stylesheet" type="text/css" href="static/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<section class="about">
|
||||
<pre>
|
||||
[ | | [ | [ | [ | | | | || [ ] || |
|
||||
[-| | [ | [ | [ | | | | || [ - I _] || |
|
||||
@ -39,22 +38,59 @@ _____`--._ '' . ``--..::::::::|::::::::::::::::::::::::::] ` '-.
|
||||
:' -- . '' -- . '' `--._----------`--._
|
||||
</pre>
|
||||
|
||||
<p>INFRASCHOOL OPEN DAY<br> Wednesday 25th May 17:00 – 19:30<br> at Varia, Gouwstraat 3, Rotterdam</p>
|
||||
<ul id="lang-switch">
|
||||
<li><a id="nl" href="#nl">NL</a></li>
|
||||
<li><a id="en" href="#en">EN</a></li>
|
||||
</ul>
|
||||
|
||||
<p>You are warmly invited to the launch of the Infraschool, an experimental peer-to-peer learning project that aims to explore local community infrastructure, co-operative organisation and digital tools.</p>
|
||||
<section id="about-en">
|
||||
<p>INFRASCHOOL OPEN DAY<br> Wednesday 25th May 17:00 – 19:30<br> at Varia, Gouwstraat 3, Rotterdam</p>
|
||||
|
||||
<p>The Infraschool intends to share foundational knowledge of often inaccessible tools and methods so as to foster an environment of creative potential and encourage a critical ethos to everyday tools and technologies.</p>
|
||||
<p>You are warmly invited to the launch of the Infraschool, an experimental peer-to-peer learning project that aims to explore local community infrastructure, co-operative organisation and digital tools.</p>
|
||||
|
||||
<p>For the first term of the Infraschool, we will focus on local community infrastructure, co-operative organisation and digital tools. These subjects have been chosen by the current initiators of the project because of their relation to these topics in their individual as well as collective practices.</p>
|
||||
<p>The Infraschool intends to share foundational knowledge of often inaccessible tools and methods so as to foster an environment of creative potential and encourage a critical ethos to everyday tools and technologies.</p>
|
||||
|
||||
<p>As initiators involved in different forms of educational work, we want to propose a self-organised model which builds on our critique of both top-down and informal, often unstructured, DIY approaches. Infraschool aims to be a structured & self-organised teaching & learning project, where study becomes a collaborative activity. We create the structure {infrastructure?} together, by consensus, to reduce the barriers to entry & provide a foundation for diverse & flexible organisation.</p>
|
||||
<p>For the first term of the Infraschool, we will focus on local community infrastructure, co-operative organisation and digital tools. These subjects have been chosen by the current initiators of the project because of their relation to these topics in their individual as well as collective practices.</p>
|
||||
|
||||
<p>The launch will take the form of an Open Day event where the public will be invited to a series of short presentations on the different subjects followed by small group discussions. The discussions will be a chance for visitors to ask questions, as well as initiators to gain insight into different participants interests. After this, we'll have some food and drinks together to wrap up the day.</p>
|
||||
<p>As initiators involved in different forms of educational work, we want to propose a self-organised model which builds on our critique of both top-down and informal, often unstructured, DIY approaches. Infraschool aims to be a structured & self-organised teaching & learning project, where study becomes a collaborative activity. We create the structure {infrastructure?} together, by consensus, to reduce the barriers to entry & provide a foundation for diverse & flexible organisation.</p>
|
||||
|
||||
<p>The initiators of the Infraschool are all based in Rotterdam and are active in projects, collectives and organisations within the city such as <a href="https://varia.zone" target="blank">Varia</a>, <a href="https://goodtimesbadtimes.club/" target="blank">Good Times Bad Times</a>, <a href="http://extrapractice.space/" target="blank">Extra Practice</a>, <a href="https://solisoft.top/" target="blank">Solisoft</a>, <a href="https://pls.simonbrowne.biz/">Parallel Library Services</a> and <a href="https://lurk.org/" target="blank">Lurk</a>. The group is made up of both formal and informal educators who have an interest in collective and knowledge sharing practices.</p>
|
||||
<p>The launch will take the form of an Open Day event where the public will be invited to a series of short presentations on the different subjects followed by small group discussions. The discussions will be a chance for visitors to ask questions, as well as initiators to gain insight into different participants interests. After this, we'll have some food and drinks together to wrap up the day.</p>
|
||||
|
||||
<p>If you would like to join the Open Day, please RSVP by sending an email to <a href="mailto:1312@infraschool.nl">1312@infraschool.nl</a>.</p>
|
||||
<p>The initiators of the Infraschool are all based in Rotterdam and are active in projects, collectives and organisations within the city such as <a href="https://varia.zone" target="blank">Varia</a>, <a href="https://goodtimesbadtimes.club/" target="blank">Good Times Bad Times</a>, <a href="http://extrapractice.space/" target="blank">Extra Practice</a>, <a href="https://solisoft.top/" target="blank">Solisoft</a>, <a href="https://pls.simonbrowne.biz/">Parallel Library Services</a> and <a href="https://lurk.org/" target="blank">Lurk</a>. The group is made up of both formal and informal educators who have an interest in collective and knowledge sharing practices.</p>
|
||||
|
||||
<p>If you would like to join the Open Day, please RSVP by sending an email to <a href="mailto:1312@infraschool.nl">1312@infraschool.nl</a>.</p>
|
||||
</section>
|
||||
|
||||
<section id="about-nl">
|
||||
<p>INFRASCHOOL OPEN DAG<br> Woensdag 25th Mei 17.00 – 19.30<br> bij Varia, Gouwstraat 3, Rotterdam</p>
|
||||
|
||||
<p></p>
|
||||
|
||||
<p></p>
|
||||
|
||||
<p></p>
|
||||
|
||||
<p></p>
|
||||
|
||||
<p></p>
|
||||
|
||||
<p><a href="https://varia.zone" target="blank">Varia</a>, <a href="https://goodtimesbadtimes.club/" target="blank">Good Times Bad Times</a>, <a href="http://extrapractice.space/" target="blank">Extra Practice</a>, <a href="https://solisoft.top/" target="blank">Solisoft</a>, <a href="https://pls.simonbrowne.biz/">Parallel Library Services</a> and <a href="https://lurk.org/" target="blank">Lurk</a>. </p>
|
||||
|
||||
<p><a href="mailto:1312@infraschool.nl">1312@infraschool.nl</a>.</p>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
document.getElementById("nl").addEventListener('click', function(event){
|
||||
event.preventDefault();
|
||||
document.getElementById("about-en").style.display = "none";
|
||||
document.getElementById("about-nl").style.display = "block";
|
||||
});
|
||||
|
||||
document.getElementById("en").addEventListener('click', function(event){
|
||||
event.preventDefault();
|
||||
document.getElementById("about-nl").style.display = "none";
|
||||
document.getElementById("about-en").style.display = "block";
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -22,11 +22,25 @@ pre {
|
||||
}
|
||||
|
||||
/* sections */
|
||||
.about {
|
||||
#about-en, #about-nl {
|
||||
font-size: 3vw;
|
||||
padding: 2vw;
|
||||
}
|
||||
|
||||
#about-en {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#lang-switch li {
|
||||
font-size: 2vw;
|
||||
padding-left: 3vw;
|
||||
display: inline;
|
||||
}
|
||||
|
Reference in New Issue
Block a user