README.md

@@ -9,16 +9,9 @@
 ##  0stars
 - [ ] zabarvit secret nav
 - [ ] efekt meneni cisel stejny jako prejeti kurzorem
-- [ ] system upgradu (aktivni i pasivni)
-    - [ ] Raketka ktera leta za hvezdou a tezi ji
+- [ ] system upgradu
+- [ ] system pasivniho generovani
 - [ ] ukladani do cookies
 - [ ] odemykani upgradu
-- [ ] star aby se ukazoval jinde a na urcity cas
-- [ ] zaporna cisla??? nevim jestli je ok je mit.
+- [ ] star aby se ukazoval jinde
 
-
-## Bugs
-- [ ] hover efekt on long nav-flag changes width of others 
-        - addid with commit "0-stars basic setup"
-        - on same version some problem with main.css|star.css
-- [ ] basic webpage (cover) is bigger then screen, it is old, but still unknown.

css/star.css

@@ -1,11 +1,3 @@
-/* SEC nav to color 1 */ 
-
-#sec-1 {
-  background-color: rgb(var(--primary-rgb));
-  border-color: rgb(var(--secondary-rgb));
-  border-bottom: 0px;
-}
-
 /*  NAV STAR */
 
 .nav-star {
@@ -13,6 +5,7 @@
   left: auto;
   right: 0px;
   height: 100%;
+  width: 10%;
   z-index: 7;
   display: flex;
   flex-direction: column;
@@ -40,7 +33,7 @@
 
   color: black;
   text-decoration: none;
-  min-width: 70%; 
+  width: 70%;
   font-family: "Source Code Pro", monospace;
   font-size: fill;
 

js/magic.js

@@ -1,19 +1,18 @@
-document.querySelector(".magic").onmouseenter = event => {magic(30)}  
 
-function magic(speed){
 const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  let interval = null;
-  let iteration = 0;
 
+let interval = null;
 
 const screen = document.querySelector(".magic"),
       name = document.querySelector(".magic");
 
+screen.onmouseenter = event => {  
+  let iteration = 0;
   
   clearInterval(interval);
   
   interval = setInterval(() => {
-    name.innerText = name.dataset.value
+    name.innerText = name.innerText
       .split("")
       .map((letter, index) => {
         if(index < iteration) {
@@ -29,6 +28,5 @@ function magic(speed){
     }
     
     iteration += 1 / 3;
-  }, speed);
-
+  }, 30);
 }

js/star.js

@@ -1,5 +1,3 @@
-// Adding stars on click theStar
-
 let star = 0;
 let starGained = 0;
 
@@ -10,20 +8,11 @@ function starClicked() {
   changeName();
 };
 
-
 function changeName() {
-  let see = document.getElementById('name').dataset.value;
-  let num = see.split('-');
-  let show
+  let vidis = document.getElementById('name').innerText;
+  let num = vidis.split('-');
+  let show = star + '-Stars';
 
-  if (star <= 1 && star >= -1) {
-    show = star + '-Star';
-  } else {
-    show = star + '-Stars';
+  document.getElementById('name').innerText = show;
+  document.getElementById('name').dataset.value = show;
 };
-
-  document.querySelector(".magic").dataset.value = show;
-  magic(5);
-};
-
-

star.html

@@ -19,7 +19,7 @@
 
 <div class="nav-star">
   <a class="nav-gap"></a>
-  <a href="" class="nav-price" id="nav-0">+1 Raket (4)</a>
+  <a href="" class="nav-price" id="nav-0">nav-0</a>
   <a class="nav-gap"></a>
   <a href="" class="nav-price" id="nav-1">nav-1</a>
   <a class="nav-gap"></a>
@@ -68,14 +68,18 @@
 <div class="content">
   <div class="card" id="life">
     <div class="background" id="planet"></div>
-    <div class="magic" data-value="0-Star" id="name">0-Life</div>
+    <div class="magic" data-value="0-Stars" id="name">0-Life</div>
     <a class="link" href="https://youtu.be/dQw4w9WgXcQ">REBORN</a>
   </div>
 
+
+
+
+
     <!-- SCRIPTS -->
 
-  <script src="js/star.js"></script>
   <script src="js/magic.js"></script>
+  <script src="js/star.js"></script>
 
 </div></body>
 </html>