infraschool/infraschool.nl
Archived
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

language switcher first draft

Browse Source
This commit is contained in:
decentral1se 2022-05-11 09:07:34 +02:00
parent 9c3825e835
commit eadea2c918
No known key found for this signature in database
GPG Key ID: 03789458B3D0C410
2 changed files with 61 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
index.html
View File

@ -7,7 +7,6 @@
<link rel="stylesheet" type="text/css" href="static/css/style.css"> <link rel="stylesheet" type="text/css" href="static/css/style.css">
</head> </head>
<body> <body>
<section class="about">
<pre> <pre>
[ | | [ | [ | [ | | | | || [ ] || | [ | | [ | [ | [ | | | | || [ ] || |
[-| | [ | [ | [ | | | | || [ - I _] || | [-| | [ | [ | [ | | | | || [ - I _] || |
@ -39,6 +38,12 @@ _____`--._ '' . ``--..::::::::|::::::::::::::::::::::::::] ` '-.
:' -- . '' -- . '' `--._----------`--._ :' -- . '' -- . '' `--._----------`--._
</pre> </pre>
<ul id="lang-switch">
<li><a id="nl" href="#nl">NL</a></li>
<li><a id="en" href="#en">EN</a></li>
</ul>
<section id="about-en">
<p>INFRASCHOOL OPEN DAY<br> Wednesday 25th May 17:00 – 19:30<br> at Varia, Gouwstraat 3, Rotterdam</p> <p>INFRASCHOOL OPEN DAY<br> Wednesday 25th May 17:00 – 19:30<br> at Varia, Gouwstraat 3, Rotterdam</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>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>
@ -54,7 +59,38 @@ _____`--._ '' . ``--..::::::::|::::::::::::::::::::::::::] ` '-.
<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 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> <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>
<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> </body>
</html> </html>

16
static/css/style.css
View File

@ -22,11 +22,25 @@ pre {
} }
/* sections */ /* sections */
.about { #about-en, #about-nl {
font-size: 3vw; font-size: 3vw;
padding: 2vw; padding: 2vw;
} }
#about-en {
display: none;
}
a { a {
color: blue; color: blue;
} }
ul {
padding-left: 0;
}
#lang-switch li {
font-size: 2vw;
padding-left: 3vw;
display: inline;
}