diff --git a/public/css/main.css b/public/css/main.css
index 64331df..a196b94 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -87,13 +87,25 @@ button:active {
grid-template-columns: repeat(5, 1fr);
}
-.gridbtn {
- width: 100%;
- height: 90px;
- background-color: darkblue;
- font-size: 2em;
+@media screen and (orientation: landscape) {
+ .gridbtn {
+ width: 100%;
+ height: 90px;
+ background-color: darkblue;
+ font-size: 1.5em;
+ }
}
+@media screen and (orientation: portrait) {
+ .gridbtn {
+ width: 100%;
+ height: 90px;
+ background-color: darkblue;
+ font-size: 18px;
+ }
+}
+
+
.gridstyling {
display: grid;
grid-template-rows: [ten] 1fr [fifty] 1fr [onehundred] 1fr [fivehundred] 1fr [onethousand] 1fr;
diff --git a/public/index.html b/public/index.html
index 437845c..f069c17 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,6 @@
+
Jeopardy by Morgan Murrah - 8th year edition
@@ -13,6 +14,7 @@
+
diff --git a/public/js/questions-oldjs.js b/public/js/questions-oldjs.js
new file mode 100644
index 0000000..9d68de8
--- /dev/null
+++ b/public/js/questions-oldjs.js
@@ -0,0 +1,159 @@
+const questions = [
+ /* Category 1 Questions */
+ {
+ prompt: 'What is the expansion of HTML?',
+ options: ['Hyper Text Markup Language', 'Holding Text Marker Language', 'Hyperlink Text Management Language', 'Holding Text Modal Language'],
+ correctAnswer: 'Hyper Text Markup Language',
+ cashPrize: 10
+ },
+ {
+ prompt: 'What is the current version of HTML?',
+ options: ['HTMLv5000', 'HTML5', 'HTML2016', 'HTMLC'],
+ correctAnswer: 'HTML5',
+ cashPrize: 50
+ },
+ {
+ prompt: 'What language placed in a seperate file has largely replaced use of elements?',
+ options: ['HTMLS Code', 'Style Sheet Language', 'CSS or Central Style Sheet', 'CSS or Cascading Style Sheets'],
+ correctAnswer: 'CSS or Cascading Style Sheets',
+ cashPrize: 100
+ },
+ {
+ prompt: 'What new element type introduced in HTML5 is functionally the same as a Div?',
+ options: ['Semantic Tags', 'PseudoDivs', 'DivisionIDs', 'Division Notation'],
+ correctAnswer: 'Semantic Tags',
+ cashPrize: 500
+ },
+ {
+ prompt: 'Browsers do not usually allow cross-site actions but there is one major exception:',
+ options: ['Get Requests', 'Ping Commands', 'iFrames', 'Git'],
+ correctAnswer: 'iFrames',
+ cashPrize: 1000
+ },
+ /* Category 2 Questions */
+ {
+ prompt: 'What is the expansion of CSS?',
+ options: ['Cascading Style Sheets', 'Central Style Server', 'Control Set Styles', 'C Safe Server'],
+ correctAnswer: 'Cascading Style Sheets',
+ cashPrize: 10
+ },
+ {
+ prompt: 'The " " has what as a default property?',
+ options: ['set-length', 'block', 'timestamp', 'inline'],
+ correctAnswer: 'inline',
+ cashPrize: 50
+ },
+ {
+ prompt: 'The * css selector applies to what?',
+ options: ['Everything', 'Wildcard elements', 'Multiplication Functions', 'Elements with the Id of *'],
+ correctAnswer: 'Everything',
+ cashPrize: 100
+ },
+ {
+ prompt: 'What feature recently introduced in CSS 3 addresses issues with "floats"?',
+ options: ['Center Flagpoints', 'Flexbox', 'Flexpoints', 'FloatV2.0'],
+ correctAnswer: 'Flexbox',
+ cashPrize: 500
+ },
+ {
+ prompt: 'CSS is hard. What is one feature that makes it hard compared to other languages? ',
+ options: ['Lack of Case Examples', 'No Error Output', 'Inclusion of complex variable functions', 'Lack of documentation'],
+ correctAnswer: 'No Error Output',
+ cashPrize: 1000
+ },
+ /* Category 3 Questions */
+ {
+ prompt: 'Which is a coding language or library not actually relevant to modern Javascript?',
+ options: ['Java', 'ECMAScript', 'Ajax', 'JQuery'],
+ correctAnswer: 'Java',
+ cashPrize: 10
+ },
+ {
+ prompt: 'Javascript is usually described as a " "-based language?',
+ options: ['Relational', 'COBOL', 'Object', 'Directional'],
+ correctAnswer: 'Object',
+ cashPrize: 50
+ },
+ {
+ prompt: 'JSON is: ',
+ options: ['A Javascript engine', 'A text format readable by Javascript', 'A Javascript library', 'A Javascript function'],
+ correctAnswer: 'A text format readable by Javascript',
+ cashPrize: 100
+ },
+ {
+ prompt: 'Angular JS is an example of:',
+ options: ['A JS Framework', 'an open-source, cross-platform runtime environment for developing server-side web applications', 'A JS library', 'An AJAX library'],
+ correctAnswer: 'A JS Framework',
+ cashPrize: 500
+ },
+ {
+ prompt: 'Can you change the properties on a const variable?',
+ options: ['Never', 'Yes, by default', 'Yes, only if $constprop is present', 'Yes, if in an IIFE'],
+ correctAnswer: 'Yes, by default',
+ cashPrize: 1000
+ },
+ /* Category 4 Questions */
+ {
+ prompt: 'The Terminal or command line is an example of a?',
+ options: ['Interconnected Network', 'Read-Eval-Print-Loop', 'C++ Library Object', 'Skynet'],
+ correctAnswer: 'Read-Eval-Print-Loop',
+ cashPrize: 10
+ },
+ {
+ prompt: 'UNIX was added relatively later into what popular propietary operating system?',
+ options: ['Windows 10', 'Linux Mint', 'Mac OS X', 'Ubuntu'],
+ correctAnswer: 'Mac OS X',
+ cashPrize: 50
+ },
+ {
+ prompt: 'The command "man x" would?',
+ options: ['Bring up the task manager for x', 'Modularize x', 'Attempt to bring up the manual page for x', 'Make x mandatory on startup'],
+ correctAnswer: 'Attempt to bring up the manual page for x',
+ cashPrize: 100
+ },
+ {
+ prompt: 'Someone shady on the internet tells you to enter a "rm -rf" command into your terminal on your root directory. Doing this would:',
+ options: ['Remake your filedomains', 'Rename your file register', 'Recursively rename all your files with the tag rm', 'Irreparably damage your file system'],
+ correctAnswer: 'Irreparably damage your file system',
+ cashPrize: 500
+ },
+ {
+ prompt: 'The GREP command allows a user to:',
+ options: ['Quickly search files for specific items of text', 'Grab-Read-Evaluate-Loop', 'Gauge RAM event parameters', 'Group related events in the processor'],
+ correctAnswer: 'Quickly search files for specific items of text',
+ cashPrize: 1000
+ },
+ /* Category 5 Questions */
+ {
+ prompt: 'Use of "Alert" popup windows is often considered bad practice as browsers and users are hostile to pop-ups. What are the other two native Javascript popup functions?',
+ options: ['Warning, Confirm', 'Confirm, Refresh', 'Prompt, Confirm', 'Prompt, Notice'],
+ correctAnswer: 'Prompt, Confirm',
+ cashPrize: 10
+ },
+ {
+ prompt: 'The man page for Git describes it as:',
+ options: ['That stupid content tracker', 'A Content Version Tracker', 'General-Index-Tracker', 'A Revision Editor'],
+ correctAnswer: 'That stupid content tracker',
+ cashPrize: 50
+ },
+ {
+ prompt: 'What version of what coding language introduced the audio function contained in this page?',
+ options: ['ECMAScript', 'MP3ML', 'HTML5', 'WavML'],
+ correctAnswer: 'HTML5',
+ cashPrize: 100
+ },
+ {
+ prompt: 'Which of these frameworks include support for TypeScript?',
+ options: ['AngularJS', 'Angular', 'JQuery', 'Whitespace'],
+ correctAnswer: 'Angular',
+ cashPrize: 500
+ },
+ {
+ prompt: 'What is an early computer language famous for being designed by Government and Business without much input from computer scientists?',
+ options: ['MS Office', 'Telnet', 'COBOL', 'C--'],
+ correctAnswer: 'COBOL',
+ cashPrize: 1000
+ }
+];
+
+export default questions;
\ No newline at end of file
diff --git a/public/js/questions.js b/public/js/questions.js
index 9d68de8..333cfbc 100644
--- a/public/js/questions.js
+++ b/public/js/questions.js
@@ -8,8 +8,8 @@ const questions = [
},
{
prompt: 'What is the current version of HTML?',
- options: ['HTMLv5000', 'HTML5', 'HTML2016', 'HTMLC'],
- correctAnswer: 'HTML5',
+ options: ['HTMLv5000', 'HTML', 'HTML2016', 'HTMLC'],
+ correctAnswer: 'HTML',
cashPrize: 50
},
{
@@ -125,33 +125,33 @@ const questions = [
},
/* Category 5 Questions */
{
- prompt: 'Use of "Alert" popup windows is often considered bad practice as browsers and users are hostile to pop-ups. What are the other two native Javascript popup functions?',
- options: ['Warning, Confirm', 'Confirm, Refresh', 'Prompt, Confirm', 'Prompt, Notice'],
- correctAnswer: 'Prompt, Confirm',
+ prompt: 'What is DOMContentLoaded?',
+ options: ['A meaningless trivial thing', 'A web performance certification', 'A rare error', 'A timing event for performance measurement'],
+ correctAnswer: 'A timing event for performance measurement',
cashPrize: 10
},
{
- prompt: 'The man page for Git describes it as:',
- options: ['That stupid content tracker', 'A Content Version Tracker', 'General-Index-Tracker', 'A Revision Editor'],
- correctAnswer: 'That stupid content tracker',
+ prompt: 'What is the best lighthouse score possible?',
+ options: ['A+', 'Four Hundreds', 'Certified', 'Correct'],
+ correctAnswer: 'Four Hundreds',
cashPrize: 50
},
{
- prompt: 'What version of what coding language introduced the audio function contained in this page?',
- options: ['ECMAScript', 'MP3ML', 'HTML5', 'WavML'],
- correctAnswer: 'HTML5',
+ prompt: 'Which of these are not Performance products?',
+ options: ['SpeedCurve', 'mPulse', 'DebugBear', 'SpinningTree'],
+ correctAnswer: 'SpinningTree',
cashPrize: 100
},
{
- prompt: 'Which of these frameworks include support for TypeScript?',
- options: ['AngularJS', 'Angular', 'JQuery', 'Whitespace'],
- correctAnswer: 'Angular',
+ prompt: 'What is not a Core Web Vital?',
+ options: ['FID', 'INP', 'CLS', 'LCP'],
+ correctAnswer: 'FID',
cashPrize: 500
},
{
- prompt: 'What is an early computer language famous for being designed by Government and Business without much input from computer scientists?',
- options: ['MS Office', 'Telnet', 'COBOL', 'C--'],
- correctAnswer: 'COBOL',
+ prompt: 'What is RUM?',
+ options: ['Real User Monitoring', 'Real User Measurement', 'Real User Maximization', 'Real User Mode'],
+ correctAnswer: 'Real User Monitoring',
cashPrize: 1000
}
];