Adds week 8 exercises, slides, and source code

EdgarRamirezFuentes · Jul 13, 2021 · f62cc1d · f62cc1d
1 parent 1874174
commit f62cc1d
Show file tree

Hide file tree

Showing 64 changed files with 143,964 additions and 0 deletions.
diff --git a/week_8/homepage/contact.html → week_8/exercises/homepage/contact.html b/week_8/homepage/contact.html → week_8/exercises/homepage/contact.html
diff --git a/.../homepage/extracurricular_activities.html → .../homepage/extracurricular_activities.html b/.../homepage/extracurricular_activities.html → .../homepage/extracurricular_activities.html
diff --git a/week_8/homepage/hobbies.html → week_8/exercises/homepage/hobbies.html b/week_8/homepage/hobbies.html → week_8/exercises/homepage/hobbies.html
diff --git a/week_8/homepage/index.html → week_8/exercises/homepage/index.html b/week_8/homepage/index.html → week_8/exercises/homepage/index.html
diff --git a/week_8/homepage/resume.html → week_8/exercises/homepage/resume.html b/week_8/homepage/resume.html → week_8/exercises/homepage/resume.html
diff --git a/...tatic/media/EdgarRamírezFuentesResume.pdf → ...tatic/media/EdgarRamírezFuentesResume.pdf b/...tatic/media/EdgarRamírezFuentesResume.pdf → ...tatic/media/EdgarRamírezFuentesResume.pdf
diff --git a/week_8/homepage/static/media/breaking.jpeg → ...cises/homepage/static/media/breaking.jpeg b/week_8/homepage/static/media/breaking.jpeg → ...cises/homepage/static/media/breaking.jpeg
diff --git a/week_8/homepage/static/media/bumblebee.jpeg → ...ises/homepage/static/media/bumblebee.jpeg b/week_8/homepage/static/media/bumblebee.jpeg → ...ises/homepage/static/media/bumblebee.jpeg
diff --git a/week_8/homepage/static/media/edgar.jpg → ...exercises/homepage/static/media/edgar.jpg b/week_8/homepage/static/media/edgar.jpg → ...exercises/homepage/static/media/edgar.jpg
diff --git a/week_8/homepage/static/media/horizon.jpeg → ...rcises/homepage/static/media/horizon.jpeg b/week_8/homepage/static/media/horizon.jpeg → ...rcises/homepage/static/media/horizon.jpeg
diff --git a/week_8/homepage/static/media/justice.jpeg → ...rcises/homepage/static/media/justice.jpeg b/week_8/homepage/static/media/justice.jpeg → ...rcises/homepage/static/media/justice.jpeg
diff --git a/week_8/homepage/static/media/naruto.jpeg → ...ercises/homepage/static/media/naruto.jpeg b/week_8/homepage/static/media/naruto.jpeg → ...ercises/homepage/static/media/naruto.jpeg
diff --git a/week_8/homepage/static/media/nautilus.jpeg → ...cises/homepage/static/media/nautilus.jpeg b/week_8/homepage/static/media/nautilus.jpeg → ...cises/homepage/static/media/nautilus.jpeg
diff --git a/week_8/homepage/static/media/programming.jpg → ...ses/homepage/static/media/programming.jpg b/week_8/homepage/static/media/programming.jpg → ...ses/homepage/static/media/programming.jpg
diff --git a/week_8/homepage/static/media/re2.jpeg → .../exercises/homepage/static/media/re2.jpeg b/week_8/homepage/static/media/re2.jpeg → .../exercises/homepage/static/media/re2.jpeg
diff --git a/week_8/homepage/static/media/silicon.jpeg → ...rcises/homepage/static/media/silicon.jpeg b/week_8/homepage/static/media/silicon.jpeg → ...rcises/homepage/static/media/silicon.jpeg
diff --git a/week_8/homepage/static/media/spiderman.jpeg → ...ises/homepage/static/media/spiderman.jpeg b/week_8/homepage/static/media/spiderman.jpeg → ...ises/homepage/static/media/spiderman.jpeg
diff --git a/week_8/homepage/static/media/warzone.jpeg → ...rcises/homepage/static/media/warzone.jpeg b/week_8/homepage/static/media/warzone.jpeg → ...rcises/homepage/static/media/warzone.jpeg
diff --git a/week_8/homepage/static/scripts/contact.js → ...rcises/homepage/static/scripts/contact.js b/week_8/homepage/static/scripts/contact.js → ...rcises/homepage/static/scripts/contact.js
diff --git a/week_8/homepage/styles.css → week_8/exercises/homepage/styles.css b/week_8/homepage/styles.css → week_8/exercises/homepage/styles.css
diff --git a/week_8/lab8/index.html → week_8/exercises/lab8/index.html b/week_8/lab8/index.html → week_8/exercises/lab8/index.html
diff --git a/week_8/lab8/main.js → week_8/exercises/lab8/main.js b/week_8/lab8/main.js → week_8/exercises/lab8/main.js
diff --git a/week_8/lab8/styles.css → week_8/exercises/lab8/styles.css b/week_8/lab8/styles.css → week_8/exercises/lab8/styles.css
diff --git a/week_8/slides/lecture8.pdf b/week_8/slides/lecture8.pdf
diff --git a/week_8/source-code/api/blink.py b/week_8/source-code/api/blink.py
@@ -0,0 +1,13 @@
+import os
+import requests
+import time
+
+USERNAME = os.getenv("USERNAME")
+IP = os.getenv("IP")
+URL = f"http://{IP}/api/{USERNAME}/lights/1/state"
+
+while True:
+    requests.put(URL, json={"bri": 254, "on": True})
+    time.sleep(1)
+    requests.put(URL, json={"on": False})
+    time.sleep(1)
diff --git a/week_8/source-code/api/blue.py b/week_8/source-code/api/blue.py
@@ -0,0 +1,13 @@
+import os
+import requests
+
+USERNAME = os.getenv("USERNAME")
+IP = os.getenv("IP")
+URL = f"http://{IP}/api/{USERNAME}/lights/1/state"
+
+body = {
+    "hue": 46290,
+    "sat": 254
+}
+
+requests.put(URL, json=body)
diff --git a/week_8/source-code/api/green.py b/week_8/source-code/api/green.py
@@ -0,0 +1,13 @@
+import os
+import requests
+
+USERNAME = os.getenv("USERNAME")
+IP = os.getenv("IP")
+URL = f"http://{IP}/api/{USERNAME}/lights/1/state"
+
+body = {
+    "hue": 25500,
+    "sat": 254
+}
+
+requests.put(URL, json=body)
diff --git a/week_8/source-code/api/off.py b/week_8/source-code/api/off.py
@@ -0,0 +1,12 @@
+import os
+import requests
+
+USERNAME = os.getenv("USERNAME")
+IP = os.getenv("IP")
+URL = f"http://{IP}/api/{USERNAME}/lights/1/state"
+
+body = {
+    "on": False
+}
+
+requests.put(URL, json=body)
diff --git a/week_8/source-code/api/on.py b/week_8/source-code/api/on.py
@@ -0,0 +1,14 @@
+import os
+import requests
+
+USERNAME = os.getenv("USERNAME")
+IP = os.getenv("IP")
+URL = f"http://{IP}/api/{USERNAME}/lights/1/state"
+
+body = {
+    "bri": 254,
+    "on": True,
+    "sat": 0
+}
+
+requests.put(URL, json=body)
diff --git a/week_8/source-code/api/red.py b/week_8/source-code/api/red.py
@@ -0,0 +1,13 @@
+import os
+import requests
+
+USERNAME = os.getenv("USERNAME")
+IP = os.getenv("IP")
+URL = f"http://{IP}/api/{USERNAME}/lights/1/state"
+
+body = {
+    "hue": 65535,
+    "sat": 254
+}
+
+requests.put(URL, json=body)
diff --git a/week_8/source-code/autocomplete.html b/week_8/source-code/autocomplete.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+    <head>
+        <meta name="viewport" content="initial-scale=1, width=device-width">
+        <title>autocomplete</title>
+    </head>
+
+    <body>
+
+        <input autocomplete="off" autofocus placeholder="Query" type="text">
+
+        <ul></ul>
+
+        <script src="large.js"></script>
+        <script>
+
+            let input = document.querySelector('input');
+            input.addEventListener('keyup', function(event) {
+                let html = '';
+                if (input.value) {
+                    for (word of WORDS) {
+                        if (word.startsWith(input.value)) {
+                            html += `<li>${word}</li>`;
+                        }
+                    }
+                }
+                document.querySelector('ul').innerHTML = html;
+            });
+
+        </script>
+
+    </body>
+</html>
diff --git a/week_8/source-code/background.html b/week_8/source-code/background.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates programmatic changes to style -->
+
+<html lang="en">
+    <head>
+        <title>background</title>
+    </head>
+    <body>
+        <button id="red">R</button>
+        <button id="green">G</button>
+        <button id="blue">B</button>
+        <script>
+
+            let body = document.querySelector('body');
+            document.querySelector('#red').onclick = function() {
+                body.style.backgroundColor = 'red';
+            };
+            document.querySelector('#green').onclick = function() {
+                body.style.backgroundColor = 'green';
+            };
+            document.querySelector('#blue').onclick = function() {
+                body.style.backgroundColor = 'blue';
+            };
+
+        </script>
+    </body>
+</html>
diff --git a/week_8/source-code/blink.html b/week_8/source-code/blink.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+
+<html lang="en">
+    <head>
+        <script>
+
+            // Toggles visibility of greeting
+            function blink()
+            {
+                let body = document.querySelector('body');
+                if (body.style.visibility == 'hidden')
+                {
+                    body.style.visibility = 'visible';
+                }
+                else
+                {
+                    body.style.visibility = 'hidden';
+                }
+            }
+
+            // Blink every 500ms
+            window.setInterval(blink, 500);
+
+        </script>
+        <title>blink</title>
+    </head>
+    <body>
+        hello, world
+    </body>
+</html>
diff --git a/week_8/source-code/css0.html b/week_8/source-code/css0.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates inline CSS -->
+
+<html lang="en">
+    <head>
+        <title>css</title>
+    </head>
+    <body>
+        <header style="font-size: large; text-align: center;">
+            John Harvard
+        </header>
+        <main style="font-size: medium; text-align: center;">
+            Welcome to my home page!
+        </main>
+        <footer style="font-size: small; text-align: center;">
+            Copyright &#169; John Harvard
+        </footer>
+    </body>
+</html>
diff --git a/week_8/source-code/css1.html b/week_8/source-code/css1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates inheritance -->
+
+<html lang="en">
+    <head>
+        <title>css</title>
+    </head>
+    <body style="text-align: center;">
+        <header style="font-size: large;">
+            John Harvard
+        </header>
+        <main style="font-size: medium;">
+            Welcome to my home page!
+        </main>
+        <footer style="font-size: small;">
+            Copyright &#169; John Harvard
+        </footer>
+    </body>
+</html>
diff --git a/week_8/source-code/css2.html b/week_8/source-code/css2.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates CSS selectors -->
+
+<html lang="en">
+    <head>
+        <style>
+
+            header
+            {
+                font-size: large;
+                text-align: center;
+            }
+
+            main
+            {
+                font-size: medium;
+                text-align: center;
+            }
+
+            footer
+            {
+                font-size: small;
+                text-align: center;
+            }
+
+        </style>
+        <title>css</title>
+    </head>
+    <body>
+        <header>
+            John Harvard
+        </header>
+        <main>
+            Welcome to my home page!
+        </main>
+        <footer>
+            Copyright &#169; John Harvard
+        </footer>
+    </body>
+</html>
diff --git a/week_8/source-code/css3.html b/week_8/source-code/css3.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates CSS selectors -->
+
+<html lang="en">
+    <head>
+        <style>
+
+            body
+            {
+                text-align: center;
+            }
+
+            header
+            {
+                font-size: large;
+            }
+
+            main
+            {
+                font-size: medium;
+            }
+
+            footer
+            {
+                font-size: small;
+            }
+
+        </style>
+        <title>css</title>
+    </head>
+    <body>
+        <header>
+            John Harvard
+        </header>
+        <main>
+            Welcome to my home page!
+        </main>
+        <footer>
+            Copyright &#169; John Harvard
+        </footer>
+    </body>
+</html>
diff --git a/week_8/source-code/css4.html b/week_8/source-code/css4.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates CSS classes -->
+
+<html lang="en">
+    <head>
+        <style>
+
+            .centered
+            {
+                text-align: center;
+            }
+
+            .large
+            {
+                font-size: large;
+            }
+
+            .medium
+            {
+                font-size: medium;
+            }
+
+            .small
+            {
+                font-size: small;
+            }
+
+        </style>
+        <title>css</title>
+    </head>
+    <body class="centered">
+        <header class="large">
+            John Harvard
+        </header>
+        <main class="medium">
+            Welcome to my home page!
+        </main>
+        <footer class="small">
+            Copyright &#169; John Harvard
+        </footer>
+    </body>
+</html>
diff --git a/week_8/source-code/css5.css b/week_8/source-code/css5.css
@@ -0,0 +1,19 @@
+.centered
+{
+    text-align: center;
+}
+
+.large
+{
+    font-size: large;
+}
+
+.medium
+{
+    font-size: medium;
+}
+
+.small
+{
+    font-size: small;
+}
diff --git a/week_8/source-code/css5.html b/week_8/source-code/css5.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+<!-- Demonstrates external stylesheets -->
+
+<html lang="en">
+    <head>
+        <link href="css5.css" rel="stylesheet">
+        <title>css</title>
+    </head>
+    <body>
+        <header class="large">
+            John Harvard
+        </header>
+        <main class="medium">
+            Welcome to my home page!
+        </main>
+        <footer class="small">
+            Copyright &#169; John Harvard
+        </footer>
+    </body>
+</html>