🚀 1.3 Launch !

index.html

@@ -21,7 +21,7 @@
       property="og:description"
       content="Discover what Pokemon you are today."
     />
-    <meta property="og:image" content="./src/card.png" />
+    <meta property="og:image" content="./src/images/card.png" />
 
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content="https://wpayt.diams.app" />
@@ -30,13 +30,13 @@
       property="twitter:description"
       content="Discover what Pokemon you are today."
     />
-    <meta property="twitter:image" content="./src/card.png" />
+    <meta property="twitter:image" content="./src/images/card.png" />
 
     <meta charset="UTF-8" />
-    <link rel="stylesheet" href="src/style.scss" />
+    <link rel="stylesheet" href="src/scss/style.scss" />
     <link
       rel="shortcut icon"
-      href="./src/icon.png"
+      href="./src/images/icon.png"
       crossorigin="anonymous"
       type="image/PNG"
       class="icon"
@@ -53,6 +53,6 @@ <h1 id="hello"></h1>
       <div><img id="sprite" src="#" alt="" crossorigin="anonymous" /></div>
     </div>
     <div class="history"></div>
-    <script src="src/index.ts"></script>
+    <script src="src/ts/index.ts"></script>
   </body>
 </html>

manifest.webmanifest

@@ -8,13 +8,13 @@
   "start_url": "/",
   "icons": [
     {
-      "src": "src/icons/manifest-icon-192.png",
+      "src": "src/images/icons/manifest-icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "src/icons/manifest-icon-512.png",
+      "src": "src/images/icons/manifest-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable any"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "what-pokemon-you-are-today",
-  "version": "1.0.1",
+  "version": "1.3.0",
   "description": "This little project have just a single utility: telling you what Pokemon you are today !",
   "homepage": "https://wpayt.diams.app",
   "author": {

readme.md

@@ -7,20 +7,6 @@ This little project have just a single utility: telling you what Pokemon you are
 <a href="https://github.com/diamantdotdev/What-Pokemon-Are-You-Today/blob/master/LICENCE"><img alt="GitHub license" src="https://img.shields.io/github/license/diamantdotdev/What-Pokemon-Are-You-Today?style=flat-square"></a>
 <img alt="Website" src="https://img.shields.io/website?down_color=red&down_message=offline&style=flat-square&up_color=green&up_message=online&url=https%3A%2F%2Fwpayt.diams.app">
 
-## Beta branch
-
-This is all the official todoist for the 1.3
-
-- [x] Add a System Leveling.
-- [x] Add a update checker. (update values if there is a new update.)
-- [ ] Add a reveal animation.
-- [x] Add an History.
-- [x] French Translation. (WIP - Still improvement to do)
-- [x] Better code.
-- [x] PWA Support.
-
-Note: you can access to the beta view with this link: https://beta.wpayt.diams.app/
-
 ## Authors
 
 - [@diamantdotdev](https://www.github.com/diamantdotdev)
@@ -55,5 +41,10 @@ Start the server
 
 - Telling what Pokemon are you today.
 - **_SMOOTH ANIMATION_**
-- Stored via `localstorage` (No online store)
+- Stored via `localstorage`. (No online storage.)
 - Website background based on Pokemon first type.
+- `NEW` PWA Support.
+- `NEW` Telling what Level you are today.
+- `NEW` Some Smooth Reveal Animation.
+- `NEW` Get an history of what Pokemon you has been.
+- `NEW` French translation.

src/scss/_anim.scss

@@ -0,0 +1,31 @@
+.reveal {
+  &#you {
+    filter: blur(10px);
+    animation: textReveal 1.5s ease-in-out 5s 1 forwards;
+  }
+  &#sprite {
+    filter: blur(10px);
+    filter: brightness(0);
+    animation: imgReveal 5s ease-in-out 3s 1 forwards;
+  }
+}
+
+@keyframes textReveal {
+  0% {
+    filter: blur(10px);
+  }
+  100% {
+    filter: blur(0px);
+  }
+}
+
+@keyframes imgReveal {
+  0% {
+    filter: blur(10px);
+    filter: brightness(0);
+  }
+  100% {
+    filter: blur(0px);
+    filter: brightness(1);
+  }
+}

src/style.scss → src/scss/style.scss

@@ -110,3 +110,4 @@ body {
 }
 
 @import 'types';
+@import 'anim';

src/index.ts → src/ts/index.ts

@@ -9,7 +9,7 @@ export interface DataLS {
   version: string;
 }
 
-const version = 'b1.3.4.1';
+const version = '1.3';
 
 interface Name {
   language: Color;
@@ -89,8 +89,13 @@ getData(dataGet.pokemonID, difference, online).then((data) => {
   footer.innerHTML = online ? languageText.footer : languageText.Offfooter;
   historyShowed(userLang);
 
+  if (difference) {
+    you.classList.add('reveal');
+    img.classList.add('reveal');
+  }
+
   document.body.classList.add('ready', data.Type as string);
   if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('../sw.js');
+    navigator.serviceWorker.register('../../sw.js');
   }
 });