You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
9 months ago
<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">
9 months ago
<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">
9 months ago
<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">
9 months ago
<!-- <div class="quotationmark-up-container">
<img class="quotationmark-up" src="assets/img/quotationmark-up.svg"></img>
9 months ago
</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>
9 months ago
</div> -->
</div>
</div>
<!-- <div class="column column-right"> -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<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 class="flip-card-back">
<h2>Back of the card</h2>
</div>
</div>
</div>
9 months ago
</body>
9 months ago
<script src="assets/js/script.js"></script>
</html>