Generate- Quizgecko.htm

\ ::: {.HrpQab.HrpQab_normal style="inset: auto 0px 130px auto; opacity: 1;"} ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_close} ::: {.HrpQab__message} CLOSE AI BAR\ ALT → Disable for website\ SHIFT → Disable globally ::: ::: {.HrpQab__tr...

\ ::: {.HrpQab.HrpQab_normal style="inset: auto 0px 130px auto; opacity: 1;"} ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_close} ::: {.HrpQab__message} CLOSE AI BAR\ ALT → Disable for website\ SHIFT → Disable globally ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"}  ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}V** ::: ::: {.HrpQab__message} Capture view ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}S** ::: ::: {.HrpQab__message} Search the web ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"}  ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}E** ::: ::: {.HrpQab__message} Explain ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}A** ::: ::: {.HrpQab__message} Ask page ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"}  ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}U** ::: ::: {.HrpQab__message} Summarize ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}D** ::: ::: {.HrpQab__message} Extract data ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"}  ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}O** ::: ::: {.HrpQab__message} Repurpose page ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}W** ::: ::: {.HrpQab__message} Rewrite ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_option style="order: 1;"}  ::: {.HrpQab__tooltip.HrpQab__tooltip_command} ::: {.HrpQab__hotkey} **[//]{.HrpQab__hotkeyPrefix}R** ::: ::: {.HrpQab__message} Write a reply ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: {.HrpQab__button.HrpQab__button_main style="order: 2;"} ::: {.HrpQab__tooltip.HrpQab__tooltip_main} ::: {.HrpQab__hotkey} [//]{.HrpQab__hotkeyPrefix}/ ::: ::: {.HrpQab__message} AI CHAT\ Drag to move ::: ::: {.HrpQab__triangle} ::: ::: ::: ::: ::: {#termly-code-snippet-support} ::: ::: {data-x-data="paletteBackdrop"} ::: {.fixed.inset-0.z-40.bg-black.bg-opacity-30 data-x-show="$store.navSearch.open" data-="" style="display: none;"} ::: ::: {#nav-search-results.fixed.top-0.left-0.right-0.bottom-0.sm:top-16.sm:left-1/2.sm:right-auto.sm:bottom-auto.sm:transform.sm:-translate-x-1/2.z-50.w-full.sm:max-w-xl.px-0 data-x-data="palette" data-x-show="searchResultsOpen()" data-enter="transition ease-out duration-100" data-enter-start="transform opacity-0 scale-95" data-enter-end="transform opacity-100 scale-100" data-leave="transition ease-in duration-75" data-leave-start="transform opacity-100 scale-100" data-leave-end="transform opacity-0 scale-95" style="display: none;"} ::: {.bg-surface-0.dark:bg-elevated-4.shadow-lg.rounded-lg.md:border.md:bg-surface-0.dark:md:border-elevated-3.dark:shadow-xl.overflow-hidden.h-full.sm:h-auto} ::: {.block.mt-2} ::: {.flex.space-x-2.px-4.sm:px-2} ← ::: ::: ::: {.p-3.mt-1} ::: {#recents data-x-show="$store.navSearch.query?.length === 0 && results.filter(result => result.type === 'recentQuiz').length > 0" style="display: none;"} ::: {.mt-1.flex.items-center.gap-x-4} Recent Lessons ::: {.h-px.flex-auto.bg-surface-3.dark:bg-elevated-2} ::: ::: ::: ::: {#search-results-section.space-y-4} - Show all results for \"[]{data-x-text="$store.navSearch.query"}\" ::: ::: ::: ::: ::: ::: {.flex data-role="main"} ::: {.flex-grow} ::: {#create.bg-surface-3.dark:bg-elevated-4 data-x-data="create(null)"} ::: {.sticky.top-0.left-0.right-0.bg-surface-0.dark:bg-elevated-3.shadow-md.dark:shadow-xl.px-4.lg:px-6.z-10.my-auto.items-center data-x-transition=""} ::: {#edit-nav.py-2.sm:flex.justify-between.items-center} ::: {.flex-grow.flex.flex-col.sm:flex-row.items-center} ::: {.font-semibold} [ New Lesson ]{data-x-show="inputOption !== 'manual' || showInputCards"} [ Add Questions ]{data-x-show="inputOption === 'manual' && !showInputCards" style="display: none;"} ::: New ::: ::: {.flex.flex-row.sm:items-center.space-x-1.sm:space-x-2.rtl:space-x-reverse.justify-center.sm:justify-normal} ::: ::: ::: ::: {.min-h-fit} ::: {.grid.grid-cols-12.gap-x-3} ::: {.section.flex.flex-col.flex-1.h-full.xl:min-h-screen.min-w-0.lg:order-last} ::: {.-mt-1} ::: {.border-b.border-surface-5.dark:border-elevated-1} ::: {#'input-type-tab-' + option.key} [Uploads]{data-x-text="option.desc"} ::: ::: {#'input-type-tab-' + option.key} [Text]{data-x-text="option.desc"} ::: ::: {#'input-type-tab-' + option.key} [Subject]{data-x-text="option.desc"} ::: ::: {#'input-type-tab-' + option.key} [URL]{data-x-text="option.desc"} ::: ::: {#'input-type-tab-' + option.key} [Manual]{data-x-text="option.desc"} ::: ::: ::: ::: {#form-area-1.grid.mt-6.gap-y-6.gap-x-4.grid-cols-4 data-x-show="formStep == 1"} ::: {.col-span-4 data-x-show="inputOption === 'text'" style="display: none;"} ::: {.flex.flex-row} Enter Your Text ::: {.relative.inline-block data-x-data=""} ::: 0 / 100,000 ::: ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: {.mt-3.text-sm.text-elevated-1.dark:text-surface-6 data-x-show="formData.text && formData.text.length > 100000" style="display: none;"} Only the first 100,000 characters will be used. ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'topic'" style="display: none;"} Subject ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: {.mt-2.text-sm} Enter a subject to generate a lesson about. ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'url'" style="display: none;"} URL ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: {.mt-2.text-sm} [ The URL must be publicly accessible and not behind a login ]{data-x-show="!formData.url.includes('quizlet.com')"} [ Flashcards from Quizlet will be imported (up to 100). You can then play them as a quiz or use as flashcards. ]{data-x-show="formData.url.includes('quizlet.com')" style="display: none;"} ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'file'"} ::: {.col-span-4} ::: {.flex.items-center} Generate Import ::: ::: {.mt-4.text-sm.text-elevated-1.dark:text-surface-6} Import existing questions to Quizgecko (max 50 questions). The AI will attempt to answer questions without answers. ::: ::: ::: {.mt-4} Upload a file ::: {.relative.inline-block data-x-data=""} ::: ::: {.isDragging.?.'bg-primary-3.dark:bg-primary-0.border-primary-2.dark:border-primary-2'.:.'bg-surface-2.dark:bg-elevated-3.border-primary-3.dark:border-primary-3' data-x-data="uploadZone()" data-x-modelable="file" data-=""} ::: {.text-center} ::: {.flex.justify-center.mb-1} ::: [ Drag your file here, or [click here]{.text-primary-1.underline} to upload ]{.text-base.text-elevated-2.dark:text-surface-4.mt-3} [Terms of use](https://quizgecko.com/terms), [copyright policy](https://quizgecko.com/copyright), and [honor code](https://quizgecko.com/honor-code) apply. ::: ::: ::: ::: ::: {.col-span-4.sm:col-span-2 data-x-show="!formData.import_mode"} Question type ::: {.flex.mt-1.rounded-md.shadow-sm} Multiple ChoiceTrue or FalseShort AnswerFill in the BlankMatchingMixed (beta) ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual'" style="display: none;"} Question ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: {.mt-1} [](javascript:void(0);){.text-primary-1.cursor-pointer.dark:text-primary-1.hover:text-primary-2.text-sm.font-semibold} ::: {.w-5.inline-block} ::: Complete with AI ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && formData.question_type === 'multiple_choice'" style="display: none;"} ::: {.flex.items-center} Answer A ::: {.flex.items-center.justify-between} Correct ::: ::: ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && formData.question_type === 'multiple_choice'" style="display: none;"} ::: {.flex.items-center} Answer B ::: {.flex.items-center.justify-between} Correct ::: ::: ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && formData.question_type === 'multiple_choice'" style="display: none;"} ::: {.flex.items-center} Answer C ::: {.flex.items-center.justify-between} Correct ::: ::: ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && formData.question_type === 'multiple_choice'" style="display: none;"} ::: {.flex.items-center} Answer D ::: {.flex.items-center.justify-between} Correct ::: ::: ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && (formData.question_type === 'short_answer' || formData.question_type === 'fill_in_the_blank')" style="display: none;"} ::: {.flex.mt-1.rounded-md.shadow-sm} ::: ::: {.mt-2.text-sm.text-elevated-0.dark:text-surface-4.select-none data-x-show="formData.question_type === 'short_answer'" style="display: none;"} Quizgecko uses AI to grade the answer similarity. ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && formData.question_type === 'true_false'" style="display: none;"} Answer ::: {.flex.mt-1.rounded-md.shadow-sm} ::: {.flex.items-center.mr-4} True ::: ::: {.flex.items-center} False ::: ::: ::: ::: {.col-span-4.sm:col-span-2 data-x-show="inputOption !== 'manual'"} Language ::: {.flex.mt-1.rounded-md.shadow-sm} Auto English All Languages: AbkhazianAchineseAcoliAdangmeAdygheAfarAfrihiliAfrikaansAghemAinuAkanAkkadianAkooseAlabamaAlbanianAleutAlgerian ArabicAmerican EnglishAmerican Sign LanguageAmharicAncient EgyptianAncient GreekAngikaAo NagaArabicAragoneseAramaicAraonaArapahoArawakArmenianAromanianArpitanAssameseAsturianAsuAtsamAustralian EnglishAustrian GermanAvaricAvestanAwadhiAymaraAzerbaijaniBadagaBafiaBafutBakhtiariBalineseBaluchiBambaraBamunBanjarBasaaBashkirBasqueBatak TobaBavarianBejaBelarusianBembaBenaBengaliBetawiBhojpuriBikolBiniBishnupriyaBislamaBlinBlissymbolsBodoBosnianBrahuiBrajBrazilian PortugueseBretonBritish EnglishBugineseBulgarianBuluBuriatBurmeseCaddoCajun FrenchCanadian EnglishCanadian FrenchCantoneseCapiznonCaribCatalanCayugaCebuanoCentral Atlas TamazightCentral DusunCentral KurdishCentral YupikChadian ArabicChagataiChamorroChechenCherokeeCheyenneChibchaChigaChimborazo Highland QuichuaChineseChinook JargonChipewyanChoctawChurch SlavicChuukeseChuvashClassical NewariClassical SyriacColognianComorianCongo SwahiliCopticCornishCorsicanCreeCreekCrimean TurkishCroatianCzechDakotaDanishDargwaDazagaDelawareDinkaDivehiDogriDogribDualaDutchDyulaDzongkhaEastern FrisianEfikEgyptian ArabicEkajukElamiteEmbuEmilianEnglishErzyaEsperantoEstonianEuropean PortugueseEuropean SpanishEweEwondoExtremaduranFangFantiFaroeseFiji HindiFijianFilipinoFinnishFlemishFonFrafraFrenchFriulianFulahGaGagauzGalicianGan ChineseGandaGayoGbayaGeezGeorgianGermanGheg AlbanianGhomalaGilakiGilberteseGoan KonkaniGondiGorontaloGothicGreboGreekGuaraniGujaratiGusiiGwichʼinHaidaHaitianHakka ChineseHausaHawaiianHebrewHereroHiligaynonHindiHiri MotuHittiteHmongHungarianHupaIbanIbibioIcelandicIdoIgboIlokoInari SamiIndonesianIngrianIngushInterlinguaInterlingueInuktitutInupiaqIrishItalianJamaican Creole EnglishJapaneseJavaneseJjuJola-FonyiJudeo-ArabicJudeo-PersianJutishKabardianKabuverdianuKabyleKachinKaingangKakoKalaallisutKalenjinKalmykKambaKanembuKannadaKanuriKara-KalpakKarachay-BalkarKarelianKashmiriKashubianKawiKazakhKenyangKhasiKhmerKhotaneseKhowarKikuyuKimbunduKinaray-aKinyarwandaKirmanjkiKlingonKomKomiKomi-PermyakKongoKonkaniKoreanKoroKosraeanKotavaKoyra ChiiniKoyraboro SenniKpelleKrioKuanyamaKumykKurdishKurukhKutenaiKwasioKyrgyzKʼicheʼLadinoLahndaLakotaLambaLangiLaoLatgalianLatinLatin American SpanishLatvianLazLezghianLigurianLimburgishLingalaLingua Franca NovaLiterary ChineseLithuanianLivonianLojbanLombardLow GermanLower SilesianLower SorbianLoziLuba-KatangaLuba-LuluaLuisenoLule SamiLundaLuoLuxembourgishLuyiaMabaMacedonianMachameMadureseMafaMagahiMain-FranconianMaithiliMakasarMakhuwa-MeettoMakondeMalagasyMalayMalayalamMalteseManchuMandarMandingoManipuriManxMaoriMapucheMarathiMariMarshalleseMarwariMasaiMazanderaniMedumbaMendeMentawaiMeruMetaʼMexican SpanishMicmacMiddle DutchMiddle EnglishMiddle FrenchMiddle High GermanMiddle IrishMin Nan ChineseMinangkabauMingrelianMirandeseMizoModern Standard ArabicMohawkMokshaMoldavianMongoMongolianMorisyenMoroccan ArabicMossiMultiple LanguagesMundangMuslim TatMyeneNamaNauruNavajoNdongaNeapolitanNepaliNewariNgambayNgiemboonNgombaNheengatuNiasNiueanNo linguistic contentNogaiNorth NdebeleNorthern FrisianNorthern SamiNorthern SothoNorwegianNorwegian BokmålNorwegian NynorskNovialNuerNyamweziNyanjaNyankoleNyasa TongaNyoroNzimaNʼKoOccitanOjibwaOld EnglishOld FrenchOld High GermanOld IrishOld NorseOld PersianOld ProvençalOriyaOromoOsageOsseticOttoman TurkishPahlaviPalatine GermanPalauanPaliPampangaPangasinanPapiamentoPashtoPennsylvania GermanPersianPhoenicianPicardPiedmontesePlautdietschPohnpeianPolishPonticPortuguesePrussianPunjabiQuechuaRajasthaniRapanuiRarotonganRiffianRomagnolRomanianRomanshRomanyRomboRootRotumanRovianaRundiRussianRusynRwaSahoSakhaSamaritan AramaicSamburuSamoanSamogitianSandaweSangoSanguSanskritSantaliSardinianSasakSassarese SardinianSaterland FrisianSaurashtraScotsScottish GaelicSelayarSelkupSenaSenecaSerbianSerbo-CroatianSererSeriShambalaShanShonaSichuan YiSicilianSidamoSiksikaSilesianSimplified ChineseSindhiSinhalaSkolt SamiSlaveSlovakSlovenianSogaSogdienSomaliSoninkeSouth AzerbaijaniSouth NdebeleSouthern AltaiSouthern SamiSouthern SothoSpanishSranan TongoStandard Moroccan TamazightSukumaSumerianSundaneseSusuSwahiliSwatiSwedishSwiss FrenchSwiss GermanSwiss High GermanSyriacTachelhitTagalogTahitianTaitaTajikTalyshTamashekTamilTarokoTasawaqTatarTeluguTerenoTesoTetumThaiTibetanTigreTigrinyaTimneTivTlingitTok PisinTokelauTonganTornedalen FinnishTraditional ChineseTsakhurTsakonianTsimshianTsongaTswanaTuluTumbukaTunisian ArabicTurkishTurkmenTuroyoTuvaluTuvinianTwiTyapUdmurtUgariticUkrainianUmbunduUnknown LanguageUpper SorbianUrduUyghurUzbekVaiVendaVenetianVepsVietnameseVolapükVõroVoticVunjoWalloonWalserWarayWarlpiriWashoWayuuWelshWest FlemishWestern FrisianWestern MariWolayttaWolofWu ChineseXhosaXiang ChineseYangbenYaoYapeseYembaYiddishYorubaZapotecZarmaZazaZeelandicZenagaZhuangZoroastrian DariZuluZuni ::: ::: ::: {.col-span-4.text-right.mt-2 data-x-show="inputOption !== 'manual' && !formData.import_mode"} [Show Advanced Options]{data-x-text="showAdvancedOptions ? 'Hide Advanced Options' : 'Show Advanced Options'"} ::: ::: {.col-span-4.grid.grid-cols-1.sm:grid-cols-2.gap-4.mt-4 data-x-show="showAdvancedOptions" data-enter="transition ease-out duration-200" data-enter-start="opacity-0 transform scale-95" data-enter-end="opacity-100 transform scale-100" data-leave="transition ease-in duration-150" data-leave-start="opacity-100 transform scale-100" data-leave-end="opacity-0 transform scale-95" style="display: none;"} Difficulty ::: {.flex.mt-1.rounded-md.shadow-sm} EasyMediumHard ::: Max Questions ::: {.relative.inline-block data-x-data=""} ::: ::: {.flex.mt-1.rounded-md.shadow-sm} Auto 5101520253040 ::: ::: {.mt-2.text-sm.text-orange-600 data-x-show="formData.number_of_questions > 5 && formData.text.length < 1000 && inputOption === 'text'" style="display: none;"} Tip: for best results, enter more text content. ::: ::: ::: {.col-span-4 data-x-show="inputOption === 'manual' && formData.question_type !== 'matching'" style="display: none;"} Answer Info (optional) ::: {.mt-2.text-sm.text-elevated-0.dark:text-surface-4.select-none} This will be shown to the user after they answer the question. ::: ::: ::: ::: {#form-area-2.grid.grid-cols-1.mt-6.gap-y-6.gap-x-4.sm:grid-cols-4.min-h-[150px] data-x-show="formStep == 2" style="display: none;"} ::: {.col-span-4 data-x-show="loadingSubtopics" style="display: none;"} ::: {.flex.justify-center.items-center.space-x-2.mt-12} [ Uploading\... ]{data-x-show="inputOption == 'file'"} [ Analyzing\... ]{data-x-show="inputOption != 'file'" style="display: none;"} ::: ::: ::: {.col-span-4 data-x-show="subtopicResponse?.question" style="display: none;"} ::: {.mb-2.text-sm} [← Back]{.cursor-pointer} ::: {#section.font-semibold.leading-7.text-md for="subtopic-question" data-x-text="subtopicResponse?.question"} ::: {.flex.flex-wrap.items-center.space-y-3.mt-5} ::: ::: {.mt-4} ::: ::: {.text-error-0.text-sm.mt-1.font-semibold data-x-show="otherSubtopic.split(',').filter(Boolean).length > 5" style="display: none;"} Please limit to a maximum of 5 subtopics. ::: ::: ::: ::: {.grid.grid-cols-1.mt-6.gap-y-6.gap-x-4.sm:grid-cols-4} ::: {.col-span-4 data-x-show="!loadingSubtopics"} ::: {.flex.flex-col.justify-between} ::: {.sm:mt-1} ::: {.w-20 data-x-show="loading" style="display: none;"} ::: [Next]{data-x-show="!loading" data-x-text="submitButtonText"} Reset ::: ::: {.mt-5 data-x-show="formStep == 1 && $store.create?.quiz?.questions?.length && !loading" style="display: none;"} ::: {.rounded-md.bg-blue-50.p-5.shadow-sm.dark:bg-blue-900/50 data-x-data="{ visible: !localStorage.getItem('closed-' + 'd06186083b1c0ce9f49162316c0e252d') }" data-x-show="visible"} ::: {.flex} ::: {.flex-shrink-0 data-x-show="visible"} ::: ::: {.ml-3.flex-1.md:flex.md:justify-between} Add additional questions to your quiz by submitting the form again. Feel free to adjust the question type and content, or add individual questions manually. ::: {.hidden.sm:block.ml-2 title="Dismiss"} ::: {.-mx-1.5.-my-1.5} [Dismiss]{.sr-only} ::: ::: ::: ::: ::: ::: ::: ::: ::: ::: ::: {#results-scroll-to.col-span-12.xl:col-span-8 data-role="main"} ::: {.px-4.max-w-7xl.mx-auto.xl:px-6} ::: {#blank-state-guide.hidden.xl:flex.justify-center.mt-10 data-x-transition=""} ::: {.rounded-2xl.border.transition-shadow.transition-border.transition-colors.duration-200.bg-surface-0.dark:bg-elevated-3.border-surface-4.dark:border-elevated-4.sm:p-10.p-4.border-surface-4.dark:border-elevated-4.max-w-3xl.w-full} ::: {.flex.flex-col.items-center.max-w-xl.mx-auto} [ Generate and Share: ]{.font-semibold} [ Quizzes, Flashcards, Notes, Podcasts & More ]{.font-bold} {#generate-and-share-quizzes-flashcards-notes-podcasts-more.text-lg.text-center} --------------------------------------------------------------------------------------------------- ::: {.mt-8.grid.grid-cols-1.gap-y-4} 1\. Add Your Content Upload a PDF, DOC, or other file, paste text, input a subject, provide a URL, or manually add a question to get started. 2\. Play & Share Play your quizzes, study flashcards, listen to podcasts, and share your lessons with classmates and friends! 3\. Track Your Progress See your results, review performance stats, and keep track of how you\'re improving. ::: ::: ::: ::: ::: {data-x-show="$store.create.quiz?.questions?.length" style="display: none;"} ::: {#results-container data-x-data="createResults"} ::: {.mt-5} [ Questions {.badge.bg-primary-1.text-surface-0.rounded-md.px-2.py-1.text-xs.font-semibold.ml-2 data-x-show="($store?.create?.quiz?.questions?.length ?? 0) > 0" data-x-text="$store?.create?.quiz?.questions?.length ?? 0" style="display: none;"} ]{.tab-item.inline-flex.items-center.px-1.py-2.pt-1.mr-6.font-semibold.border-b-2.cursor-pointer.hover:border-elevated-0.whitespace-nowrap.dark:text-surface-5.dark:hover:border-surface-6.active data-=""} [ Flashcards {.badge.bg-primary-1.text-surface-0.rounded-md.px-2.py-1.text-xs.font-semibold.ml-2 data-x-show="($store?.create?.quiz?.flashcards?.length ?? 0) > 0" data-x-text="$store?.create?.quiz?.flashcards?.length ?? 0" style="display: none;"} ]{.tab-item.inline-flex.items-center.px-1.py-2.pt-1.mr-6.font-semibold.border-b-2.cursor-pointer.hover:border-elevated-0.whitespace-nowrap.dark:text-surface-5.dark:hover:border-surface-6 data-=""} [ Study Notes ]{.tab-item.inline-flex.items-center.px-1.py-2.pt-1.mr-6.font-semibold.border-b-2.cursor-pointer.hover:border-elevated-0.whitespace-nowrap.dark:text-surface-5.dark:hover:border-surface-6 data-=""} ::: ::: {.grid.grid-cols-1.sm:grid-cols-2.sm:mt-4.mt-1 data-x-show="mode == 'questions'"} ::: {.col-span-1.flex} ::: {.flex.items-center} Edit questions below and drag them to reorder. ::: ::: ::: {.col-span-1.flex.justify-start.sm:justify-end.flex-col.sm:flex-row} ::: {.flex.flex-row.justify-end.space-x-2.rtl:space-x-reverse} ::: {.w-full.flex.items-center} Show Answers Hide Answers ::: ::: ::: ::: ::: {.grid.grid-cols-1.sm:grid-cols-2.sm:mt-4.mt-1 data-x-show="mode == 'notes'" style="display: none;"} ::: {.col-span-1.flex} ::: {.flex.items-center} [ Select text to expand or summarize with AI. ]{data-x-show="$store?.create?.quiz?.study_notes?. ?? false" style="display: none;"} [ Generate study notes with AI or start writing your own. ]{data-x-show="!($store?.create?.quiz?.study_notes?. ?? false)"} ::: ::: ::: {.col-span-1.flex.justify-start.sm:justify-end.flex-col.sm:flex-row} ::: {.flex.flex-row.justify-end.space-x-2.rtl:space-x-reverse} Generate with AI ::: ::: ::: ::: {#notes-container.flex-row.space-y-5.space-5.mt-5.xl:mt-6 data-x-show="mode=='notes'" style="display: none;"} ::: {data-x-data="studyNotesEditor"} ::: {#study-notes-editor.tiptap.px-3.prose.dark:prose-dark.!max-w-screen-xl.-mt-2.mb-2.border.border-surface-5.dark:border-elevated-2.rounded-md.bg-surface-0.dark:bg-elevated-3.bord data-x-ref="studyNoteEditor"} ::: {.tiptap.ProseMirror contenteditable="true" translate="no" tabindex="0"} \ ::: ::: ::: {.h-10.text-sm.text-elevated-0.dark:text-surface-6.text-right} [ Saved at [06:00:00 PM]{data-x-text="new Date(savedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })"} ]{data-x-show="savedAt" style="display: none;"} ::: ::: ::: ::: {.grid.grid-cols-1.sm:grid-cols-2.sm:mt-4.mt-1 data-x-show="mode == 'flashcards'" style="display: none;"} ::: {.col-span-1.flex} ::: {.flex.items-center} Edit flashcards below and drag them to reorder. ::: ::: ::: {.col-span-1.flex.justify-start.sm:justify-end.flex-col.sm:flex-row} ::: {.flex.flex-row.justify-end.space-x-2.rtl:space-x-reverse} ::: ::: ::: ::: {data-x-show="mode=='text'" data-enter="transition ease-out duration-100" data-enter-start="transform opacity-0 scale-95" data-enter-end="transform opacity-100 scale-100" data-leave="transition ease-in duration-75" data-leave-start="transform opacity-100 scale-100" data-leave-end="transform opacity-0 scale-95" style="display: none;"} ::: {.mb-2.mt-12} Edit Quiz [[ Copy to Clipboard ]{data-x-show="!copied"} [ Copied! ]{data-x-show="copied" style="display: none;"}]{.float-right.mb-2.font-bold.text-primary-0.cursor-pointer.hover:underline.copy-to-clipboard.text-md.mt-2} ::: ::: {.mt-2.text-surface-4} [Tip: Multiple choice & true false text can be imported into Moodle or other systems that support the [Aiken format](https://docs.moodle.org/401/en/Aiken_format){.text-primary-0.hover:underline}.]{.text-elevated-1} ::: ::: ::: {data-x-show="!loading && mode == 'questions'"} ::: {.w-full.border.boder-surface-4.rounded-xl.mt-5.dark:border-elevated-3.dark:bg-elevated-3} ::: {.text-center.p-16.bg-surface-2.rounded-xl.dark:bg-elevated-4} Back to top You can add more questions using the form [to the left]{.hidden.lg:inline-block}[above]{.lg:hidden} ::: ::: ::: ::: {.my-6} ::: ::: ::: ::: {.sm:min-h-screen data-x-show="loading" style="display: none;"} ::: {.mt-6} ::: {.h-16.flex.flex-wrap.items-center.justify-center} ::: {.flex.space-x-4.text-center.font-semibold.text-elevated-0.dark:text-surface-4} [Analyzing your text\...]{.typewriter data-x-text="loadingMessage"} ::: ::: ::: ::: {.bg-surface-0.shadow.rounded-lg.overflow-hidden.mt-6.dark:bg-elevated-3} ::: {.p-8.dark:text-surface-4} ::: {.animate-pulse.flex.space-x-4} ::: {.flex-1.space-y-4.py-1} ::: {.h-4.bg-surface-5.rounded.w-3/4.dark:bg-elevated-4} ::: ::: {.space-y-2} ::: {.h-4.bg-surface-5.rounded.dark:bg-elevated-4} ::: ::: {.h-4.bg-surface-5.rounded.w-5/6.dark:bg-elevated-4} ::: ::: ::: ::: ::: ::: ::: {.bg-surface-0.shadow.rounded-lg.overflow-hidden.mt-6.dark:bg-elevated-3} ::: {.p-8.dark:text-surface-4} ::: {.animate-pulse.flex.space-x-4} ::: {.flex-1.space-y-4.py-1} ::: {.h-4.bg-surface-5.rounded.w-3/4.dark:bg-elevated-4} ::: ::: {.space-y-2} ::: {.h-4.bg-surface-5.rounded.dark:bg-elevated-4} ::: ::: {.h-4.bg-surface-5.rounded.w-5/6.dark:bg-elevated-4} ::: ::: ::: ::: ::: ::: ::: {.bg-surface-0.shadow.rounded-lg.overflow-hidden.mt-6.dark:bg-elevated-3} ::: {.p-8.dark:text-surface-4} ::: {.animate-pulse.flex.space-x-4} ::: {.flex-1.space-y-4.py-1} ::: {.h-4.bg-surface-5.rounded.w-3/4.dark:bg-elevated-4} ::: ::: {.space-y-2} ::: {.h-4.bg-surface-5.rounded.dark:bg-elevated-4} ::: ::: {.h-4.bg-surface-5.rounded.w-5/6.dark:bg-elevated-4} ::: ::: ::: ::: ::: ::: ::: {.bg-surface-0.shadow.rounded-lg.overflow-hidden.mt-6.dark:bg-elevated-3} ::: {.p-8.dark:text-surface-4} ::: {.animate-pulse.flex.space-x-4} ::: {.flex-1.space-y-4.py-1} ::: {.h-4.bg-surface-5.rounded.w-3/4.dark:bg-elevated-4} ::: ::: {.space-y-2} ::: {.h-4.bg-surface-5.rounded.dark:bg-elevated-4} ::: ::: {.h-4.bg-surface-5.rounded.w-5/6.dark:bg-elevated-4} ::: ::: ::: ::: ::: ::: ::: {.bg-surface-0.shadow.rounded-lg.overflow-hidden.mt-6.dark:bg-elevated-3} ::: {.p-8.dark:text-surface-4} ::: {.animate-pulse.flex.space-x-4} ::: {.flex-1.space-y-4.py-1} ::: {.h-4.bg-surface-5.rounded.w-3/4.dark:bg-elevated-4} ::: ::: {.space-y-2} ::: {.h-4.bg-surface-5.rounded.dark:bg-elevated-4} ::: ::: {.h-4.bg-surface-5.rounded.w-5/6.dark:bg-elevated-4} ::: ::: ::: ::: ::: ::: ::: {.bg-surface-0.shadow.rounded-lg.overflow-hidden.mt-6.dark:bg-elevated-3} ::: {.p-8.dark:text-surface-4} ::: {.animate-pulse.flex.space-x-4} ::: {.flex-1.space-y-4.py-1} ::: {.h-4.bg-surface-5.rounded.w-3/4.dark:bg-elevated-4} ::: ::: {.space-y-2} ::: {.h-4.bg-surface-5.rounded.dark:bg-elevated-4} ::: ::: {.h-4.bg-surface-5.rounded.w-5/6.dark:bg-elevated-4} ::: ::: ::: ::: ::: ::: ::: ::: ::: ::: {.relative} ::: {.absolute.top-0.right-0.p-4.cursor-pointer data-=""} ::: ::: ::: ::: ::: {#modal-image-modal.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'image-modal' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'image-modal' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8} Add a Cover Image {#add-a-cover-image.text-2xl.font-bold.leading-6.text-gray-900.dark:text-surface-5 data-x-text="modalTitle"} ----------------- ::: {.py-3.mb-6.text-elevated-1.text-md} ::: {.sm:hidden} Select a tab Generate with AIUpload a file ::: ::: {.hidden.sm:block} [Generate with AI]{.{.'border-primary-1.text-primary-0.dark:text-primary-1':.tab.active,.'border-transparent.text-elevated-0.dark:text-surface-5.hover:border-surface-5.hover:text-elevated-2.dark:hover:text-surface-3':.!tab.active.}}[Upload a file]{.{.'border-primary-1.text-primary-0.dark:text-primary-1':.tab.active,.'border-transparent.text-elevated-0.dark:text-surface-5.hover:border-surface-5.hover:text-elevated-2.dark:hover:text-surface-3':.!tab.active.}} ::: ::: {.mt-4} ::: {#loader data-x-show="loading" style="display: none;"} ::: {.flex.justify-center} ::: {.w-full.h-72.bg-surface-2.dark:bg-elevated-2.rounded-md.animate-pulse} ::: {.h-full.w-full.flex.items-center.justify-center} ::: ::: ::: ::: ::: {data-x-show="$store.create?.quiz?.image && !loading" style="display: none;"} ::: ::: ::: {data-x-show="tabs.generate.active"} ::: {.mt-2 data-x-show="!generatedImage"} ::: {data-x-show="tabs.generate.active"} Create a unique, royalty free illustration, based on your quiz content. Just select the style you want below. - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2.ring-2.ring-primary-1 data-="" value=""} [Digital Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Digital - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Photo Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Photo - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Surreal Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Surreal - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Abstract Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Abstract - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Oil painting Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Oil painting - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Collage Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Collage - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Minimalist Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Minimalist - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Ethereal Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Ethereal - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Retro-futurism Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Retro-futurism - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Storybook Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Storybook - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Cyber Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Cyber - ::: {.block.w-full.overflow-hidden.bg-surface-5.rounded-md.group.aspect-w-2.aspect-h-2 data-="" value=""} [Line Art Style]{.sr-only data-x-text="value.name + ' Style'"} ::: Line Art ::: ::: ::: ::: {data-x-show="tabs.upload.active" style="display: none;"} ::: {.mt-6} ::: {.mt-2.text-sm.dark:text-surface-5} ::: {data-x-show="type == 'cover'"} We recommend 2:1 ratio (eg. 1200x600px). We\'ll automatically resize it to fit those dimensions. ::: ::: ::: ::: ::: ::: ::: {.flex.justify-end.p-4.space-x-2.bg-surface-2.dark:bg-elevated-3} Remove Image ::: {data-x-show="tabs.generate.active"} [ Generate ]{data-x-show="!loading"} [ Generating\... ]{data-x-show="loading" style="display: none;"} [ Save ]{data-x-show="!loading"} [ Saving\... ]{data-x-show="loading" style="display: none;"} ::: ::: {data-x-show="tabs.upload.active" style="display: none;"} [ Upload ]{data-x-show="!loading"} [ Uploading\... ]{data-x-show="loading" style="display: none;"} ::: ::: ::: ::: ::: ::: ::: {#modal-welcome.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'welcome' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'welcome' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8.dark:bg-elevated-3} Create your first lesson 🎓 {#create-your-first-lesson.text-2xl.font-bold.leading-6.text-gray-900.dark:text-surface-3} -------------------------- ::: {.mt-6.mb-3.prose.dark:prose-dark} Transform your content into interactive lessons with questions, flashcards, notes and a podcast. Get started by uploading a document, pasting in some text or adding a link to a YouTube video. ::: ::: ::: {.flex.justify-end.p-4.space-x-2.bg-surface-2.dark:bg-elevated-3} Get Started ::: ::: ::: ::: ::: ::: ::: ::: ::: {.sm:hidden data-x-data="bottomBannerMobile()" data-x-show="open"} ::: {.fixed.bottom-0.start-0.z-.w-full} ::: {#bottom-banner.flex.justify-between.py-4.px-5.border-t.bg-surface-0.rounded-t-[20px].z-20 tabindex="-1"} ::: {.relative.w-full.box-border.text-center.px-md.pt-md.pb-xl.text-elevated-3} ::: {.mx-auto} [Use Quizgecko on\... ]{.font-bold.text-lg.text-elevated-2} ::: ::: {.mt-6.space-y-6 slot="ctas"} ::: {.flex.justify-between.box-border.mb-md} ::: {.flex.items-center.space-x-4} ::: {.w-[48px].h-[48px].flex.items-center.justify-center.border.border-solid.border-neutral-border-weak.rounded-lg} ::: [Mobile App]{.text-16.font-bold.text-neutral-content-strong.ml-xs data-x-text="appName"} ::: [[ [Open]{.flex.items-center.gap-xs}]{.flex.items-center.justify-center}](appUrl){#primary-button.min-w-[120px].px-[var(--rem14)].items-center.justify-center.inline-flex.bg-primary-1.rounded-lg.text-surface-0.font-bold} ::: ::: {.flex.justify-between.box-border} ::: {.flex.items-center.space-x-4} ::: {.w-[48px].h-[48px].flex.items-center.justify-center.border.border-solid.border-neutral-border-weak.rounded-lg} ){.w-[40px].h-[40px].text-[40px].rounded-full} ::: [ Browser ]{#continue-label.text-16.font-bold.text-neutral-content-strong.ml-xs} ::: [ [Continue]{.flex.items-center.gap-xs} ]{.flex.items-center.justify-center} ::: ::: ::: ::: ::: ::: {#backdrop.fixed.inset-0.bg-black.opacity-50.z-10 data-part="backdrop"} ::: ::: ::: {#modal-help.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'help' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'help' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8} ::: ::: {.flex.justify-end.p-4.space-x-2.bg-surface-2.dark:bg-elevated-3} Got it! ::: ::: ::: ::: ::: ::: {#modal-limit.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'limit' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'limit' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8} ### Upgrade to continue {#upgrade-to-continue.text-2xl.sm:text-3xl.font-bold.text-elevated-3.dark:text-surface-3.pb-2.text-center.mt-2} ::: {.py-2.mt-2.mb-4.text-elevated-1.dark:text-surface-6.text-md.text-center.prose-dark} ::: {.max-w-md.mx-auto.mb-8.mt-2.bg-green-50.rounded-lg.text-center} ::: {.p-3} ::: {.ml-3} Today\'s Special Offer Save an additional 20% with coupon: SAVE20 ::: ::: ::: You are currently on the [Student Premium]{.font-bold} plan. [Manage subscription](https://quizgecko.com/billing){.text-primary-1.cursor-pointer.dark:text-primary-1.hover:text-primary-2}. ::: {.mx-auto.max-w-md} [View Special Deals](https://quizgecko.com/plans?offer=special){.px-6.py-4.text-md.rounded-xl.w-full.bg-primary-1.border-primary-0.hover:bg-primary-3.active:bg-primary-0.focus:shadow-outline-indigo.text-surface-0.disabled:bg-surface-4.disabled:text-surface-0.disabled:bg-surface-6.disabled:border-elevated-0.inline-flex.justify-center.font-semibold.border-b-4.disabled:cursor-not-allowed.cursor-pointer.disabled:shadow-none.mt-1.focus:shadow-outline-gray.focus:ring-2.focus:ring-offset-2.focus:ring-primary-1.items-center} ::: ::: ::: ::: {.p-8.bg-surface-2.dark:bg-elevated-4} ::: {.mx-auto.max-w-sm.px-2.mt-4} Trusted by top students and educators worldwide ::: ::: {.mb-5.-mt-6.hidden:sm-block} ::: {.mx-auto.max-w-7xl.px-6.lg:px-8.mt-8} ::: {.grid.grid-cols-2.gap-8.lg:grid-cols-5} ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-2.lg:col-span-1} ::: ::: ::: ::: ::: ::: ::: ::: ::: ::: {#modal-feedback.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'feedback' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'feedback' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8 data-x-data="feedbackModal"} Feedback ::: {.mt-4.prose.dark:prose-dark} Please submit any issues or feature requests here. For billing support, please use the [Help Center.](https://help.quizgecko.com/){.text-primary-1.cursor-pointer.dark:text-primary-1.hover:text-primary-2} ::: ::: {.mt-6} ::: {.mb-4} Category Select a category General Bug General feedback Generating questions Playing a quiz Sharing a quiz ::: ::: {.mb-4} Feedback ::: ::: {.mb-4} Image (optional) ::: ::: {.flex.justify-end} Submit ::: ::: ::: ::: ::: ::: ::: ::: {#modal-register.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'register' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'register' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8 data-x-data="{ showEmailForm: false }"} Create your free account ::: {.mb-3.mt-10 data-x-show="!showEmailForm"} ::: {.mt-6.text-center.mx-auto.max-w-sm} [ Continue with Google ]{.ml-2} ::: ::: {.mt-2.text-center.mx-auto.max-w-sm} [ Sign in with Apple ]{.ml-2} ::: ::: {.text-center.mt-8} or continue with email ::: ::: ::: {.mt-2.mb-6} ← Back ::: Your Name ::: {.mt-4} Email ::: ::: {.mt-4} Password ::: ::: {.mt-4} Confirm Password ::: ::: {.flex.items-center.justify-end.mt-4} [Already registered?](https://quizgecko.com/login){.text-sm.text-elevated-1.underline.hover:text-gray-900.dark:text-surface-5.dark:hover:text-surface-3} Verify email → ::: ::: {.mt-12.text-center.max-w-sm.mx-auto} By continuing, you agree to Quizgecko\'s [Terms of Service](https://quizgecko.com/terms) and [Privacy Policy](https://quizgecko.com/privacy-policy). ::: ::: ::: {.p-8.bg-surface-2.dark:bg-elevated-4} ::: {.mx-auto.max-w-sm.px-2.mt-4} Trusted by top students and educators worldwide ::: ::: {.mb-5.-mt-6} ::: {.mx-auto.max-w-7xl.px-6.lg:px-8.mt-8} ::: {.grid.grid-cols-2.gap-8.lg:grid-cols-5} ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-1} ::: ::: {.flex.justify-center.items-center.col-span-2.lg:col-span-1} ::: ::: ::: ::: ::: ::: ::: ::: ::: ::: {#modal-confirm.relative.z-30 data-x-data="{ show: false, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements....filter(el => !el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables() }, lastFocusable() { return this.focusables().slice(-1) }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, }" data-x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" data-open-modal.window="$event.detail == 'confirm' ? show = true : null" data-close.stop="show = false" data-close-modal.window="$event.detail == 'confirm' ? show = false : null" data-keydown.escape.window="show = false" data-keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" data-keydown.shift.tab.prevent="prevFocusable().focus()" data-x-show="show" data-aria-labelledby="modal-title" data-role="dialog" data-aria-modal="true" style="display: none;"} ::: {.fixed.inset-0.transform.transition-all data-x-show="show" data-click="show = false" data-enter="ease-out duration-200" data-enter-start="opacity-0" data-enter-end="opacity-100" data-leave="ease-in duration-200" data-leave-start="opacity-100" data-leave-end="opacity-0" style="display: none;"} ::: {.absolute.inset-0.bg-elevated-0.dark:bg-elevated-4.opacity-80} ::: ::: ::: {.fixed.inset-0.z-40.overflow-y-auto data-x-show="show" style="display: none;"} ::: {.flex.min-h-full.items-center.justify-center.sm:p-0} ::: {.relative.transform.overflow-hidden.bg-surface-0.dark:bg-elevated-3.text-left.shadow-xl.dark:shadow-none.dark:border.dark:border-elevated-3.transition-all.sm:my-8.sm:w-full.sm:max-w-2xl.sm:rounded-xl.w-full.h-full.sm:h-auto.min-h-screen.sm:min-h-0 data-click.outside="show = false"} ::: {.absolute.right-0.top-0.pr-4.pt-4.block} [Close]{.sr-only} ::: ::: {.p-8 data-x-data=""} ### {#section-1.text-lg.font-semibold.text-elevated-3.pb-2 data-x-text="$store.confirmModal.title"} ::: {.mt-6.flex.justify-end.space-x-3} Cancel OK ::: ::: ::: ::: ::: ::: ::: {.fixed.top-2.right-0.flex.w-full.max-w-xs.xl:max-w-sm.flex-col.space-y-4.pr-4.pb-4.sm:justify-start.z-50 data-x-data="{ notifications: [], add(e) { if (!e.detail.type) { e.detail.type = 'success' } this.notifications.push({ id: e.timeStamp, type: e.detail.type, content: e.detail.content, title: e.detail.title, linkText: e.detail.linkText, linkUrl: e.detail.linkUrl, }) }, remove(notification) { this.notifications = this.notifications.filter(i => i.id !== notification.id) }, }" data-="" data-role="status" data-aria-live="polite"} ::: ::: {style="top: 0px; height: 98vh; display: flex; position: fixed; transition: 0.4s; flex-direction: row; border-radius: 10px; z-index: 2147483647; width: 410px; right: -450px;"} ::: {draggable="true" style="width: 5px; height: 100%; margin-top: 5px; cursor: ew-resize; background: transparent;"} ::: ::: ::: {#myFloatingBox style="position: absolute; background-color: white; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; padding: 6px; z-index: 10000; display: none; flex-direction: column; gap: 3px;"} ✕ Copy Summarize In Bullets Improve Witing & Grammar Answer a Question Explain In Detail Ask AI Opinion ::: {style="height: 0.01rem; margin: 2px 0px; background-color: rgba(0, 0, 0, 0.4);"} ::: Disable on This Site ::: ::: {.intercom-lightweight-app} :::