-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
6 lines (6 loc) · 3.78 KB
/
index.html
1
2
3
4
5
6
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="theme-color" content="#000"><title>Space-Quiz|DreamUP</title><meta name="description" content="Js-quiz"><meta name="keywords" content="space"><link rel="stylesheet" type="text/css" href="style.css"><link rel="shortcut icon" href="src/img/cookie.png" type="image/png"><link href="style.css" rel="stylesheet"></head><body><section class="game-level"><div class="game-level__start"><div class="game-level__start-text">TIME TO START <span class="game-level__start-count">3</span></div></div><div class="game-level__decor"><div class="decor-star"></div></div><div class="game-level__canvas-block"><canvas class="canvas-block__canvas"></canvas></div><div class="game__btn-music btn--musicoff"></div><div class="game__btn-back btn--back"></div><section class="game-interface"><div class="game-interface_life">LIFE</div><div class="game-interface_score">SCORE<span class="score-count">0</span></div></section></section><div class="game-overlay"><div class="game-overlay__warn"><h1 class="warn__title"><strong>Game Over</strong></h1><h2 class="warn__score">Your score: <strong>0</strong></h2><a class="warn__btn">Play Again?</a></div></div><section class="game-intro"><div class="game-loader"><div class="game-loader__planet"><div class="loader-radius1"></div><div class="loader-radius2"></div><div class="loader-radius3"></div><div class="loader-radius4"></div><div class="loader-mini1"></div><div class="loader-mini2"></div><div class="loader-mini3"></div><div class="loader-mini4"></div><svg xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><filter id="goo"><fegaussianblur in="SourceGraphic" stddeviation="15" result="blur"></fegaussianblur><fecolormatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 26 -7" result="goo"></fecolormatrix><feblend in="SourceGraphic" in2="goo"></feblend></filter></defs></svg></div></div><div class="game-intro__info"><div class="info-overlay"></div><div class="info-content"><div class="info-content__btn-close"></div><h2 class="info-content__title"><strong>JS Raccoon</strong></h2><p class="info-content__text">A small journey across the JavaScript Galaxy is waiting for you. During
this space trip you will control a brave and at the same time a cute raccoon.
He has to go through a lot of challenges: during the flight questions that
require your answers will bombard this little space creature. As this raccoon
has no autopilot, it's you who will guide him (with a help of your mouse).</p><p class="info-content__text">P.S. Oh, we nearly forgot to tell you that you will need basic knowledge
of JavaScript (although you can try your luck without it).</p></div></div><div class="start__title">ADVENTURES OF SPACE RACCOON</div><div class="start__act-btn btn-play"><span class="tooltip-content tooltip--play">PLAY</span></div><div class="start__act-btn btn-info"><span class="tooltip-content tooltip--info">INFO</span></div><div class="decor-intro-star star--1"></div><div class="decor-intro-star star--2"></div><div class="decor-intro-star star--3"></div><div class="decor-intro-star star--4"></div><div class="decor-intro-star star--5"></div><div class="decor-intro-star star--6"></div><div class="decor-intro-star star--7"></div><div class="decor-intro-gradient"><div class="decor-intro-planet"></div></div><a class="game__copyright" href="https://www.behance.net/elliepooh"></a><a class="game__octocat" href="https://github.com/elliepooh/elliepooh.github.io"></a></section><audio class="game-music" loop="" autoplay=""><source src="src/audio/Start.wav"></audio><script src="https://www.gstatic.com/firebasejs/3.6.2/firebase.js"></script><script type="text/javascript" src="bundle.js"></script></body></html>