From c484673b2c10665d5bde3b0da36d5e32fd310bbd Mon Sep 17 00:00:00 2001 From: Nilstrieb Date: Sat, 5 Jun 2021 23:35:33 +0200 Subject: [PATCH] lmao --- .gitignore | 2 ++ index.html | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ script.js | 16 ++++++++++++++++ style.css | 43 ++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 116 insertions(+) create mode 100644 .gitignore create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..29b636a --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.idea +*.iml \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..d6f9b92 --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ + + + + + Title + + + +
+

Good BDSM Test

+

The best BDSM Test on the internet. Find your favourite kink here.

+
+

Click here to start the test

+ +
+
+

Select what you like most

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Your result is:

+

+
+

Don't like your result?

+ +
+
+ + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..4f8f4c4 --- /dev/null +++ b/script.js @@ -0,0 +1,16 @@ +function start() { + document.getElementById("start").classList.add("hide"); + document.getElementById("selection").classList.remove("hide"); +} + +function selection(e) { + document.getElementById("selection").classList.add("hide"); + document.getElementById("result").classList.remove("hide"); + + document.getElementById("result-text").innerHTML = e.innerHTML; +} + +function restart() { + document.getElementById("start").classList.remove("hide"); + document.getElementById("result").classList.add("hide"); +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..f91e621 --- /dev/null +++ b/style.css @@ -0,0 +1,43 @@ +html { + font-family: Verdana, sans-serif; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body { + height: 100%; + background-color: #282c34; + display: flex; + justify-content: center; + flex-direction: column; + color: white; + align-items: center; + + text-align: center; +} + +button { + height: 50px; + width: 300px; + background-color: #5d6172; + border: none; + margin: 1px; +} + +button:hover { + background-color: #a7acbf; + cursor: pointer; +} + + +.hide { + display: none; +} + +.show { + display: block; +} \ No newline at end of file