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
56 lines
2.3 KiB
HTML
<!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"> -->
|
|
<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>
|
|
|
|
</body>
|
|
<script src="assets/js/script.js"></script>
|
|
</html> |