diff --git a/lesson_03/quiz/quiz.yaml b/lesson_03/quiz/quiz.yaml index b4a1de4be..b08606d71 100644 --- a/lesson_03/quiz/quiz.yaml +++ b/lesson_03/quiz/quiz.yaml @@ -55,3 +55,7 @@ quiz: - $2y$10$7/GS4n5j/5TXQc5zjDzlc.2xBKwRqrsksWzcl7VKRwa.fDxzdficS - $2y$10$9mfdal67CXoVG2phPKe1s.BpAT6HQeyQIiDtStfFazkPMW2AaW6Zu - $2y$10$LiCnvad23bwZWZbxXLhs3.r/YdwIX9eAFtjofaW1AH3Htnc9sEU1G + oliviajames: + - $2y$10$XNIaT3YK/NmvATnebmrOHuIoSqsGlfqlW82R2NfFxEJn1CWmmzgzm + - $2y$10$mdHWON2e8lS8HUQZkp5W0OoAd5xkdUCouXCeFPnoz3Ilpjv5Vb9uu + - $2y$10$hGQy6LkNRkXfT9Vk67c4meGH.99yLT73.HKfzWqsgTKHLHerzI7ey \ No newline at end of file diff --git a/lesson_03/quiz/src/quizzes/olivia_james.ts b/lesson_03/quiz/src/quizzes/olivia_james.ts new file mode 100644 index 000000000..7e160d0ee --- /dev/null +++ b/lesson_03/quiz/src/quizzes/olivia_james.ts @@ -0,0 +1,62 @@ +import { + AnswerChoice, + MultipleChoiceQuizQuestion, + QuizQuestion, + QuizQuestionProvider, +} from 'codedifferently-instructional'; + +export class OliviaJamesQuiz implements QuizQuestionProvider { + getProviderName(): string { + return 'oliviajames'; + } + + makeQuizQuestions(): QuizQuestion[] { + return [ + OliviaJamesQuiz.makeQuestion0(), + OliviaJamesQuiz.makeQuestion1(), + OliviaJamesQuiz.makeQuestion2(), + ]; + } + + private static makeQuestion0(): QuizQuestion { + return new MultipleChoiceQuizQuestion( + 0, + 'Which CSS property is used to change the font size of an element?', + new Map([ + [AnswerChoice.A, 'text-size'], + [AnswerChoice.B, 'font-size'], + [AnswerChoice.C, 'size'], + [AnswerChoice.D, 'font-weight'], + ]), + AnswerChoice.UNANSWERED, + ); + } + + private static makeQuestion1(): QuizQuestion { + return new MultipleChoiceQuizQuestion( + 1, + 'Which of the following is the correct syntax for a CSS comment??', + new Map([ + [AnswerChoice.A, '// This is a comment'], + [AnswerChoice.B, ' /* This is a comment */'], + [AnswerChoice.C, '# This is a comment'], + [AnswerChoice.D, ''], + ]), + AnswerChoice.UNANSWERED, + ); + } + + private static makeQuestion2(): QuizQuestion { + return new MultipleChoiceQuizQuestion( + 2, + 'Which tag is used to create an unordered list in HTML?', + new Map([ + [AnswerChoice.A, '
    '], + [AnswerChoice.B, '
      '], + [AnswerChoice.C, '
    • '], + [AnswerChoice.D, ''], + ]), + AnswerChoice.UNANSWERED, + ); + } +} diff --git a/lesson_03/quiz/src/quizzes/quizzes.module.ts b/lesson_03/quiz/src/quizzes/quizzes.module.ts index 91f00eace..39bf7a4dc 100644 --- a/lesson_03/quiz/src/quizzes/quizzes.module.ts +++ b/lesson_03/quiz/src/quizzes/quizzes.module.ts @@ -13,6 +13,7 @@ import { KhaylaSaundersQuiz } from './khayla_quiz.js'; import { MeikoStephensQuiz } from './meiko_stephens_quiz.js'; import { MercedesMathewsQuiz } from './mercedes_mathews_quiz.js'; import { RasheedMillerQuiz } from './rasheed_miller_quiz.js'; +import { OliviaJamesQuiz } from './olivia_james.js'; export const Quizzes = Symbol.for('Quizzes'); @@ -33,6 +34,7 @@ const QUIZ_PROVIDERS = [ ChanelHuttQuiz, JeremiahWingQuiz, JasonWatsonQuiz, + OliviaJamesQuiz, ]; @Module({