gym-name contributions

oliviaellis · Nov 16, 2018 · b3ddc78 · b3ddc78
2 parents 59cfa9f + ee2ec26
commit b3ddc78
Show file tree

Hide file tree

Showing 6 changed files with 89 additions and 53 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/arbok.png b/images/arbok.png
diff --git a/index.html b/index.html
@@ -5,15 +5,18 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
     <link rel="stylesheet" href="main.css">
     <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
+    <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet'>
     <link rel="stylesheet" href="animate.css">
     <title></title>
   </head>
+
   <body>
-    <h1 id="top"></h1>
+    <h1 id="gym-name" class="text-focus-in"></h1>
+    <section id="top"></section>
     <section id="bottom"></section>
     <section id="stripe"></section>
     <section id="outer-circle">
-      <section id="inner-circle"></section>
+      <img src="" id="inner-circle" class="heartbeat">
     </section>
       <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
         <div class="carousel-inner">

diff --git a/main.css b/main.css
diff --git a/main.js b/main.js
@@ -1,18 +1,36 @@
+var pokemon1 = 'gengar';
+var pokemon2 = 'lickitung';
+var pokemon3 = 'diglett';
+
+// adds gym-name/image to entry page
+var img = document.getElementById('inner-circle');
+img.src = 'images/arbok.png';
+
+var gName = document.getElementById('gym-name');
+gName.innerHTML = 'Globo Gym';
+gName.style.fontSize = '150px';
+gName.style.color = 'rgb(219, 218, 219)';
+gName.style.marginLeft = '27%';
+gName.style.fontFamily = 'Oswald, sans-serif';
+gName.style.position = 'fixed';
+gName.style.textShadow = '4px 5px 5px rgb(18, 18, 18)';
+
 // function that opens pokemon screen
 var openButton = document.getElementById('inner-circle');
 openButton.addEventListener('click', openScreen);
 
-
 // opens pokemon screen
 function openScreen() {
   let top = document.getElementById('top');
   let bottom = document.getElementById('bottom');
   let stripe = document.getElementById('stripe');
   let outerCircle = document.getElementById('outer-circle');
+  let gName = document.getElementById('gym-name');
   top.style.top = '-100%';
   bottom.style.bottom = '-100%';
   stripe.style.top = '-100%';
   outerCircle.style.top = '-100%';
+  gName.style.visibility = 'hidden';
   openButton.style.top = '-100%';
 }