flicker

g7i · g7i · commit f0e715a6e480 · 2022-10-08T20:39:59.000+01:00
diff --git a/assets/script.js b/assets/script.js
@@ -1,3 +1,10 @@
+// set stored theme
+let mode = localStorage.getItem('mode');
+if (mode === "light") {
+  $('body').addClass('night');
+  $('#toggle-box-checkbox').prop('checked', true);
+}
+
 function init() {
   const contributionsDisplay = document.getElementById('contributions-number')
   const displayClass = document.getElementById('contributions-number').classList
@@ -57,19 +64,14 @@ function init() {
   // night mode feature
   $('#toggle-box-checkbox').on('change', function () {
     localStorage.setItem('mode', this.checked ? "light" : "dark");
+    $('body').removeClass('no-transition');
     if (this.checked) {
       $('body').addClass('night')
     } else {
       $('body').removeClass('night')
     }
   });
 
-  // set stored theme
-  let mode = localStorage.getItem('mode');
-  if (mode === "light") {
-    $('#toggle-box-checkbox').click();
-  }
-
   function demo() {
     setInterval(function () {
       $('#toggle-box-checkbox').trigger('click')
diff --git a/assets/style.css b/assets/style.css
@@ -34,6 +34,10 @@ body {
     font-family: roboto, arial, sans-serif;
 }
 
+body.no-transition, body.no-transition * {
+    transition: none !important;
+}
+
 header {
     margin: 10px auto 20px auto;
     text-align: left;
diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
     <title>Resource Card</title>
 </head>
 
-<body>
+<body class="no-transition">
     <div class="container">
         <div class="row">
             <div class="column">
