ChromaGaming/civ
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

css

Browse source
This commit is contained in:
alisolarflare 2017-06-19 02:26:27 -04:00
parent a20f3dba5f
commit bbbdd59313
4 changed files with 64 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
questions.html
View file

@ -4,6 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Questions</title> <title>Questions</title>
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script> <script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
<link href='https://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet'>
<link rel="stylesheet" href="resources/questions/style.css"> <link rel="stylesheet" href="resources/questions/style.css">
<link rel="stylesheet" href="resources/global/style.css"> <link rel="stylesheet" href="resources/global/style.css">
<script type="text/javascript" src="resources/questions/scenarios.js"></script> <script type="text/javascript" src="resources/questions/scenarios.js"></script>
@ -29,12 +30,11 @@
</ul> </ul>
</nav> </nav>
<h2 id="who">The Who Questions</h2> <h2 id="who">Who</h2>
<p> <h3 class="welcome">Welcome to Chromagaming!</h3>
Welcome to the server! It seems like you're interested <p>It seems like you're interested in becoming an official member.</p>
in becoming an official member, so before we accept you <p>Before we accept you into our community, we'd like to get to know you first.</p>
into our community, we'd like to get to know you.
</p>
<ul> <ul>
<li>Name<br /> <li>Name<br />
<input type="text" name="" value=""></li> <input type="text" name="" value=""></li>
@ -46,6 +46,8 @@
<input type="text" name="" value=""></li> <input type="text" name="" value=""></li>
<li>What made you interested in us?<br ./> <li>What made you interested in us?<br ./>
<input type="text" name="" value=""></li> <input type="text" name="" value=""></li>
<li>Minecraft Username</li>
<input type="text" name="" value=""></li>
<li>Do you have Discord? What's your username?<br ./> <li>Do you have Discord? What's your username?<br ./>
<input type="text" name="" value=""></li> <input type="text" name="" value=""></li>
<li>Do you have a Reddit Account? If so, what's your username?<br ./> <li>Do you have a Reddit Account? If so, what's your username?<br ./>
@ -60,30 +62,36 @@
<input type="submit"> <input type="submit">
</ul> </ul>
<h2 id="what">The What Questions</h2> <h2 id="what">What</h2>
<h3>Every server has its rules</h3>
<p> <p>
Every server has rules, although our rules are a bit more Although our rules are a bit more
straight forward than usual. This section tests your knowledge straight forward than usual. This section tests your knowledge
of our rules. of our rules.
</p> </p>
<ul> <ul>
<li><em>If we can't make a list of questions about our rules <li><em>If we can't make questions about our rules,
then we can put the actual ruleset in here</em></li> then we can put the actual ruleset in here</em></li>
<li><em>This should be a "sanity" check, to see <li><em>This should be a "sanity" check. It should see
if applicants are paying attention to the questions at all.</em></li> if applicants are paying attention to the questions at all.</em></li>
<li><em>Consider this a basic filter</em></li> <li><em>Consider this a basic filter.</em></li>
</ul> </ul>
<h2 id="why">The Why Questions</h2> <h2 id="why">Why</h2>
<h3>Our server runs on a case by case basis</h3>
<p> <p>
Our server runs on a case by case basis, so naturally, Therefore instead of testing you on the rules of the land, it'd be
instead of testing you on the rules of the land, it'd be
more appropriate to test you on your ability to react. more appropriate to test you on your ability to react.
<br /> </p>
<p>
Following are scenarios, where <strong>multiple answers Following are scenarios, where <strong>multiple answers
are correct.</strong> Choose the awnser that you feel is </strong>are correct. Choose the awnser that you feel is
most important: the action you'd perform first. most important.
<br /> </p>
<p>
Choose the action you'd perform first.
</p>
<p>
It doesn't matter <em>what</em> your awnser to this question is. It doesn't matter <em>what</em> your awnser to this question is.
What matters in this case is <em>why</em> you What matters in this case is <em>why</em> you
choose the awnser. choose the awnser.
@ -103,7 +111,7 @@
developer or post to #feedback on Discord. developer or post to #feedback on Discord.
</em> </em>
</p> </p>
<h2 id="how">The How Questions</h2> <h2 id="how">How</h2>
<p> <p>
Congratulations! By filling out this form, you have been given Congratulations! By filling out this form, you have been given
a few basic permissions. Feel free to roam around spawn, view a few basic permissions. Feel free to roam around spawn, view
@ -114,11 +122,11 @@
your application. Till then, have fun! your application. Till then, have fun!
</p> </p>
<p id="application-status">Your application is awaiting approval</p> <p id="application-status">Your application is awaiting approval</p>
<div class="footer-image-links">
<img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder"> <img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder">
<img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder"> <img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder">
<img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder"> <img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder">
<img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder"> <img src="./resources/questions/images/64pxWhiteBox.png" alt="placeholder">
</div>
</body> </body>
</html> </html>

6
resources/global/style.css
View file

@ -1,6 +0,0 @@
p, li{
font-family: Helvetica;
}
h1 {
font-family: "Raleway", sans-serif;
}

2
resources/questions/scenarios.js
View file

@ -6,7 +6,7 @@ window.onload = function(){
let $trueOutputElement = $("<li></li>") let $trueOutputElement = $("<li></li>")
$trueOutputElement.attr("id", `scenarios-${scenario.name}`); $trueOutputElement.attr("id", `scenarios-${scenario.name}`);
let $outputElement = $("<div class=\"accordion-panel\"></div>") let $outputElement = $("<div class=\"accordion-panel\"></div>");
//Create Control Element //Create Control Element
const isAccordion = true; const isAccordion = true;

31
resources/questions/style.css
View file

@ -1,14 +1,43 @@
html{
margin: 0 auto;
width: 600px;
background-color: lightgray;
}
li, li p{ li, li p{
font-family: "Times New Roman"; font-family: "Times New Roman";
} }
h2 {
font-family: "Lucida Sans Unicode";
font-weight: lighter;
display: none;
}
h3{
font-family: Balthazar;
font-weight: bolder;
font-style: italic;
font-size: 30px;
}
p {
font-family: Georgia;
font-size: 17px;
}
.aside{ .aside{
color: rgb(250, 250, 250); color: rgb(250, 250, 250);
} }
.footer-image-links{
display: block;
margin: 10px auto;
width: 400px;
}
.footer-image-links img{
padding: 5px;
}
#scenarios li p.adult{ #scenarios li p.adult{
font-family: monospace ; font-family: monospace;
color: rgb(240, 0, 100); color: rgb(240, 0, 100);
} }