empty page

michaelkolesidis · Jan 16, 2024 · ba68e28 · ba68e28
1 parent fd8cc72
commit ba68e28
Show file tree

Hide file tree

Showing 6 changed files with 64 additions and 50 deletions.
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
       gtag('config', 'G-85FBXC6MLF');
     </script>
     <!-- Hotjar -->
-    <script>
+    <!-- <script>
       (function(h,o,t,j,a,r){
           h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
           h._hjSettings={hjid:3401371,hjsv:6};
@@ -19,29 +19,29 @@
           r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
           a.appendChild(r);
       })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
+    </script> -->
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="My portfolio website / playground" />
+    <meta name="description" content="My personal website" />
     <meta
       name="keywords"
-      content="new media artist, creative developer, creative coder, digital artist, creative coding, web developer, web designer, font-end, frontend, web development, javascript, three.js, webgl, glsl, p5.js, react, michael kolesidis, personal web page, 3d, rubber duck"
+      content="writer, author, journalist"
     />
     <meta prefix="og: http://ogp.me/ns#" property="og:type" content="website" />
     <meta prefix="og: http://ogp.me/ns#" property="og:title" content="Michael Kolesidis" />
-    <meta prefix="og: http://ogp.me/ns#" property="og:description" content=">Michael Kolesidis | Front-End Engineer / Creative Developer / New Media Artist | My portfolio website / playground" />
-    <meta prefix="og: http://ogp.me/ns#" property="og:image" content="./screenshots/desktop_1.png" />
-    <meta name="image" property="og:image" content="./screenshots/desktop_1.png" />
+    <meta prefix="og: http://ogp.me/ns#" property="og:description" content=">Michael Kolesidis" />
+    <!-- <meta prefix="og: http://ogp.me/ns#" property="og:image" content="./screenshots/desktop_1.png" /> -->
+    <!-- <meta name="image" property="og:image" content="./screenshots/desktop_1.png" /> -->
     <meta prefix="og: http://ogp.me/ns#" property="og:url" content="https://michaelkolesidis.com" />
     <meta name="author" content="Michael Kolesidis" />
-    <title>Michael Kolesidis | Front-End Engineer / Creative Developer / New Media Artist</title>
+    <title>Michael Kolesidis</title>
     <link rel="icon" type="image/x-icon" href="./assets/icons/favicon.ico" />
   </head>
   <body>
     <div id="app"></div>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
-    <script src="./scripts/duck.js"></script>
+    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script> -->
+    <!-- <script src="./scripts/duck.js"></script> -->
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -46,5 +46,8 @@
   "dependencies": {
     "dom-window-manager": "^1.0.3",
     "sass": "^1.66.1"
+  },
+  "volta": {
+    "node": "18.18.2"
   }
 }
diff --git a/src/components/Body.ts b/src/components/Body.ts
@@ -9,21 +9,30 @@ export default function body() {
       <div class="ticker-wrap"><div class="ticker"></div></div>
       <header id="header"></header>
       <main id="main">
-          <div id="sketch-placeholder"></div>
-          <div id="p5_loading" class="loadingclass">
-            <div><div>LOADING</div></div>
-          </div>
           <div id="intro"></div>
-          <div id="main-content">
-            <section id="projects"></section>
-            <section id="contact"></section>
-            <section id="about"></section>
-            <section id="awards"></section>
-            <section id="this-website"></section>
-          </div>
       </main>
-      <footer id="footer"></footer>
-      <div id="top-button"></div>
-      <div id="overlay"></div>
+
 `;
 }
+
+// document.body.innerHTML = /*html*/ `   
+// <div class="ticker-wrap"><div class="ticker"></div></div>
+// <header id="header"></header>
+// <main id="main">
+//     <div id="sketch-placeholder"></div>
+//     <div id="p5_loading" class="loadingclass">
+//       <div><div>LOADING</div></div>
+//     </div>
+//     <div id="intro"></div>
+//     <div id="main-content">
+//       <section id="projects"></section>
+//       <section id="contact"></section>
+//       <section id="about"></section>
+//       <section id="awards"></section>
+//       <section id="this-website"></section>
+//     </div>
+// </main>
+// <footer id="footer"></footer>
+// <div id="top-button"></div>
+// <div id="overlay"></div>
+// `;
diff --git a/src/components/Header.ts b/src/components/Header.ts
@@ -52,13 +52,13 @@ export default function header() {
       header.removeChild(messageBox);
     });
     messageBox.appendChild(removeButton);
-    header.appendChild(messageBox);
+    // header.appendChild(messageBox);
 
     // Sticker
     const sticker = document.createElement("div");
     sticker.setAttribute("id", "new");
     sticker.innerHTML = `<img alt="New! sticker" width="150px" src="../../assets/new.svg" />`;
-    header.appendChild(sticker);
+    // header.appendChild(sticker);
 
     dragElement(sticker);
     sticker.style.zIndex = windowManager.base;

diff --git a/src/components/Intro.ts b/src/components/Intro.ts
@@ -14,7 +14,9 @@ export default function intro() {
     // Who Am I (paragraph on the left)
     const whoami = document.createElement("p");
     whoami.setAttribute("id", "left");
-    whoami.innerHTML = `I'm Michael Kolesidis.<br>(as you might have already guessed from the huge heading)`;
+    // whoami.innerHTML = `I'm Michael Kolesidis.<br>(as you might have already guessed from the huge heading)`;
+    whoami.innerHTML = `A new version of my website is coming soon.`;
+
     intro.appendChild(whoami);
 
     // Handwriting
@@ -25,7 +27,7 @@ export default function intro() {
                                               &nbsp;&nbsp;&nbsp;
                                               debugging`;
     handwriting.appendChild(handwritingText);
-    intro.appendChild(handwriting);
+    // intro.appendChild(handwriting);
     handwritingText.addEventListener("click", () => {
       duckDebuggingModal.style.display = "block";
       duckDebuggingModal.style.pointerEvents = "all";
@@ -66,27 +68,27 @@ export default function intro() {
     const whatami = document.createElement("p");
     whatami.setAttribute("id", "right");
     whatami.innerHTML = /* html */ `I am a Front-End Engineer / New Media Artist with a background in art and computer science, always passionate about crafting immersive and engaging experiences, playing my tiny little part in shaping the future of the web.`;
-    intro.appendChild(whatami);
+    // intro.appendChild(whatami);
 
     // Scroll prompt
     const scrollPrompt = document.createElement("div");
     scrollPrompt.setAttribute("id", "scroll-prompt");
     scrollPrompt.innerHTML = `SCROLL DOWN FOR MORE • SCROLL DOWN FOR MORE • SCROLL DOWN FOR MORE • SCROLL DOWN FOR MORE • SCROLL DOWN FOR MORE • SCROLL DOWN FOR MORE`;
 
-    setTimeout(() => {
-      if (document.documentElement.scrollTop === 0) {
-        intro.appendChild(scrollPrompt);
+    // setTimeout(() => {
+    //   if (document.documentElement.scrollTop === 0) {
+    //     intro.appendChild(scrollPrompt);
 
-        const flash = setInterval(
-          () => (scrollPrompt.hidden = !scrollPrompt.hidden),
-          700
-        );
+    //     const flash = setInterval(
+    //       () => (scrollPrompt.hidden = !scrollPrompt.hidden),
+    //       700
+    //     );
 
-        setTimeout(() => {
-          clearInterval(flash);
-          scrollPrompt.hidden = true;
-        }, 5000);
-      }
-    }, 20000);
+    //     setTimeout(() => {
+    //       clearInterval(flash);
+    //       scrollPrompt.hidden = true;
+    //     }, 5000);
+    //   }
+    // }, 20000);
   }
 }
diff --git a/src/main.ts b/src/main.ts
@@ -20,16 +20,16 @@ import { disableRightClick } from "./utils/functions.js";
 
 // Components
 body();
-ticker();
+// ticker();
 header();
 intro();
-projects();
-contact();
-about();
-awards();
-thisWebsite();
-footer();
-topButton();
+// projects();
+// contact();
+// about();
+// awards();
+// thisWebsite();
+// footer();
+// topButton();
 
 // Global Functions
 disableRightClick(); // Disable right click