|
|
|
|
<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>
|
|
|
|
|
<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>
|
|
|
|
|
<p class="intro-text">
|
|
|
|
|
To see the commands and their printed output go to: https://pzwiki.wdka.nl/mediadesign/SI23_/table/_Loading:_Feminist_Server...
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<!-- <div class="column column-right"> -->
|
|
|
|
|
<div class="column flip-card">
|
|
|
|
|
<div class="flip-card-inner">
|
|
|
|
|
<div class="flip-card-front">
|
|
|
|
|
<img class="tendrils tendril-top" src="assets/img/tendrils.svg"></img>
|
|
|
|
|
<h1></h1>
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
<script src="assets/js/script.js"></script>
|
|
|
|
|
</html>
|
