More fun ofc ;)

lnminh1411 · Aug 1, 2024 · 0b29a32 · 0b29a32
1 parent c97287c
commit 0b29a32
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 20 deletions.
diff --git a/bg.png b/bg.png
diff --git a/contacts.html b/contacts.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact me</title>
+</head>
+<body>
+    You expected me to have completed this?
+</body>
+</html>
+
+<!-- Nothing yet, will add more in the next 5 days (Posibly 10 times that idk;;)-->
diff --git a/index.html b/index.html
@@ -79,10 +79,11 @@ <h1>
                     onMouseOut="this.style.opacity='.8'"><i class="bi bi-facebook contactitem"></i></a></div>
         </section>
     </header>
-    <a href=https://youtu.be/p7YXXieghto target=_blank style=cursor:not-allowed>
-        <div class=factcontainer>Did you know: <div id=fact>This page isn't working correctly?
+    <a onclick="rickroll()" title=";)">
+        <div class="factcontainer desktop-display">Did you know: <div id="fact">This page isn't working correctly?
                 Check your internet and refresh!</div>
         </div>
+        <img src="smth_cute.png" id="sleeper" title="You're not allowed to wake him up!">
     </a>
     <main>
         <div class=aboutmesection>
@@ -176,9 +177,11 @@ <h3 data-aos="fade-in">Some stats:</h3>
         <a href="https://github.com/lnminh1411/" class="copyright">
             <footertext>NMinh © 2024 | All Rights Reserved</footertext>
         </a>
-        <a href="https://github.com/lnminh1411/lnminh1411.github.io" class="sourcecode">
-            <sourcecode>View Source Code Of this page</sourcecode>
-        </a>
+        <div class="desktop-display">
+            <a href="https://github.com/lnminh1411/lnminh1411.github.io" class="sourcecode">
+                <sourcecode>View Source Code Of this page</sourcecode>
+            </a>
+        </div>
 
     </footer>
     <script src="https://unpkg.com/aos@next/dist/aos.js"></script>

diff --git a/index.js b/index.js
@@ -8,6 +8,10 @@ $(window).on("scroll", function () {
   $(".factcontainer").css("opacity", `${factopac}`);
 });
 
+function rickroll() {
+  window.open("https://youtu.be/p7YXXieghto", '_blank');
+}
+
 setInterval(function () {
   const d = spacetime.now("UTC+7");
   const client = spacetime.now();
@@ -189,14 +193,12 @@ async function loadfacts() {
   $("#fact").text(factsjs.facts[random].fact);
 }
 
-const txtarr = [
-  "A professional in Undefined",
+const txtarr = [ 
   "Creating solution for absolutely nothing",
   "Nothing make sense",
   "Technically good!",
   "≈70% bug free!",
-  "Tell your friends about this.",
-  "ReferenceError: header.txt Undefined",
+  "Tell your friends about this.", 
   "Nice to meet you!",
   "√-1 love you!",
   "12345678 is a bad password!",
@@ -205,7 +207,7 @@ const txtarr = [
   "!false is actually true!",
   "It's not a bug, it's a feature!",
   "If it works, it works.",
-  'print("Hello World!")',
+  'helloworld("print")',
   "Created with 1372 lines of code!",
   'Playing hide and seek with a ";"',
   "How is this working!?",
@@ -215,11 +217,12 @@ const txtarr = [
   "What a pain!",
   "Mobile friendly!",
   "Perfectly balanced!",
-  "EMOTIONAL DAMAGE!",
-  "It's either !No or Yes",
-  "15% coding, 75% debugging, 10% staring into the abyss.",
-  "Built with galvanized square steel!",
-  "Built with eco-friendly wood veneer!",
+  "EMOTIONAL DAMAGE!", 
+  "Reinforced with galvanized square steel!", 
+  "＼（〇_ｏ）／",
+  "（づ￣3￣）づ╭❤️～",
+  "¯\_(ツ)_/¯",
+  "5!=120"
 ];
 $("#titletxt").text(txtarr[Math.floor(Math.random() * txtarr.length)]);
 if (window.innerHeight > 1232 && window.innerHeight > window.innerWidth) {

diff --git a/smth_cute.png b/smth_cute.png
diff --git a/style.css b/style.css
@@ -251,7 +251,7 @@ main {
 .upleft,
 .upright {
   position: absolute;
-  text-align: center; 
+  text-align: center;
   -webkit-animation: 4s headerAnimate2;
   animation: 4s headerAnimate2;
 }
@@ -276,13 +276,13 @@ main {
   grid-template-rows: auto auto;
   gap: 5px;
   max-width: 60vw;
-  max-height: 267px; 
+  max-height: 267px;
   font-size: larger;
 }
 
 @media (max-width: 1490px) {
   .upleft {
-    font-size: x-large
+    font-size: x-large;
   }
 }
 
@@ -423,7 +423,7 @@ main {
   grid-area: 2/2/3/3;
   display: block;
   overflow: hidden;
-  white-space: nowrap; 
+  white-space: nowrap;
   min-width: 0;
   max-width: 410px;
 }
@@ -553,6 +553,8 @@ h3 {
   margin-right: 12px;
   margin-left: 6px;
   bottom: 2px;
+  max-width: 50%;
+  cursor: pointer;
 }
 
 .mobile-display {
@@ -675,7 +677,7 @@ footer a.copyright {
 }
 
 footer a.sourcecode {
-  right: 12px;
+  right: 115px;
 }
 
 #bg {
@@ -747,3 +749,12 @@ footer a.sourcecode {
   -webkit-animation: zoom 20s alternate infinite;
   animation: zoom 20s alternate infinite;
 }
+
+#sleeper {
+  width: 100px;
+  height: 56px;
+  position: fixed;
+  bottom: 0;
+  right: 12px;
+  cursor: not-allowed;
+}