Add files via upload

spiropoulos94 · web-flow · commit 947a642ce399 · 2020-01-29T10:05:19.000+02:00
diff --git a/Week2/Week2/js-exercises/pomodoro clock alt/app.js b/Week2/Week2/js-exercises/pomodoro clock alt/app.js
@@ -0,0 +1,13 @@
+
+//countDown(1);
+function countDown(minutes) {
+    let seconds = minutes * 60
+    function timer() {
+        console.log(seconds)
+        seconds--
+    }
+    set setInterval(timer, 1000)
+}
+
+
+countDown(1);
diff --git a/Week2/Week2/js-exercises/pomodoro clock alt/index.html b/Week2/Week2/js-exercises/pomodoro clock alt/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <link rel="stylesheet" type="text/css" href="./styles.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
+        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <title>Pomodoro Clock</title>
+</head>
+
+<body>
+    <h1 class="container-fluid text-center">Pomodoro Clock</h1>
+    <h4 class="text-center">Use the pomodoro method to boost your productivity</h4>
+
+    <div class="timer text-center">25:00</div>
+    <div class="buttons text-center">
+        <button>Start</button>
+        <button>Stop</button>
+        <p>The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s.
+            The technique uses a timer to break down work into intervals, traditionally 25 minutes in length, separated
+            by short breaks. Each interval is known as a pomodoro, from the Italian word for 'tomato', after the
+            tomato-shaped kitchen timer that Cirillo used as a university student</p>
+
+    </div>
+
+
+
+    <script src=" https://code.jquery.com/jquery-3.4.1.slim.min.js"
+        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous">
+        </script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
+        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
+        crossorigin="anonymous"></script>
+</body>
+
+</html>
diff --git a/Week2/Week2/js-exercises/pomodoro clock alt/styles.css b/Week2/Week2/js-exercises/pomodoro clock alt/styles.css
@@ -0,0 +1,23 @@
+body {
+    text-align: center;
+}
+
+h1 {
+    color:red;
+    background-color: black;
+}
+
+.description {
+    font-style: italic;
+    width: 30vw;
+}
+
+.timer {
+    font-size: 15vw;
+    
+}
+
+p{
+    font-style:italic;
+    margin: 10vw;
+}
