a few changes and optimizations

kamolgks · Mar 11, 2024 · 96b44f1 · 96b44f1
1 parent 8112c72
commit 96b44f1
Show file tree

Hide file tree

Showing 11 changed files with 10,841 additions and 94 deletions.
diff --git a/assets/css/info.css b/assets/css/info.css
@@ -4,8 +4,11 @@ body {
     width: 100%;
     min-height: 100%;
     margin: 0;
+    margin-top: 46vb;
+    background: rgb(54, 53, 53); color:#ffffff;
     font-family: "Hubballi";
     font-size: 18px;
+    text-align: center;
 }
 
 .typed-cursor {
@@ -18,6 +21,8 @@ body {
     animation: typedjsBlink 0.7s infinite;
 }
 
+/* .h3 { margin-top: 46vh; text-align: center; } */
+
 @keyframes typedjsBlink {
     50% {
         opacity: 0.0;

diff --git a/assets/css/mods.css b/assets/css/mods.css
@@ -55,7 +55,7 @@ body {
     border-color: rgb(0, 123, 255);
 }
 
-.huy {
+.ava_h {
     font-size: 22px;
     max-width: 800px;
     margin: 0 auto;

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -3,7 +3,6 @@
 :root {
     --back-color: #fff3;
     --text-color: #fff;
-    /* --over-color: #fefefe; */
     --popup-text-color: #000000;
     --border: none;
 }
@@ -48,7 +47,6 @@ body {
     border-radius: 16px;
     backdrop-filter: blur(20px);
     border: 2px solid rgb(115, 6, 155);
-    /*rgb(217, 26, 26)*/
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 }
 
@@ -87,10 +85,9 @@ a.link {
     height: 10em;
     border-radius: 5.6em;
     border: 2px solid rgb(115, 6, 155);
-    /*rgb(217, 26, 26)*/
 }
 
-.pizdec {
+.c {
     position: relative;
     display: inline-flex;
     padding: 0.3em;
@@ -153,4 +150,4 @@ a.nolink {
     .avatar {
         margin: 0;
     }
-}
+}
diff --git a/assets/images/background.jpg b/assets/images/background.jpg
diff --git a/assets/images/icon.png b/assets/images/icon.png
diff --git a/assets/js/index.js b/assets/js/index.js
@@ -0,0 +1,16 @@
+/*!
+devtools-detect
+https://github.com/sindresorhus/devtools-detect
+By Sindre Sorhus
+MIT License
+*/
+
+const devtools = { isOpen: false, orientation: undefined, }; const threshold = 170; const emitEvent = (isOpen, orientation) => { globalThis.dispatchEvent(new globalThis.CustomEvent('devtoolschange', { detail: { isOpen, orientation, }, })); }; const main = ({ emitEvents = true } = {}) => {
+    const widthThreshold = globalThis.outerWidth - globalThis.innerWidth > threshold; const heightThreshold = globalThis.outerHeight - globalThis.innerHeight > threshold; const orientation = widthThreshold ? 'vertical' : 'horizontal'; if (!(heightThreshold && widthThreshold) && ((globalThis.Firebug && globalThis.Firebug.chrome && globalThis.Firebug.chrome.isInitialized) || widthThreshold || heightThreshold)) {
+        if ((!devtools.isOpen || devtools.orientation !== orientation) && emitEvents) { emitEvent(true, orientation); }
+        devtools.isOpen = true; devtools.orientation = orientation;
+    } else {
+        if (devtools.isOpen && emitEvents) { emitEvent(false, undefined); }
+        devtools.isOpen = false; devtools.orientation = undefined;
+    }
+}; main({ emitEvents: false }); setInterval(main, 500); export default devtools;