SocialHackerCreteClass · spiropoulos94 · Jan 21, 2020 · Jan 21, 2020 · Jan 22, 2020 · Jan 22, 2020
diff --git a/Week1/homework/aboutMe/about_me.html b/Week1/homework/aboutMe/about_me.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>About Me</title>
+    <link rel="stylesheet" type="text/css" href="C:\Users\Nikos Sp\Desktop\javascript2 week 1\aboutMe\styles.css">
+  </head>
+  <body>
+    <h1>About Me</h1>
+
+    <ul>
+      <li>Nickname: <span id="nickname"></span></li>
+      <li>Favorite food: <span id="fav-food"></span></li>
+      <li>Hometown: <span id="hometown"></span></li>
+    </ul>
+    <script src="C:\Users\Nikos Sp\Desktop\javascript2 week 1\aboutMe\index.js"></script>
+  </body>
+</html>
+
+
diff --git a/Week1/homework/aboutMe/index.js b/Week1/homework/aboutMe/index.js
@@ -0,0 +1,25 @@
+let body = document.querySelector("BODY");
+//document.getElementById("body").style.fontFamily = "Impact,Charcoal,sans-serif";
+
+body.style.fontFamily = "Arial, sans-serif";
+
+
+document.getElementById("nickname").textContent = "Kotsidas";
+document.getElementById("fav-food").textContent = "Pasta";
+document.getElementById("hometown").textContent = "Heraclion";
+
+let list = document.querySelectorAll("li")
+
+for (let i=0; i<list.length; i++){
+  list[i].classList.add("list-item")
+}
+
+let profImage = document.createElement("img")
+profImage.src = "http://i.imgur.com/TENxP.jpg"
+profImage.width = "150"
+
+document.body.appendChild(profImage)
+
+
+
+
diff --git a/Week1/homework/aboutMe/styles.css b/Week1/homework/aboutMe/styles.css
@@ -0,0 +1,7 @@
+body {
+    font-family: sans-serif;
+  }
+
+  .list-item {
+    color:red;
+  }
diff --git a/Week1/homework/hijackLogo/hijackGoogleLogo.js b/Week1/homework/hijackLogo/hijackGoogleLogo.js
@@ -0,0 +1,13 @@
+function hijackGoogleLogo() {
+    var logo = document.getElementById("hplogo");
+    logo.src = "https://www.hackyourfuture.dk/static/logo-dark.svg"
+    logo.srcset = "https://www.hackyourfuture.dk/static/logo-dark.svg";
+    logo.removeAttribute("onload");
+    logo.removeAttribute("data-iml");
+    logo.removeAttribute("data-atf");
+  }
+
+
+
+  hijackGoogleLogo();
+
diff --git a/Week1/homework/showCurrentTime/showCurrentTime.js b/Week1/homework/showCurrentTime/showCurrentTime.js
@@ -0,0 +1,17 @@
+function showCurrentTime() {
+    var today = new Date();
+    var h = today.getHours();
+    var m = today.getMinutes();
+    var s = today.getSeconds();
+    m = checkTime(m);
+    s = checkTime(s);
+    document.getElementById('txt').innerHTML =
+    h + ":" + m + ":" + s;
+     setInterval(showCurrentTime, 500);
+  }
+  function checkTime(i) {
+    if (i < 10) {
+       i = "0" + i
+    }  // add zero in front of numbers < 10
+    return i;
+  }
diff --git a/Week1/homework/showCurrentTime/styles.css b/Week1/homework/showCurrentTime/styles.css
@@ -0,0 +1,18 @@
+body {
+    display: flex;
+    background-color:red;
+}
+
+#txt {
+    display:inline-block;
+    margin-left: 50vw;
+    margin-top: 50vh;
+    font-size:x-large;
+
+    border:darkred;
+    border-style: double;
+    background-color: white;
+
+}
+
+
diff --git a/Week1/homework/showCurrentTime/time.html b/Week1/homework/showCurrentTime/time.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="stylesheet" type="text/css" href="C:\Users\Nikos Sp\Desktop\javascript2 week 1\showCurrentTime\styles.css">
+<script src="C:\Users\Nikos Sp\Desktop\javascript2 week 1\showCurrentTime\showCurrentTime.js">
+
+</script>
+</head>
+
+<body onload="showCurrentTime()">
+
+<div id="txt"></div>
+
+
+</body>
+</html>
+
diff --git a/Week1/homework/theCatWalk/index.html b/Week1/homework/theCatWalk/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <title>Cat Walk</title>
+</head>
+
+<body>
+  <script src="bundle.js"></script>
+
+  <script src="jscode.js"></script>
+  <img style="position:absolute;" src="http://www.anniemation.com/clip_art/images/cat-walk.gif" />
+</body>
+
+</html>
diff --git a/Week1/homework/theCatWalk/jscode.js b/Week1/homework/theCatWalk/jscode.js
@@ -0,0 +1,44 @@
+
+let image;
+
+
+
+
+window.onload = () => {
+    image = document.querySelector("img");
+
+    let distance = 0;
+    let screenWidth = window.innerWidth;
+    let body = document.querySelector("body")
+
+
+
+    function catWalk() {
+        image.style.left = `${distance}px`;
+        distance += 10;
+        console.log(image);
+        console.log(distance);
+
+
+
+
+
+        if (distance > screenWidth) {
+            distance = 0;
+        }
+
+
+    }
+
+
+
+    //catWalk();
+
+    //catDance();
+
+
+    //setInterval(catWalk, 50);
+
+
+}
+