improve ui

Robok-Engine · Jan 30, 2025 · 68e2f1c · 68e2f1c
1 parent 2e79592
commit 68e2f1c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 39 deletions.
diff --git a/index.html b/index.html
@@ -15,13 +15,13 @@
   <link href="https://fonts.cdnfonts.com/css/dt-getai-grotesk-display" rel="stylesheet">
 
   <link href="styles.css" rel="stylesheet">
-
-  <script src="scripts.js"></script>
 </head>
 
 <body>
   <header>
-    <mdui-top-app-bar style="position: relative; ">
+    <mdui-top-app-bar 
+      scroll-behavior="shrink elevate"
+      style="position: relative;">
       <img src="assets/robok.png" width="40px" height="40px">
       <div style="flex-grow: 1"></div>
       <mdui-dropdown>
@@ -87,11 +87,13 @@ <h2 style="font-family: 'DT Getai Grotesk Display', sans-serif;">A Terminal from
   </div>
 </body>
 <footer style="margin: 30px;">
-  <h1 style="text-align: center;">Contributors</h1>
-  <div id="contributors"></div>
+  <h1 style="text-align: center;">Founders</h1>
+  <div id="founders"></div>
+  <mdui-card variant="filled" class="contributor" clickable href="https://github.com/trindadedev13" target="_blank">
+    <mdui-icon src="https://github.com/trindadedev13.png"></mdui>
+  </mdui-card>
   <h4>Website is Made by</h4>
-  <a href="https://github.com/syntaxspins" target="_blank">SyntaxSpin</a>
+  <a href="https://github.com/Syntaxspins" target="_blank">SyntaxSpin</a>
   <h4>for The Robok Community</h4>
 </footer>
-
-</html>
+</html>
diff --git a/scripts.js b/scripts.js
diff --git a/styles.css b/styles.css
@@ -70,6 +70,10 @@ html:root {
   }
 }
 
+.contributor {
+  height: 100px;
+}
+
 .txt {
   border-right: .1em solid white;
   width: 0.5em;
@@ -80,4 +84,4 @@ html:root {
   overflow: hidden;
   -webkit-animation: typing 2s steps(21, end),
     blink-caret .5s step-end infinite alternate;
-}
+}