F

assets/css/info.css

@@ -1,29 +1,33 @@
-@import url('https://fonts.googleapis.com/css2?family=Hubballi&display=swap');
-
 body {
     width: 100%;
     min-height: 100%;
     margin: 0;
     margin-top: 46vb;
-    background: rgb(54, 53, 53); color:#ffffff;
+    background: rgb(54, 53, 53);
+    color: #ffffff;
     font-family: "Hubballi";
     font-size: 18px;
     text-align: center;
 }
 
-.typed-cursor {
-    opacity: 1;
-}
+/* .typed-cursor { opacity: 1; }
 
 .typed-cursor.typed-cursor--blink {
     animation: typedjsBlink 0.7s infinite;
     -webkit-animation: typedjsBlink 0.7s infinite;
     animation: typedjsBlink 0.7s infinite;
-}
+} */
 
 /* .h3 { margin-top: 46vh; text-align: center; } */
 
-@keyframes typedjsBlink {
+/* .typed-fade-out { opacity: 0; transition: opacity .25s; }
+
+.typed-cursor.typed-cursor--blink.typed-fade-out {
+    -webkit-animation: 0;
+    animation: 0;
+} */
+
+/* @keyframes typedjsBlink {
     50% {
         opacity: 0.0;
     }
@@ -41,14 +45,4 @@ body {
     100% {
         opacity: 1;
     }
-}
-
-.typed-fade-out {
-    opacity: 0;
-    transition: opacity .25s;
-}
-
-.typed-cursor.typed-cursor--blink.typed-fade-out {
-    -webkit-animation: 0;
-    animation: 0;
-}
+} */

assets/css/mods.css

@@ -1,15 +1,9 @@
-@import url('https://fonts.googleapis.com/css2?family=Hubballi&display=swap');
-
 body {
     font-family: 'Hubballi';
     background-color: rgb(92, 88, 88);
     color: rgb(252, 252, 252);
-}
-
-@-webkit-keyframes rotate {
-    100% {
-        -webkit-transform: rotate(360deg);
-    }
+    max-width: 800px;
+    margin: 0 auto;
 }
 
 .spinner {
@@ -42,10 +36,7 @@ body {
     animation-delay: -1.0s;
 }
 
-.mm {
-    display: flex;
-    flex-direction: row;
-}
+.mm { display: flex; flex-direction: row; }
 
 .mm_pic {
     height: 100px;
@@ -58,7 +49,7 @@ body {
 .ava_h {
     font-size: 22px;
     max-width: 800px;
-    margin: 0 auto;
+    margin: 0;
 }
 
 .module-card {
@@ -69,9 +60,7 @@ body {
     border-color: rgb(0, 123, 255);
 }
 
-.module-card h2 {
-    margin-top: 0;
-}
+.module-card h2 { margin-top: 0; }
 
 .module-button {
     font-family: 'Hubballi', sans-serif;
@@ -86,13 +75,8 @@ body {
     transition: background-color 0.3s ease;
 }
 
-.module-button:active {
-    background-color: rgb(97, 92, 92);
-}
-
-.module-button:hover {
-    background-color: #494ce9;
-}
+.module-button:active { background-color: rgb(97, 92, 92); }
+.module-button:hover { background-color: #494ce9; }
 
 .copy-button {
     font-family: 'Hubballi';
@@ -110,9 +94,7 @@ body {
     cursor: pointer;
 }
 
-.copy-button:hover {
-    background-color: #494ce9;
-}
+.copy-button:hover { background-color: #494ce9; }
 
 .copy-notification {
     position: fixed;
@@ -128,10 +110,7 @@ body {
     transition: opacity 0.5s ease;
 }
 
-.copy-notification.show {
-    opacity: 1;
-    display: block;
-}
+.copy-notification.show { opacity: 1; display: block; }
 
 .module-info {
     font-family: 'Hubballi', sans-serif;
@@ -144,10 +123,9 @@ body {
     padding: 10px;
 }
 
-.hidden {
-    display: none;
-}
+.hidden { display: none; }
+.center { text-align: center; }
 
-.center {
-    text-align: center;
-}
+@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } }
+
+/*@media screen and (max-width: 768px) { body { min-width: 600px; margin: 0 auto; } }*/

assets/css/style.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Hubballi&display=swap');
-
 :root {
     --back-color: #fff3;
     --text-color: #fff;
@@ -17,20 +15,6 @@ body {
     font-family: "Hubballi";
 }
 
-@keyframes blink {
-    0% {
-        opacity: 1;
-    }
-
-    50% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
 .center {
     justify-content: center;
     align-items: center;
@@ -150,4 +134,18 @@ a.nolink {
     .avatar {
         margin: 0;
     }
-}
+}
+
+@keyframes blink {
+    0% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}

assets/js/animate.js

@@ -0,0 +1,16 @@
+new Typed('#animated', {
+	strings: [
+		"From Uzbekistan (Tashkent)",
+    "age: 17 y.o.",
+    "Kamoliddin Tukhtaboev",
+    "I'm full-stack developer",
+    "Telegram Bot developer",
+    "My bio channel: t.me/kamolgks_bio",
+	],
+	typeSpeed: 20,
+  backSpeed: 0,
+  cursorChar: '❚',
+  smartBackspace: true,
+  fadeOut: true,
+  loop: true,
+});

assets/js/text.js

@@ -1,21 +1,18 @@
-$(function () { 
-    var title = document.title 
-        , animSeq = ["/", "/", "\\", "|", "/"] 
-        , animIndex = 0 
-        , titleIndex = 0; 
-
-    function doInverseSpinZeroPitch() { 
-        var loadTitle = title.substring(0, titleIndex); 
-        if (titleIndex > title.length) { 
-            animIndex = 0; 
-            titleIndex = 0 
-        } 
-        if (animIndex > 3) { 
-            titleIndex++; 
-            animIndex = 0 
-        } 
-        document.title = loadTitle + animSeq[animIndex]; 
-        animIndex++ 
-    } 
-    window.setInterval(doInverseSpinZeroPitch, 150); 
-});
+$(function () {
+    var title = document.title,
+        animSeq = ["/", "-", "\\", "|"],
+        animIndex = 0,
+        titleIndex = 0;
+
+    function doInverseSpinZeroPitch() {
+        var loadTitle = title.substring(0, titleIndex);
+        if (titleIndex >= title.length) {
+            titleIndex = 0;
+        }
+        document.title = loadTitle + animSeq[animIndex];
+        animIndex = (animIndex + 1) % animSeq.length;
+        titleIndex++;
+    }
+
+    window.setInterval(doInverseSpinZeroPitch, 150);
+});