From c81564e2f581633a2eb35218c8e7cb895ca64b1d Mon Sep 17 00:00:00 2001 From: TetraspaceW Date: Wed, 17 Apr 2024 20:50:26 +0100 Subject: [PATCH] Use | for seperating questions. Contact me link because this is technically breaking though I doubt anyone is using this feature. --- index.html | 82 ++++++++++++++++++++++++++++-------------------------- script.js | 2 +- style.css | 34 +++++++++++++++++++++- 3 files changed, 76 insertions(+), 42 deletions(-) diff --git a/index.html b/index.html index aabbec6..877a2a9 100644 --- a/index.html +++ b/index.html @@ -1,46 +1,48 @@ - - AI Views Snapshots - - - - - -
-
-
-

Colour code:

-
- My probability is roughly something like this. -
-
- I could maybe see myself updating to a view like this after a lot - more thinking or after seeing a little more evidence. -
-
- I feel confident this view is wrong, but I could easily see a - reasonable and informed person having this view. -
-
- I don't currently see a way for a reasonable and well-informed - person to end up with this view. -
-
- -
+ + AI Views Snapshots + + + + -
-

+ +
+
+
+

Colour code:

+
+ My probability is roughly something like this. +
+
+ I could maybe see myself updating to a view like this after a lot + more thinking or after seeing a little more evidence. +
+
+ I feel confident this view is wrong, but I could easily see a + reasonable and informed person having this view. +
+
+ I don't currently see a way for a reasonable and well-informed + person to end up with this view. +
+ +
-
- - - - - + +
+

+
+
+
+ +

Contact Tetra for feedback or bug reports.

+ + + + + \ No newline at end of file diff --git a/script.js b/script.js index 442d4cb..c25a699 100644 --- a/script.js +++ b/script.js @@ -34,7 +34,7 @@ document.addEventListener("DOMContentLoaded", function () { const questionsParam = urlParams.get("questions"); if (questionsParam) { questions.length = 0; - const questionsArray = questionsParam.split(","); + const questionsArray = questionsParam.split("|"); for (let i = 0; i < questionsArray.length; i += 2) { questions.push(questionsArray.slice(i, i + 2)); } diff --git a/style.css b/style.css index 8ef7908..ebe6a1b 100644 --- a/style.css +++ b/style.css @@ -17,9 +17,11 @@ td { background-color: #d9ead3ff; height: 1px; } + .mine.key-container { border-color: #b6d7a8; } + .colour-blind .mine.mine { background-color: #38761dff; color: #ffffff; @@ -29,9 +31,11 @@ td { background-color: #c9daf8ff; height: 1px; } + .possible.key-container { border-color: #a4c2f4; } + .colour-blind .possible { background-color: #6d9eebff; } @@ -40,9 +44,11 @@ td { background-color: #d9d2e9ff; height: 1px; } + .reasonable.key-container { border-color: #b4a7d6; } + .colour-blind .reasonable { background-color: #b4a7d6ff; } @@ -51,9 +57,11 @@ td { background-color: #f4ccccff; height: 1px; } + .unreasonable.key-container { border-color: #e6b8af; } + .colour-blind .unreasonable { background-color: #f4ccccff; } @@ -67,6 +75,7 @@ td { background-color: #eef5f6ff; padding: 0.5em 1em; } + .colour-code-container { display: flex; flex-direction: column; @@ -78,6 +87,7 @@ td { flex-direction: row; } } + .key-container { border-style: dashed; border-width: 2px; @@ -87,20 +97,25 @@ td { padding: 0.5em; height: auto; } + .colour-blind .key-container { color: #000000; } + .key-caption { color: #666666; margin: 0.5em; } + .colour-blind .key-caption { color: #000000; } + .colour-blind-checkbox { margin: auto; color: #666666; } + .colour-blind .colour-blind-checkbox { color: #000000; } @@ -115,10 +130,12 @@ td { margin: 0; } } + .table-container { display: flex; flex-direction: column; } + .row-container { display: flex; flex-direction: column; @@ -147,10 +164,25 @@ td { cursor: pointer; } +.contact-link { + text-align: center; + margin: 1em 0; + color: #666666; + + a { + color: inherit; + } + + a:active { + color: inherit; + } + +} + iframe { position: absolute; left: -100000px; top: -100000px; width: 1280px; height: 100%; -} +} \ No newline at end of file