<!DOCTYPE html>
< html >
< head >
< title > Loading: Feminist Server ...< / title >
< link rel = "stylesheet" href = "assets/css/stylesheet.css" >
< link rel = "stylesheet" href = "assets/css/fonts.css" >
< link rel = "stylesheet" type = "text/css" href = "https://issue.xpub.nl/23/quilt/quilt.css" >
< / head >
< body >
< div class = "header" >
< img class = "header-img" src = "assets/img/header.svg" > < / img >
< / div >
< div class = "columns" >
< div class = "column column-left" >
< p class = "intro-text" >
1. Pick up a card (and feel free to keep it afterwards). < / br >
2. Insert the single word you see in the bar below. < / br >
3. Get the printed response and execute the request. < / br >
< / p >
< div class = "command-bar" >
< input id = "user_input" class = "command-line" type = "text" placeholder = "enter command ..." >
< button class = "command-button" type = "image" onclick = "handleInput()" >
< img class = "button-arrow" src = "assets/img/arrow.svg" > < / img >
< / button >
< / div >
< div class = "literal-function-container" >
<!-- <div class="quotationmark - up - container">
< img class = "quotationmark-up" src = "assets/img/quotationmark-up.svg" > < / img >
< / div > -->
< div id = "output" class = "literal-function-text" > < / div >
<!-- <div class="quotationmark - down - container">
< img class = "quotationmark-down" src = "assets/img/quotationmark-down.svg" > < / img >
< / div > -->
< / div >
< / div >
< div class = "column column-right" >
< img class = "tendrils" src = "assets/img/tendrils.svg" > < / img >
< h2 > monster< / h2 >
< p class = "info-layer" > a site of tension, ambiguity, anomaly that challenges the established social order. A moster doesn't fit, emerges unexpectedly shedding light on toxic dynamics of power and on the invisible suffering of those who inhabits the border(land)s, the "other".< / p >
< img class = "tendrils" src = "assets/img/tendrils.svg" > < / img >
< / div >
< / div >
< / body >
< script src = "assets/js/script.js" > < / script >
< / html >