🔀 merge pull request #41 from onRuntime/jerembdn/remove-congrat-popup

💄 remove congrat popup

css/contentstyle.css

@@ -15,62 +15,6 @@
     pointer-events: initial;
 }
 
-/* congrats popup */
-#instagram-dark-wrapper .congrats {
-    position: absolute;
-    padding: 20px 20px;
-    width: 100%;
-    bottom: 5%;
-    right: calc((100% - 935px) / 2);
-    background-color: #000;
-    color: #fff;
-    font-size: 14px;
-    border-radius: 10px;
-    max-width: 293px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    border: 1px solid #262626;
-    animation-name: fadeInUp;
-    animation-fill-mode: both;
-    animation-duration: 1s;
-    opacity: 1;
-}
-
-#instagram-dark-wrapper .congrats.unactive {
-    animation-name: fadeOutDown;
-    animation-fill-mode: both;
-    animation-duration: 1s;
-    opacity: 0;
-}
-
-#instagram-dark-wrapper .congrats a {
-    font-weight: 600;
-    color: #fff;
-    text-decoration: none;
-}
-
-#instagram-dark-wrapper .congrats a:hover {
-    text-decoration: underline;
-}
-
-#instagram-dark-wrapper .congrats b {
-    font-weight: 600;
-}
-
-#instagram-dark-wrapper .congrats .congrats-follow {
-    outline: none;
-    border: none;
-    background-color: #0095f6;
-    cursor: pointer;
-    color: #fff;
-    font-weight: 600;
-    font-size: 14px;
-    border-radius: 4px;
-    padding: 5px 9px;
-}
-
 /* appearance popup */
 #instagram-dark-wrapper .appearance {
     display: none;

js/app.js

@@ -25,9 +25,6 @@ let onRuntimeLink;
 
 let customLinksInterval;
 
-// congrats
-let congratsPopup;
-
 // Variables
 // state of dark theme [true: dark | false: light].
 let state;
@@ -186,13 +183,6 @@ const initElements = () => {
     clearInterval(customLinksInterval);
     customLinksInterval = setInterval(addCustomLinks, 100);
   });
-
-  // Build congrats popup element
-  congratsPopup = document.createElement("div");
-  congratsPopup.classList.add("congrats");
-  congratsPopup.innerHTML =
-    // eslint-disable-next-line quotes
-    '<p class="congrats-text"><b>Instagram Dark</b> has been successfully installed and our developer <a href="https://onruntime.com/">onRuntime</a> has been added to your followings! Thanks for downloading it!</p>';
 };
 
 // Dark Theme State
@@ -364,8 +354,6 @@ const initFirstInstall = async () => {
               }
             );
             addFirstIntall(first_install, loggingData.userId);
-            // insert congrats popup to wrapper
-            wrapper.appendChild(congratsPopup);
 
             // make popup disappear
             setTimeout(