From 12b365d9e38942c4584ade0dd91cd02a3bb0a258 Mon Sep 17 00:00:00 2001 From: MathyouMB Date: Sun, 12 Sep 2021 17:02:41 -0400 Subject: [PATCH 1/2] last minute changes --- src/components/MainQuestion/MainQuestion.svelte | 2 +- src/components/QuestionCard/QuestionCard.svelte | 4 ++++ src/pages/Question/Question.svelte | 17 ++++++++++++++--- 3 files changed, 19 insertions(+), 4 deletions(-) diff --git a/src/components/MainQuestion/MainQuestion.svelte b/src/components/MainQuestion/MainQuestion.svelte index 80844e3..7054bdb 100644 --- a/src/components/MainQuestion/MainQuestion.svelte +++ b/src/components/MainQuestion/MainQuestion.svelte @@ -9,7 +9,7 @@
-

{question.body}

+

{@html question.body}

{#if question.imgSrc} {question.imgAlt} {/if} diff --git a/src/components/QuestionCard/QuestionCard.svelte b/src/components/QuestionCard/QuestionCard.svelte index badd102..914e0b9 100644 --- a/src/components/QuestionCard/QuestionCard.svelte +++ b/src/components/QuestionCard/QuestionCard.svelte @@ -50,6 +50,10 @@ } h5 { + margin-bottom: 1.9rem; + } + + h3 { margin-bottom: 1.5rem; } .Beginner{ diff --git a/src/pages/Question/Question.svelte b/src/pages/Question/Question.svelte index 1e1dcb6..ab78c33 100644 --- a/src/pages/Question/Question.svelte +++ b/src/pages/Question/Question.svelte @@ -25,13 +25,24 @@ // THE ERROR WITH params.id IS BECAUSE WE NEED TO CREATE A TYPE question = await getQuestion(parseInt(params.id)) - let date = new Date(question.expiration_date) if (date <= new Date(Date.now())){ expired = true; } else { expired = false; } + setTimeout(function(){ + let script = document.createElement('script'); + script.src = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"; + document.head.append(script); + + script.onload = () => { + MathJax = { + tex: {inlineMath: [['$', '$'], ['\\(', '\\)']]}, + svg: {fontCache: 'global'} + }; + }; + }, 2000); }) @@ -70,7 +81,7 @@ } else if (data.data.correct){ document.querySelector("#result" + question.id).innerHTML ='

That Answer is Correct!

' }else{ - document.querySelector("#result" + question.id).innerHTML ='

That Answer is incorrect.

' + document.querySelector("#result" + question.id).innerHTML ='

That Answer is incorrect. (Attempt: '+ data.data.attempts + ')

' } } @@ -89,7 +100,7 @@ {:else}
- Question is not Available. + Question is not Available or you need to reload.
{/if}