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

language switcher first draft

main
decentral1se 2 years ago
parent
9c3825e835
commit
eadea2c918
No known key found for this signature in database GPG Key ID: 3789458B3D0C410
2 changed files with 61 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 38
      index.html
  2. 16
      static/css/style.css

38
index.html
View File

@ -7,7 +7,6 @@
<link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>
<section class="about">
<pre>
[ | | [ | [ | [ | | | | || [ ] || |
[-| | [ | [ | [ | | | | || [ - I _] || |
@ -39,6 +38,12 @@ _____`--._ '' . ``--..::::::::|::::::::::::::::::::::::::] ` '-.
:' -- . '' -- . '' `--._----------`--._
</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>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>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>

16
static/css/style.css
View File

@ -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;
}