From d62929bbdfccd8db4e0e6dd9b171c0559aa2f2c1 Mon Sep 17 00:00:00 2001 From: bernadette Date: Thu, 14 Mar 2024 18:15:25 +0100 Subject: [PATCH] added javascript --- assets/css/stylesheet.css | 6 +- assets/img/header.png | Bin 14263 -> 0 bytes assets/img/header.svg | 219 +++++++++++++++++++++----------------- assets/js/script.js | 91 ++++++++++++++++ index.html | 23 ++-- 5 files changed, 231 insertions(+), 108 deletions(-) delete mode 100644 assets/img/header.png create mode 100644 assets/js/script.js diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css index d72c2af..28d9f5d 100644 --- a/assets/css/stylesheet.css +++ b/assets/css/stylesheet.css @@ -34,6 +34,7 @@ body { .intro-text { font-family: LibreBaskerville; font-style: italic; + line-height: 130%; font-size: 20px; } @@ -49,7 +50,7 @@ body { display: flex; } -.command-line { +#user_input { display: flex; height: 100%; width: 80%; @@ -86,8 +87,9 @@ body { flex-direction: column; } -.literal-function-text { +#output { width: 80%; + margin-top: 30px; } .quotationmark-up-container { diff --git a/assets/img/header.png b/assets/img/header.png deleted file mode 100644 index d322607d38cb9c2e7ee08e9d0f0db14055649137..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 14263 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 diff --git a/assets/img/header.svg b/assets/img/header.svg index 187da81..dda6234 100644 --- a/assets/img/header.svg +++ b/assets/img/header.svg @@ -8,105 +8,128 @@ .st2{stroke:#000000;stroke-width:0.7;stroke-miterlimit:10;} - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..8c986bf --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,91 @@ +var responses = { + "zombie": { + screen: "Definition: A child process whose parent has been terminated, causing the memory and resources that were allocated to it to be removed so they can be used for ongoing processes, but whose exit status hasn't been read.", + paper: "Which past event still takes up space in your mind?", + }, + "kill": { + screen: "Definition: Sending a signal to end an ongoing process, using its name instead of its number.", + paper: "Define a negative thought and ask it to stop.", + }, + "server": { + screen: "Definition: A computer providing a service via network, managing resources, processing requests, and running services to meet the needs of its clients, i.e. other computers.", + paper: "Give what someone asks for only when they use the right words.", + }, + "ghost": { + screen: "Definition: An image of a system that prevents system files from missing and helps data recovery.", + paper: "Give something that represents you to someone you care about.", + }, + "parent": { + screen: "Definition: When a process creates a new process it is called a parent. For example, if you were to start a process and then this would divide into two (like a fork), the initial process would be the parent and the subsequent the child.", + paper: "Formulate an idea and let it spread. Congratulations, you are a parent now.", + }, + "interrupt": { + screen: "Definition: An event that changes the order in which instructions for a process are executed, altering the flow of a program.", + paper: "Distract someone for a second.", + }, + "client": { + screen: "Definition: The device or program that requests a service provided by the server.", + paper: "Go to the kitchen and ask for food.", + }, + "nice": { + screen: "Alter the priority of a process by invoking the command. The lower the niceness, the higher the priority.", + paper: "Next time you're asked to do something, do something more important first.", + }, + "echo": { + screen: "Definition: Display lines of text, just to see the terminal talking back to you, or to output the status of an ongoing process.", + paper: "Choose a sentence you hear in the room and repeat it.", + }, + "alias": { + screen: "Definition: Give a less complicated, shorter, or more familiar name to a command (or a string of commands); for example, changing 'echo' to 'say' because it makes more sense to you.", + paper: "Choose one of your complex thoughts and give it a simple name.", + }, + "less": { + screen: "Definition:Displays a text one page at a time, and saves resources.", + paper: "Take a snack, break it in smaller bites and eat it slowly.", + }, + "tail": { + screen: "Definition: A command-line utility that prints data from the end of a specified file or files to standard output.", + paper: "Ask a friend what they were doing right a moment ago.", + }, + "touch": { + screen: "Definition: A command used to create an empty file or change the timestamp of an already existing one. It is like opening a file, making no changes and saving it. This can be useful for backup utilities which typically look at files that have been opened since the last time the program was run.", + paper: "Go to the library. Don't touch anything but mark the time.", + }, + "history": { + screen: "Definition: A list of used commands that can be easily reused.", + paper: "Go to the kitchen and make a list of the latest cliensts' requests.", + }, + "uname": { + screen: "Definition:Displays the operating system name ('you name') as well as the system node name, operating system release, operating system version, hardware name, and processor type.", + paper: "Ask someone to describe themselves in a few words.", + }, + "which": { + screen: "Definition: Find the location of executables (tasks performed following encoded instructions). This could be useful while trying to look at the path a certain executable has taken to standard output.", + paper: "Take a look at the info you received at the entrance and locate the library.", + }, + "shred": { + screen: "Definition: Overwriting and erasing what you no longer need in a way that makes it unrecoverable.", + paper: "Rip this paper until no one can read it.", + } +}; + +function getResponse(keyword) { + var responseObj = responses[keyword.toLowerCase()]; + if (responseObj) { + return responseObj; + } else { + return { + screen: "I'm not sure how to respond. Change your approach.", + paper: "Unknown", + }; + } +} + +function handleInput() { + var userInput = document.getElementById("user_input").value.trim(); + var response = getResponse(userInput); + document.getElementById("output").innerText = response.screen; + + + console.log("Paper: " + userInput); +} \ No newline at end of file diff --git a/index.html b/index.html index b171ef2..619be0c 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ + Loading: Feminist Server ... @@ -13,21 +14,25 @@
-

Here could be a very short introduction/instruction.

+

+ 1. Pick up a card (and feel free to keep it afterwards).
+ 2. Insert the single word you see in the bar below.
+ 3. Get the printed response and execute the request.
+

- -
-
+ +
+
@@ -39,5 +44,7 @@
+ + \ No newline at end of file