From 6fa511f19ca6f51eae3cc76df2ff2963966888da Mon Sep 17 00:00:00 2001 From: alisolarflare Date: Mon, 19 Jun 2017 03:04:02 -0400 Subject: [PATCH] I am super proud of what I've done --- questions.html | 157 +++++++++++++++---------------- resources/questions/scenarios.js | 10 +- resources/questions/style.css | 27 ++++-- 3 files changed, 101 insertions(+), 93 deletions(-) diff --git a/questions.html b/questions.html index 27f2b9c..5e3e952 100644 --- a/questions.html +++ b/questions.html @@ -6,7 +6,6 @@ - @@ -19,22 +18,12 @@ Spawn -

Our Little Interview

- - - -

Who

-

Welcome to Chromagaming!

-

It seems like you're interested in becoming an official member.

-

Before we accept you into our community, we'd like to get to know you first.

- +

Who

+

Welcome to Chromagaming!

+
+

It seems like you're interested in becoming an official member.

+

Before we accept you into our community, we'd like to get to know you first.

+
-

What

-

Every server has its rules

-

- Although our rules are a bit more - straight forward than usual. This section tests your knowledge - of our rules. -

- +

What

+

Every server has its rules

+
+

+ Although our rules are a bit more + straight forward than usual. This section tests your knowledge + of our rules. +

+ +
-

Why

-

Our server runs on a case by case basis

+

Why

+

Our server runs on a case by case basis

+
+

+ Therefore instead of testing you on the rules of the land, it'd be + more appropriate to test you on your ability to react. +

+

+ Following are scenarios, where multiple answers + are correct. Choose the awnser that you feel is + most important. +

+

+ Choose the action you'd perform first. +

+

+ It doesn't matter what your awnser to this question is. + What matters in this case is why you + choose the awnser. +

+
+

Scenarios

+
+
+

More scenarios to come...

- Therefore instead of testing you on the rules of the land, it'd be - more appropriate to test you on your ability to react. + + These scenarios should test the applicant's critical thinking. + It'd be interesting to see how new players respond to events + that happened on the server. +
+ New Scenarios are always welcome! If you have any ideas or + possible scenarios to ask new players, send a ping to a + developer or post to #feedback on Discord. +

-

- Following are scenarios, where multiple answers - are correct. Choose the awnser that you feel is - most important. -

-

- Choose the action you'd perform first. -

-

- It doesn't matter what your awnser to this question is. - What matters in this case is why you - choose the awnser. -

-

Scenarios

- -

More scenarios to come...

-

- - These scenarios should test the applicant's critical thinking. - It'd be interesting to see how new players respond to events - that happened on the server. -
- New Scenarios are always welcome! If you have any ideas or - possible scenarios to ask new players, send a ping to a - developer or post to #feedback on Discord. - -

-

How

-

- Congratulations! By filling out this form, you have been given - a few basic permissions. Feel free to roam around spawn, view - our dynamic map, join our discord channel, and discover our - custom coded Civilization View. -
- We'll let you know when the moderators have finished reviewing - your application. Till then, have fun! -

-

Your application is awaiting approval

-
- placeholder - placeholder - placeholder - placeholder -
+

How

+

Congratulations!

+
+

+ By filling out this form, you have been given + a few basic permissions. Feel free to roam around spawn, view + our dynamic map, join our discord channel, and discover our + custom coded Civilization View. +

+

+ We'll let you know when the moderators have finished reviewing + your application. Till then, have fun! +

+
+

Your application is awaiting approval

+
+ placeholder + placeholder + placeholder + placeholder +
diff --git a/resources/questions/scenarios.js b/resources/questions/scenarios.js index 142f76c..4fbcbf2 100644 --- a/resources/questions/scenarios.js +++ b/resources/questions/scenarios.js @@ -3,7 +3,7 @@ window.onload = function(){ makeScenario = function(scenario){ //Create output Element - let $trueOutputElement = $("
  • ") + let $trueOutputElement = $("
  • "); @@ -20,7 +20,7 @@ window.onload = function(){ //Mature Content rating if(scenario.adult == true){ - $adultText = $("

    )

    ") + $adultText = $("

    ") .addClass("adult") .append(`(question for those over the age of 18... or those mature enough)`) @@ -48,7 +48,11 @@ window.onload = function(){ } //Other Question if (scenario.other){ - $otherElement = $("
  • Other...
    • "); + $inputTag = $("") + .attr("type", "radio") + .attr("name", `radio-${scenario.name}`); + $otherElement = $("
  • Other...
    • ") + .prepend($inputTag); $optionElement.append($otherElement); } diff --git a/resources/questions/style.css b/resources/questions/style.css index 32d1d68..a778e52 100644 --- a/resources/questions/style.css +++ b/resources/questions/style.css @@ -4,17 +4,22 @@ html{ background-color: lightgray; } -h2 { - font-family: "Lucida Sans Unicode"; - font-weight: lighter; - display: none; -} -h3{ +h1{ font-family: Balthazar; font-weight: bolder; font-style: italic; font-size: 30px; } +h1.tab{ + display: none; +} +h2 { + font-family: Balthazar; + font-weight: bolder; + font-style: italic; + font-size: 25px; +} + p { font-family: Georgia; font-size: 17px; @@ -31,14 +36,16 @@ li, li p{ } .footer-image-links{ - display: block; - margin: 10px auto; - width: 400px; + text-align: center; } .footer-image-links img{ + display: inline-block; + width: 64px; padding: 5px; } - +.introduction{ + border-bottom: groove; +} #scenarios li p.adult{ font-family: monospace; color: rgb(240, 0, 100);