Create an android app
generallala
Abu_Rahman_s238590_quiz.zipcss/master.css
/* QUIZ STYLES */ html { background: #eee; } body { width: 800px; margin: 0 auto; border: 2px solid #ccc; border-top: none; background: #fff; padding: 20px; font-family: Trebuchet, Arial,Helvetica,sans-serif; font-size: 16px; color: #353535; line-height: 1.5em; } h1,h2,h3,h4,h5,h6 {font-weight: bold;} h1 { font-size: 26px; margin: 0 0 20px; color: #0C4569; } h2 { font-size: 22px; margin: 15px 0; } h3 { font-size: 18px; margin: 15px 0 10px; } h4 { font-size: 16px; margin: 10px 0; } h5 { font-size: 14px; margin: 10px 0 5px; } h6 { font-size: 12px; margin: 5px 0; } strong { font-weight: bold; } em { font-style: italic; } ul { list-style-type: circle; } ol { list-style-type: decimal; } ol li { list-style-type: decimal; margin-left: 20px; } .button { float: left; width: auto; padding: 5px 15px; color:#ffffff; background-color:darkcyan; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; } .button:hover { background-color:darkslategray; } .startQuiz { margin-top: 40px; } .tryAgain { margin: 20px 0; } /* clearfix */ .quizArea, .quizResults { zoom: 1; } .quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0; } .quizArea:after, .quizResults:after { clear: both; } .questionCount { font-size: 14px; font-style: italic; } .questionCount span { font-weight: bold; } ol.questions { margin-top: 20px; margin-left: 0; } ol.questions li { margin-left: 0; } ul.answers { margin-left: 20px; margin-bottom: 20px; } ul.responses li { margin: 10px 20px 20px; } ul.responses li p span { display: block; font-weight: bold; font-size: 18px; } ul.responses li.correct p span { color: #6C9F2E; }ul.responses li.incorrect p span { color: #B5121B; } .quizResults h3 { margin: 0; } .quizResults h3 span { font-weight: normal; font-style: italic; } .quizResultsCopy { clear: both; margin-top: 20px; }
css/Quiz.css
/* BASE QUIZ STYLES */ .startQuiz, .nextQuestion, .backToQuestion, .questions li.question, .questions li.question .responses, .questions li.question .responses .correct, .questions li.question .responses .incorrect, .quizResults { display: none; } /* If response messages are disabled or only shown on quiz completion, nextQuestion button IS checkAnswer button - so it must be displayed */ .nextQuestion.checkAnswer { display: block; } ol.questions, ul.answers, ul.responses, ol.questions li, ul.answers li, ul.responses li { list-style-type: none; }
css/reset.css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
js/jquery.js
js/master.js
// Put all your page JS here $(function () { $('#slickQuiz').slickQuiz(); });
js/Quiz-config.js
// Setup your quiz text and questions here var quizJSON = { "info": { "name": "Cricket Quiz!!", "main": "<p>Test your knowledge of worlds best cricketers!</p>", }, "questions": [ { "q": "How many century did Sachin Tendulkar scored in his career?", "a": [ {"option": "1", "correct": false}, {"option": "50", "correct": false}, {"option": "100", "correct": true}, {"option": "Don't Know", "correct": false} ], "correct": "<p><span>That's right!</span> Sachin Tendulkar became the first batsman to make a 100 international centuries, getting to the milestone against Bangladesh!</p>", "incorrect": "<p><span>Uhh no.</span> Sachin Tendulkar became the first batsman to make a 100 international centuries, getting to the milestone against Bangladesh</p>" }, { "q": "What is Brain Lara's highest score in Test Cricket?", "a": [ {"option": "200", "correct": false}, {"option": "400", "correct": true}, {"option": "500", "correct": false}, {"option": "Don't know", "correct": false} ], "select_any": true, "correct": "<p><span>Nice!</span> Lara holds the record for the highest individual score in a Test innings after scoring 400 not out against England at Antigua in 2004.</p>", "incorrect": "<p><span>Nah!</span> Lara holds the record for the highest individual score in a Test innings after scoring 400 not out against England at Antigua in 2004.</p>" }, { "q": "How many wickets did Muralitharan took in his test career?", "a": [ {"option": "400", "correct": false}, {"option": "800", "correct": true}, {"option": "1000", "correct": false}, {"option": "Don't Know", "correct": false} ], "correct": "<p><span>Brilliant!</span> Muralitharan took the 800th wicket on the last ball of his last test match.</p>", "incorrect": "<p><span>Not Quite.</span> Muralitharan took the 800th wicket on the last ball of his last test match.</p>" }, { "q": "How many wickets did Shane Warne took in his test career?", "a": [ {"option": "608", "correct": false}, {"option": "708", "correct": true}, {"option": "808", "correct": false}, {"option": "Don't Know", "correct": false} ], "correct": "<p><span>Holy bananas!</span> Warne's last victim was Andrew Flintoff of England.</p>", "incorrect": "<p><span>Fail.</span> Warne's last victim was Andrew Flintoff of England.</p>" }, ] };
js/Quiz.js
Url of webapp.txt
http://arahman.spinetail.cdu.edu.au/quiz/
