Comenzar body { min-height: 100vh;background-image: linear-gradient(120deg, https://www.surf30.netfdfbfb 0%, https://www.surf30.netebedee 100%); font-family: 'Roboto Condensed';} .container {margin: 150px auto 30px auto; max-width: 640px;} h1 { text-align: center; } https://www.surf30.netquiz-controls,https://www.surf30.netquiz-counter,https://www.surf30.netquiz-header,https://www.surf30.netquiz-results-screen,https://www.surf30.netquiz-start-screen{text-align:center}https://www.surf30.netquiz-results,.question{font-size:1.25em}.quiz-container{padding:1em;max-width:100%;margin:1em auto}.quiz-container a{text-decoration:none;color:https://www.surf30.net333}.answers{list-style:none;padding:0;!important;}.answers a{display:block;padding:.5em 1em;margin-bottom:.5em;background:https://www.surf30.netfff;border-radius:10px}.answers a.correct{background:https://www.surf30.net090}.answers a.incorrect{background:https://www.surf30.netc00}https://www.surf30.netquiz-buttons a,https://www.surf30.netquiz-controls,.quiz-container .quiz-button{padding:.5em 1em;background:https://www.surf30.net333;color:https://www.surf30.netfff;border-radius:10px}.answers a.correct,.answers a.incorrect{color:https://www.surf30.netfff}https://www.surf30.netquiz-buttons a,.quiz-container .quiz-button{display:inline-block}https://www.surf30.netquiz-buttons a{background:https://www.surf30.netfff;color:https://www.surf30.net333}.quiz-results-state https://www.surf30.netquiz-controls{background:0 0;padding:0}.quiz-results-state https://www.surf30.netquiz-buttons a{background:https://www.surf30.net333;color:https://www.surf30.netfff} /*! * jquery-quiz v0.0.1 - A simple jQuery quiz plugin. * Copyright (c) 2018 JC Hamill - http://jchamill.github.com/jquery-quiz/ * License: MIT */ !function(a,b,c,d){"use strict";a.quiz=function(b,d){var e=this;e.$el=a(b),e.$el.data("quiz",e),e.options=a.extend(a.quiz.defaultOptions,d);var f=e.options.questions,g=f.length,h=e.options.startScreen,i=e.options.startButton,j=e.options.homeButton,k=e.options.resultsScreen,l=e.options.gameOverScreen,m=e.options.nextButtonText,n=e.options.finishButtonText,o=e.options.restartButtonText,p=1,q=0,r=!1;e.methods={init:function(){e.methods.setup(),a(c).on("click",i,function(a){a.preventDefault(),e.methods.start()}),a(c).on("click",j,function(a){a.preventDefault(),e.methods.home()}),a(c).on("click",".answers a",function(a){a.preventDefault(),e.methods.answerQuestion(this)}),a(c).on("click","https://www.surf30.netquiz-next-btn",function(a){a.preventDefault(),e.methods.nextQuestion()}),a(c).on("click","https://www.surf30.netquiz-finish-btn",function(a){a.preventDefault(),e.methods.finish()}),a(c).on("click","https://www.surf30.netquiz-restart-btn, https://www.surf30.netquiz-retry-btn",function(a){a.preventDefault(),e.methods.restart()})},setup:function(){var b="";e.options.counter&&(b+='<div id="quiz-counter">'),b+='<div id="questions">',a.each(f,function(c,d){b+='<div class="question-container">',b+='<p class="question">'+d.q+"",b+='<ul class="answers">',a.each(d.options,function(a,c){b+='<li>'+c+""}),b+="",b+=""}),b+="",0===a(k).length&&(b+='<div id="'+k.substr(1)+'">',b+='<p id="quiz-results">',b+=""),b+='<div id="quiz-controls">',b+='<p id="quiz-response">',b+='<div id="quiz-buttons">',b+=''+m+"",b+=''+n+"",b+=''+o+"",b+="",b+="",e.$el.append(b).addClass("quiz-container quiz-start-state"),a("https://www.surf30.netquiz-counter").hide(),a(".question-container").hide(),a(l).hide(),a(k).hide(),a("https://www.surf30.netquiz-controls").hide()},start:function(){e.$el.removeClass("quiz-start-state").addClass("quiz-questions-state"),a(h).hide(),a("https://www.surf30.netquiz-controls").hide(),a("https://www.surf30.netquiz-finish-btn").hide(),a("https://www.surf30.netquiz-restart-btn").hide(),a("https://www.surf30.netquestions").show(),a("https://www.surf30.netquiz-counter").show(),a(".question-container:first-child").show().addClass("active-question"),e.methods.updateCounter()},answerQuestion:function(b){if(!r){r=!0;var c=a(b),d="",g=c.data("index"),h=p-1,i=f[h].correctIndex;if(g===i)c.addClass("correct"),d=f[h].correctResponse,q++;else if(c.addClass("incorrect"),d=f[h].incorrectResponse,!e.options.allowIncorrect)return void e.methods.gameOver(d);a("https://www.surf30.netquiz-response").html(d),a("https://www.surf30.netquiz-controls").fadeIn(),"function"==typeof e.options.answerCallback&&e.options.answerCallback(p,g,f[h])}},nextQuestion:function(){r=!1,a(".active-question").hide().removeClass("active-question").next(".question-container").show().addClass("active-question"),a("https://www.surf30.netquiz-controls").hide(),++p===g&&(a("https://www.surf30.netquiz-next-btn").hide(),a("https://www.surf30.netquiz-finish-btn").show()),e.methods.updateCounter(),"function"==typeof e.options.nextCallback&&e.options.nextCallback()},gameOver:function(b){if(0===a(l).length){var c="";c+='<div id="'+l.substr(1)+'">',c+='<p id="quiz-gameover-response">',c+='<p>'+o+"",c+="",e.$el.append(c)}a("https://www.surf30.netquiz-gameover-response").html(b),a("https://www.surf30.netquiz-counter").hide(),a("https://www.surf30.netquestions").hide(),a("https://www.surf30.netquiz-finish-btn").hide(),a(l).show()},finish:function(){e.$el.removeClass("quiz-questions-state").addClass("quiz-results-state"),a(".active-question").hide().removeClass("active-question"),a("https://www.surf30.netquiz-counter").hide(),a("https://www.surf30.netquiz-response").hide(),a("https://www.surf30.netquiz-finish-btn").hide(),a("https://www.surf30.netquiz-next-btn").hide(),a("https://www.surf30.netquiz-restart-btn").show(),a(k).show();var b=e.options.resultsFormat.replace("%score",q).replace("%total",g);a("https://www.surf30.netquiz-results").html(b),"function"==typeof e.options.finishCallback&&e.options.finishCallback()},restart:function(){e.methods.reset(),e.$el.addClass("quiz-questions-state"),a("https://www.surf30.netquestions").show(),a("https://www.surf30.netquiz-counter").show(),a(".question-container:first-child").show().addClass("active-question"),e.methods.updateCounter()},reset:function(){r=!1,p=1,q=0,a(".answers a").removeClass("correct incorrect"),e.$el.removeClass().addClass("quiz-container"),a("https://www.surf30.netquiz-restart-btn").hide(),a(l).hide(),a(k).hide(),a("https://www.surf30.netquiz-controls").hide(),a("https://www.surf30.netquiz-response").show(),a("https://www.surf30.netquiz-next-btn").show(),a("https://www.surf30.netquiz-counter").hide(),a(".active-question").hide().removeClass("active-question")},home:function(){e.methods.reset(),e.$el.addClass("quiz-start-state"),a(h).show(),"function"==typeof e.options.homeCallback&&e.options.homeCallback()},updateCounter:function(){var b=e.options.counterFormat.replace("%current",p).replace("%total",g);a("https://www.surf30.netquiz-counter").html(b)}},e.methods.init()},a.quiz.defaultOptions={allowIncorrect:!0,counter:!0,counterFormat:"%current/%total",startScreen:"https://www.surf30.netquiz-start-screen",startButton:"https://www.surf30.netquiz-start-btn",homeButton:"https://www.surf30.netquiz-home-btn",resultsScreen:"https://www.surf30.netquiz-results-screen",resultsFormat:" %nivel Has respondido correctamente a %score preguntas de %total",gameOverScreen:"https://www.surf30.netquiz-gameover-screen",nextButtonText:"Siguiente",finishButtonText:"Finish",restartButtonText:"Restart"},a.fn.quiz=function(b){return this.each(function(){new a.quiz(this,b)})}}(jQuery,window,document); $('https://www.surf30.netquiz').quiz({ //resultsScreen: 'https://www.surf30.netresults-screen', //counter: false, //homeButton: 'https://www.surf30.netcustom-home', counterFormat: 'Pregunta %current de %total', questions: [ { 'q': '¿Quíen dijo "Fuera del agua, no soy nada"?', 'options': [ 'Andy Irons', 'Nat Young', 'Kelly Slater', '<a href="https://www.surf30.net/search/label/Duke Kahanamoku" target="_blank" title="Duke Kahanamoku">Duke Kahanamoku</a>', 'Pamela Anderson' ], 'correctIndex': 3, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: Duke Kahanamoku.' }, { 'q': '¿En que país se encuentra la ola de Desert Point?', 'options': [ 'Australia', 'Francia', 'EEUU', 'Japón', 'Indonesia', 'Portugal', 'Maldivas' ], 'correctIndex': 4, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: Indonesia.' }, { 'q': '¿Qué es la altura de ola significante?', 'options': [ 'Es la media del tercio de las olas mas altas registradas durante el periodo de medida representado', 'Es la media de la mitad de las olas mas altas registradas durante el periodo de medida representado', 'Es el tercio de la media de las olas mas altas registradas durante el periodo de medida representado', 'Las tres respuestas anteriores son correctas', ,'Ninguna es la correcta' ], 'correctIndex': 0, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: Es la media del tercio de las olas mas altas registradas durante el periodo de medida representado.' }, { 'q': '¿Quién ganó el Zarautz Pukas Pro de 1989?', 'options': [ 'Derek Ho', '<a href="https://www.surf30.net/search/label/Sunny Garcia" target="_blank" title="Sunny Garcia">Sunny Garcia</a>', '<a href="https://www.surf30.net/search/label/Gary Elkerton" target="_blank" title="Gary Elkerton">Gary Elkerton</a>', 'Tom Carrol', '<a href="https://www.surf30.net/search/label/Martin Potter" target="_blank" title="Martin Potter">Martin Potter</a>' ], 'correctIndex': 0, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: Derek Ho.' }, { 'q': '¿Cómo se le conocía familiarmente a Greg Noll?', 'options': [ 'Old Smokie', 'Da Bull', 'The Bear', 'Footloose', 'Lemon Licker', 'Ninguna de las anteriores' ], 'correctIndex': 1, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: Da Bull.' } , { 'q': '¿Cuál de estas marcas de surf no fue fundada en Australia?', 'options': [ 'Quiksilver', 'ONeill', 'Ninguna', 'Todas' ], 'correctIndex': 1, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: ONeill.' } , { 'q': '¿Quién fue el directo de <a href="https://www.surf30.net/search/label/The Endless Summer" target="_blank" title="The Endless Summer">The Endless Summer</a>', 'options': [ 'Jim Thompson', 'Bob Evans', 'Bruce Brown', 'bruce Wayne' ], 'correctIndex': 2, 'correctResponse': '¡Correcto!', 'incorrectResponse': 'Error, la respuesta correcta es: Bruce Brown.' } ] });
No hay comentarios:
Anímate a participar en Surf 30, pero siempre con respeto.
Los comentarios reflejan solo las opiniones de los lectores.
Puedes consultar aquí la política de comenarios.