2026-10-14T18:59:24Z

Polyfloyd:

<div style="display:flex; flex-direction:column; gap:4em; margin:0 0 3em; padding:2em 1.5em; background-color:#333333; background-image:radial-gradient(#4d4d4d 1.2px, transparent 1.6px); background-size:18px 18px; border:3px solid #1a1a1a;">
<div style="display:flex; flex-direction:column; gap:2em;">
<div style="margin-top:-3.5em; display:flex; flex-wrap:wrap; align-items:center; gap:1.5em 3em; position:relative; background:#1a1a1a; color:#ffffff; padding:1.5em 2em; border:3px solid #fc5d1d; box-shadow:8px 8px 0 #fc5d1d;">
<div style="position:absolute; top:-46px; right:2.5em; line-height:0;"><span class="hoofdpagina-oranje">[[File:Noun-cat-1278305.svg|72px|link=]]</span></div>
<div style="flex:1 1 18em;">
<div class="hoofdpagina-mono" style="color:#bbbbbb; margin-bottom:0.5em;">bitlair@amersfoort:~$ ./welkom.sh</div>
<div style="font-size:2.6em; font-weight:bold; line-height:1.05; color:#fc5d1d;">Welkom bij Bitlair!<span style="display:inline-block; width:0.5em; height:0.12em; margin-left:0.1em; background:#ffffff;"></span></div>
<div style="font-size:1.2em; margin:0.3em 0 1em; color:#bbbbbb;"># De hackerspace van Amersfoort en omstreken</div>
[[Bezoeken|<span class="hoofdpagina-knop" style="background:#fc5d1d; color:#ffffff;">./kom-langs</span>]][[Deelnemer Worden|<span class="hoofdpagina-knop">./word-deelnemer</span>]]
</div>
<div style="flex:1.5 1 22em;">
Bitlair biedt een gemeenschap van entousiaste hackers, makers en diverse nerds de ruimte en [[Gereedschap|<span class="hoofdpagina-link">gereedschappen</span>]] om naar hartelust te werken aan hun eigen of gezamenlijke [[Projects|<span class="hoofdpagina-link">projecten</span>]]. Nieuwsgierig? Kom langs!

<small style="opacity:0.85;">Er zijn hier [[Deelnemer Worden|<span class="hoofdpagina-link">deelnemers</span>]] uit Amersfoort, Leusden, Soest, Utrecht, Baarn, Utrecht, Hilversum, Barneveld, Nijkerk, Lelystad, Harderwijk, Dronten, Zeist, Bunschoten-Spakenburg, Hoevelaken, Blaricum, Bussum en de rest van de wereld.</small>
</div>
</div>
<div class="bitlair-venster bitlair-media">
<div class="bitlair-titel"><span><span class="bitlair-wit">[[File:Noun-cat-1278291.svg|20px|link=]]</span>~/fotos $ ls -t | head -5</span></div>

<div id="fotos" style="gap:0.5em; border-radius:4px; overflow:hidden; min-height:4em;">

<div class="plainlinks" style="order:1; flex:0 0 7em; position:relative; min-height:4em; background:#fc5d1d;">[https://bitlair.nl/fotos/ <span style="position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.4em; color:#ffffff; font-weight:bold;" class="hoofdpagina-mono"><span class="bitlair-wit">[[File:Noun-cat-1278302.svg|40px|link=]]</span><span>meer →</span></span>]</div>
</div>
</div>
</div>
<div>
<div class="hoofdpagina-rij">
<div class="hoofdpagina-smal bitlair-venster">
<div class="bitlair-titel"><span><span class="bitlair-wit">[[File:Noun-cat-1278293.svg|20px|link=]]</span>~/agenda.md</span></div>
== Agenda ==
Iedere woensdagavond en zondag zijn de deuren geopend voor iedereen: neem je laptop en project mee, stel je vragen of kom gewoon kijken. Daarnaast organiseren deelnemers regelmatig activiteiten. Ook op andere momenten is er vaak iemand: kijk linksboven bij het logo of we open zijn.

[https://bitlair.nl/events.ics?subset=promote Toevoegen aan agenda (.ics)]
</div>
<div class="hoofdpagina-breed" style="display:flex; flex-direction:column; gap:1em;">

<div class="hoofdpagina-raster">
<div class="hoofdpagina-tegel hoofdpagina-dag" style="color:#333333;">
<div class="hoofdpagina-datum" style="padding:0; background:#fc5d1d;">[[Bezoeken|<span style="display:block; padding:0.3em 0; color:#ffffff;"><span style="font-size:1.5em;">wo</span><br /><small>elke week</small></span>]]</div>
<div style="line-height:1.3;">'''Open avond'''<br /><small>vanaf 19:00, iedereen welkom</small></div>
</div>
<div class="hoofdpagina-tegel hoofdpagina-dag" style="color:#333333;">
<div class="hoofdpagina-datum" style="padding:0; background:#fc5d1d;">[[Bezoeken|<span style="display:block; padding:0.3em 0; color:#ffffff;"><span style="font-size:1.5em;">zo</span><br /><small>elke week</small></span>]]</div>
<div style="line-height:1.3;">'''Open middag en avond'''<br /><small>vanaf 14:00, iedereen welkom</small></div>
</div>
</div>

<div class="hoofdpagina-raster" style="grid-auto-rows:1fr;">
{{#arraymap:{{#ask: [[Category:Event]] [[start::>{{CURRENTDATE}}]]
| format=plainlist
| mainlabel=
| link=none
| sep=¶
| sort=start
| order=asc
| limit=6
| searchlabel=
}}|¶|@@|<div class="hoofdpagina-tegel hoofdpagina-dag"><div class="hoofdpagina-datum"><span style="font-size:1.5em;">{{#show:@@|?Start#-F[j]}}</span><br /><small>{{#show:@@|?Start#-F[M]}}</small></div><div style="line-height:1.3; min-width:0;">'''[[@@|{{#if:{{#show:@@|?EventName}}|{{#show:@@|?EventName}}|{{#titleparts:@@|1|-1}}}}]]'''<br /><small>{{#show:@@|?Start#-F[D H:i]}}</small></div></div>|}}
</div>
</div>
</div>
</div>
<div>
<div class="hoofdpagina-rij">
<div class="hoofdpagina-smal bitlair-venster">
<div class="bitlair-titel"><span><span class="bitlair-wit">[[File:Noun-cat-1278295.svg|20px|link=]]</span>~/projecten/README.md</span></div>

== Projecten van Deelnemers ==
Bij Bitlair wordt van alles gebouwd. Op deze wiki staan een aantal van de projecten gedocumenteerd door de deelnemers die deze gemaakt hebben. Lees over bijvoorbeeld domoticahacks, robots, cosplay en de ruimte zelf. [[Projects|bekijk alle projecten]] en laat je inspireren voor je eigen idee.
</div>
<div class="hoofdpagina-breed bitlair-venster bitlair-media">
<div class="bitlair-titel"><span><span class="bitlair-wit">[[File:Noun-cat-1278301.svg|20px|link=]]</span>slideshow.zip</span></div>
<div id="projectslides" style="display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;">
{{#ask: [[Category:Projects]] [[ProjectPicture::!Bestand:NoPicture.png]] [[Project status::!Abandoned]]
|?ProjectPicture
| format=template
| template=ProjectSlide
| link=none
| sort=start
| order=desc
| limit=40
| searchlabel=
}}
</div>
</div>
</div>
</div>
<div id="col-tour">
<div class="hoofdpagina-rij" style="flex-wrap:wrap-reverse;">
<div class="hoofdpagina-breed bitlair-venster bitlair-media">
<div class="bitlair-titel"><span><span class="bitlair-wit">[[File:Noun-cat-1278302.svg|20px|link=]]</span>tour360.bin</span></div>

<div id="tour4"></div>
</div>
<div class="hoofdpagina-smal bitlair-venster">
<div class="bitlair-titel"><span><span class="bitlair-wit">[[File:Noun-cat-1278305.svg|20px|link=]]</span>~/tour.txt</span></div>

== Tour ==
Benieuwd hoe Bitlair eruitziet voordat je langskomt? Loop alvast virtueel door de space: langs de werkbanken, de 3D-printers, de lasersnijder, houtwerkplaats en lounge. Klik en sleep om rond te kijken. In het echt krijg je natuurlijk een betere indruk van wat hier te beleven is, dus kom gerust eens langs tijdens de [[#Agenda|openingstijden]].
</div>
</div>
</div>
<div id="col-contact">
<span id="Contact"></span>
<div class="hoofdpagina-raster" style="grid-template-columns:repeat(auto-fill, minmax(12em, 1fr)); padding:1em 0;">
<div class="hoofdpagina-tegel">
<div class="hoofdpagina-emoji">📍</div>
'''Kom langs'''<br />
{{Adres}}<br />
<small>[[Bezoeken|Route en bezoekinfo →]]</small>
</div>
<div class="hoofdpagina-tegel">
<div class="hoofdpagina-emoji">💬</div>
'''Chat mee'''<br />
[https://discord.gg/pXuDgGDxkG <span class="ico ico-discord hoofdpagina-oranje" style="width:1.1em; height:1.1em; vertical-align:-0.2em; margin-right:0.3em;"></span>Discord]<br />
[[IRC|<span class="ico ico-irc hoofdpagina-oranje" style="width:1.1em; height:1.1em; vertical-align:-0.2em; margin-right:0.3em;"></span>IRC]]
</div>
<div class="hoofdpagina-tegel">
<div class="hoofdpagina-emoji">✉️</div>
'''Mail'''<br />
bestuur@bitlair.nl<br />
<small>Deelnemers: [https://list.bitlair.nl/cgi-bin/mailman/listinfo maillijsten]</small>
</div>
<div class="hoofdpagina-tegel">
<div class="hoofdpagina-emoji">📞</div>
'''Bel de space'''<br />
[tel:+31333690637 +31 33 36 90 63 7]<br />
<small>tijdens [[#Agenda|openingstijden]]</small>
</div>
<div class="hoofdpagina-tegel">
<div class="hoofdpagina-emoji">📮</div>
'''Post'''<br />
Noorderlicht 107<br />
3824 EC Amersfoort
</div>
</div>
</div>
</div>

Hackerspace Bitlair

2026-10-14T18:49:59Z

MediaWiki:Common.css

2026-10-14T17:38:41Z

Polyfloyd:

/* CSS placed here will be applied to all skins */

#mw-indicator-smw-entity-examiner {
display: none;
}

/*
* Hide tabs we do not need.
* https://www.mediawiki.org/wiki/Manual:Removing_tabs
*/
#ca-talk { display: none !important; }
#ca-viewsource { display: none !important; }

/* Header+footer background image */
#mw-wrapper {
background: url(/images/2/26/Hero.jpg);
background-attachment: fixed;
background-size: cover;
}

#mw-header,
#mw-footer {
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.2);
}

/* WIPcam fotos */
#fotos {
display: flex;
wrap: nowrap;

> a {
display: inline-block;
flex-grow: 1;
> img {
display: block;
}
}
}

/* Projecten-slideshow */
#projectslides .mw-file-element {
position: absolute;
inset: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}

/* Space state gerelateerd */
#p-logo {
position: relative;
}

#p-logo > a {
transform: scale(1.3);
}

#spacestatus {
padding: 0 0.25em;
position: absolute;
top: 100px;
left: 50px;
border-radius: 3px;
text-align: center;
box-shadow: rgba(100,100,100,.6) 2px 2px 5px;
transform: rotate(-5deg);
font-size: 1.4em;
}

#spacestatus.open {
opacity: 1;
background: lime;
color: black;
}

#spacestatus.open:before {
content: "nu open!";
}

#spacestatus.closed {
opacity: 1;
background: lightgray;
color: black;
}

#spacestatus.closed:before {
content: "momenteel gesloten";
}

/* very important */
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*
* Vensters in de huisstijl: een kaart met een titelbalk zoals een terminalvenster
*/
.bitlair-venster {
background: #ffffff;
padding: 1em 1.5em;
border: 3px solid #1a1a1a;
box-shadow: 8px 8px 0 #fc5d1d;

&.bitlair-media {
padding: 0.5em;
}
}

.bitlair-titel {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1em;
margin: -1em -1.5em 0.8em;
padding: 0.3em 0.7em;
background: #333333;
color: #ffffff;
font-family: 'DejaVu Sans Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
font-size: 0.85em;

.bitlair-media > & {
margin: -0.5em -0.5em 0.8em;
}
> span:first-child {
display: inline-flex;
align-items: center;
gap: 0.5em;
}
&::after {
content: "─ □ ×";
color: #fc5d1d;
}
}

/* Maakt een (zwarte) pixelkat of icoon wit */
.bitlair-wit {
filter: brightness(0) invert(1);
line-height: 0;
}

/* Hoofdpagina */
.hoofdpagina-mono {
font-family: 'DejaVu Sans Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
}

.hoofdpagina-oranje {
filter: brightness(0) invert(67%) sepia(65%) saturate(6667%) hue-rotate(348deg) brightness(99%) contrast(99%);
}

.hoofdpagina-link {
color: #ffffff;
text-decoration: underline;
}

.hoofdpagina-knop {
display: inline-block;
margin: 0 0.5em 0.5em 0;
padding: 0.4em 1.1em;
background: #ffffff;
color: #333333;
font-weight: bold;
border: 2px solid #1a1a1a;
box-shadow: 3px 3px 0 #1a1a1a;
}

.hoofdpagina-rij {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2em;
}

.hoofdpagina-smal {
flex: 1 1 15em;
position: relative;
top: -1.5em;
}

.hoofdpagina-breed {
flex: 2.5 1 25em;
min-width: 0;
position: relative;
top: 1.5em;
}

.hoofdpagina-raster {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
gap: 1em;
}

.hoofdpagina-tegel {
background: #ffffff;
padding: 0.8em 1em;
border: 3px solid #1a1a1a;
box-shadow: 5px 5px 0 #fc5d1d;
}

.hoofdpagina-dag {
display: flex;
gap: 0.75em;
align-items: center;
padding: 0.6em;
}

.hoofdpagina-datum {
flex: none;
width: 3.2em;
padding: 0.3em 0;
text-align: center;
background: #333333;
color: #ffffff;
font-weight: bold;
line-height: 1.1;
}

.hoofdpagina-emoji {
font-size: 1.8em;
line-height: 1;
}

Hoofdpagina redesign

2026-10-14T16:03:34Z

2026-10-14T15:39:36Z

Polyfloyd:

2026-10-11T20:27:47Z

Polyfloyd:

Project Plaatjes

2026-10-11T20:24:06Z

Polyfloyd:

{{#tag:gallery|{{#ask: [[Category:Projects]]
|?ProjectPicture
|?Project info
| format=template
| template=ProjectGallery
| link=none
| sort=start
| order=desc
| limit=500
| searchlabel=
}}|mode=packed-overlay|heights=140}}