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.

58 lines
2.2 KiB
HTML

<script src="https://issue.xpub.nl/23/quilt/quilt.js" data-cutFileName="false" data-wholeUrl="false"></script>
<link rel="stylesheet" type="text/css" href="https://issue.xpub.nl/23/quilt/quilt.css">
<!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"> -->
9 months ago
<div class="column flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
9 months ago
<img class="tendrils tendril-top" src="assets/img/tendrils.svg"></img>
<h1></h1>
9 months ago
<img class="tendrils tendril-bottom" src="assets/img/tendrils.svg"></img>
</div>
<div class="flip-card-back">
<p class="info_layer"></p>
</div>
</div>
</div>
9 months ago
</body>
9 months ago
<script src="assets/js/script.js"></script>
</html>