Skip to content

Commit

Permalink
Added logo and fixed styles
Browse files Browse the repository at this point in the history
  • Loading branch information
Ilona committed Dec 8, 2023
1 parent b900717 commit 7f4f654
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
Binary file added assets/images/Friends-Logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 7 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
</div>

<template id="startComponent">
<div class="flex flex-col-reverse lg:flex-row items-center gap-5 bg-black h-screen justify-center">
<div class="flex flex-col items-center bg-white h-full w-full lg:w-1/2 justify-center">
<div class="flex flex-col-reverse lg:flex-row items-center bg-black h-screen justify-center">
<div class="flex flex-col items-center bg-white h-full w-full lg:w-1/2 justify-center px-5">
<div class="flex flex-col rounded items-center ">
<h1 class="text-3xl text-center my-[4rem] font-bold">Welcome to Friends Quiz!</h1>
<p class="text-xl text-center my-[4rem]">Test your
Expand All @@ -44,8 +44,8 @@ <h1 class="text-3xl text-center my-[4rem] font-bold">Welcome to Friends Quiz!</h
</template>

<template id="checkComponent">
<div class="flex flex-col-reverse lg:flex-row items-center gap-5">
<div class="flex flex-col items-center justify-center w-full lg:w-1/2 lg:border-r-2 lg:border-t-0">
<div class="flex flex-col-reverse lg:flex-row items-center">
<div class="flex flex-col items-center justify-center w-full lg:w-1/2 lg:border-r-2 px-5 lg:border-t-0">
<h1 id="question" class="text-2xl text-center my-[4rem] font-bold">Welcome to Friends Quiz!</h1>
<ul id="answerList" class="text-xl text-left flex flex-col items-center gap-3 w-1/3">
</ul>
Expand All @@ -54,7 +54,7 @@ <h1 id="question" class="text-2xl text-center my-[4rem] font-bold">Welcome to Fr
answer</button>
</div>
<div class="bg-white w-1/2">
<img src="assets/images/trasparent.gif" alt="gif answer" id="gif" frameBorder="0"
<img src="assets/images/Friends-Logo.png" alt="gif answer" id="gif" frameBorder="0"
class="w-full h-full">
</div>
</div>
Expand All @@ -72,7 +72,7 @@ <h1 id="question" class="text-2xl text-center my-[4rem] font-bold">Welcome to Fr
</template>

<template id="answerComponent">
<div class="flex flex-col-reverse lg:flex-row items-center gap-5 bg-black h-screen">
<div class="flex flex-col-reverse lg:flex-row items-center bg-black h-screen">
<div class="flex flex-col items-center justify-center w-full lg:w-1/2 lg:border-t-0 bg-white h-full">

<h1 class="text-2xl text-center my-[4rem] font-bold">The answer is:</h1>
Expand All @@ -88,7 +88,7 @@ <h1 class="text-2xl text-center my-[4rem] font-bold">The answer is:</h1>
</template>

<template id="scoreComponent">
<div class="flex flex-col-reverse lg:flex-row items-center gap-5 bg-black h-screen">
<div class="flex flex-col-reverse lg:flex-row items-center bg-black h-screen">
<div class="flex flex-col items-center justify-center w-full lg:w-1/2 lg:border-t-0 bg-white h-full">
<p class="text-2xl text-center my-[4rem] font-bold">Your score is: <span
class="scoreText"></span>/10
Expand Down

0 comments on commit 7f4f654

Please sign in to comment.