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.

55 lines
2.0 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>
<h1></h1>
<img class="tendrils" src="assets/img/tendrils.svg"></img>
</div>
<div class="flip-card-back">
<p class="info_layer"></p>
</div>
</div>
</div>
</body>
<script src="assets/js/script.js"></script>
</html>