diff --git a/MultiplayerGame.php b/MultiplayerGame.php new file mode 100644 index 0000000..d492855 --- /dev/null +++ b/MultiplayerGame.php @@ -0,0 +1,29 @@ + + + + +
+
+ +
+ + +
+

Question Example : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis tempore doloremque distinctio quos debitis cupiditate, magnam porro natus veritatis repellat dolorum possimus deserunt dolores obcaecati quidem et velit facere officia?

+
+ +
+

A

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.

+

B

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.

+

C

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.

+

D

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.

+
+
+ +
+ +
+ + \ No newline at end of file diff --git a/SoloGame.php b/SoloGame.php new file mode 100644 index 0000000..d811588 --- /dev/null +++ b/SoloGame.php @@ -0,0 +1,26 @@ + + + + +
+
+ +
+ + +
+

Question Example : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis tempore doloremque distinctio quos debitis cupiditate, magnam porro natus veritatis repellat dolorum possimus deserunt dolores obcaecati quidem et velit facere officia?

+
+ +
+ MULTIPLAYER +
+
+ +
+ +
+ + \ No newline at end of file diff --git a/class.css b/class.css new file mode 100644 index 0000000..9da6fe9 --- /dev/null +++ b/class.css @@ -0,0 +1,97 @@ +*{ + margin:0; + padding:0; +} +html{ + height:100vh; +} +body{ + background-color:white; + height:100%; +} +.void{ + background-color:black; +} +.mainGrid{ + display:grid; + grid-auto-flow:column; + grid-template-columns:auto 66vw auto; + height:100%; + +} +.mainGrid .Center{ + display:flex; + flex-direction:column; + align-items:center; +} +.Center{ + display:flex; + flex-direction:column; + align-items:center; +} + +.Logo{ + position:absolute; + top:5vh; + left:50vw; + transform:translate(-50%); + height:64px; + width:128px; + border:solid 5px black; +} + +.Solo{ + position:relative; + top:32vh; + height:5%; + width:75%; + margin-bottom:5%; + border:solid 5px black; +} +.Multiplayer{ + position:relative; + top:32vh; + height:5%; + width:75%; + border:solid 5px black; +} +.Question{ + display:flex; + position:relative; + top:15vh; + height:auto; + width:90%; + border:solid 5px black; +} +.Question p{ + font-size:2em; + text-align:center; + margin:5%; +} +.FlexAnswer{ + position:relative; + top:20vh; + display:flex; + flex-direction:column; + justify-content:space-around; + align-items:center; + height:50%; + width:100%; + flex-wrap:wrap; +} +.Answer{ + flex: 0 33%; + height:100%; + width:33%; + border:solid 5px black; +} +.Answer div p:first-child{ + font-size:2em; + text-align:center; + border-bottom: 2px solid; + width: 100%; +} +a{ + color:black; + text-decoration:none; +} \ No newline at end of file diff --git a/head.html b/head.html new file mode 100644 index 0000000..c4cc815 --- /dev/null +++ b/head.html @@ -0,0 +1,5 @@ + + + Math'Educ + + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..6f753fa --- /dev/null +++ b/index.php @@ -0,0 +1,26 @@ + + + + +
+
+ +
+ + +
+ SOLO +
+ +
+ MULTIPLAYER +
+
+ +
+ +
+ + \ No newline at end of file