cubstart · wristyhaddock30 · Feb 14, 2025 · Feb 14, 2025 · Mar 14, 2025
diff --git a/week1/roberto_buendia/index.html b/week1/roberto_buendia/index.html
@@ -12,10 +12,10 @@ <h1> Roberto Buendia </h1>
         src = "data:image/jpeg;base64,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" 
         />
         <p> blehhhhhh </p>
-        <iframe width="420" height="315"
+        <!-- <iframe width="420" height="315"
         src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
-        </iframe>
-
+        </iframe> -->
+        <hr>
         <div class = "myDiv"> 
             <h2> This is another header </h2>
             <p> Here is some more text </p>

diff --git a/week2/roberto_buendia/buttons.js b/week2/roberto_buendia/buttons.js
diff --git a/week2/roberto_buendia/roberto_buendia/index.html b/week2/roberto_buendia/roberto_buendia/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+    <head> 
+        <link rel="stylesheet" href="style.css" />
+        <title> Moving Text </title>
+        <style> 
+            .moving-text {
+                font-size: 24px;
+                font-weight: bold;
+                position: relative;
+                display: inline-block;
+                animation: 3s infinite alternate ease-in-out
+            }
+
+            @keyframes movetext {
+                from { transform: translateX(0);}
+                to { transform: translateX(200px);}
+            }
+        </style>
+    </head>
+    <body>
+        <h1> Roberto Buendia </h1>
+        <p class = ""
+        <img id="pic1"
+        src = "https://cdn11.bigcommerce.com/s-h2h8t9woje/images/stencil/1280x1280/products/12349/82114/WorthingtonBase_Lantern__64749.1626757225.jpg?c=2"
+        />
+        <img id="pic2"
+        src = "data:image/jpeg;base64,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" 
+        />
+        <p> blehhhhhh </p>
+        <!-- <iframe width="420" height="315"
+        src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
+        </iframe> -->
+        <hr>
+        <div class = "myDiv"> 
+            <h2> This is another header </h2>
+            <p> Here is some more text </p> 
+            <!-- the white text below is the text thats displays on the button -->
+            <button id = "do_something"> opens google in a new tab </button>
+
+            <script>
+                document.getElementById("do_something").addEventListener("click", function() {
+                    window.open("https://www.google.com", "_blank");
+                });
+            </script>
+        </div>
+    </body>
+</html>
diff --git a/week2/roberto_buendia/roberto_buendia/style.css b/week2/roberto_buendia/roberto_buendia/style.css
@@ -0,0 +1,48 @@
+
+#pic1 {
+    width: 200px;
+}
+#pic2 {
+    width: 50px
+}
+/* body {
+    text-align: center;
+    font-family:'Franklin Gothic Medium';
+    background: cornflowerblue;
+    color: purple;
+} */
+
+@keyframes myDiv_animation{
+    from {background-color: red;}
+    to {background-color: yellow;}
+}
+
+.myDiv {
+    width: 100px;
+    height: 100px;
+    background-color: red;
+    animation-name: myDiv_animation;
+    animation-iteration-count: infinite;
+    animation-duration: 2s;
+    animation-direction: alternate;
+}
+.myDiv h2, .myDiv p {
+    background-color: inherit;
+}
+
+.myDiv button{
+    background-color: blueviolet;
+    color: white;
+    padding: 12px 24px;
+    font-size: 16px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    box-shadow: 0 0 5px #ff6b81, 0 0 25px #ff4757;
+
+}
+
+.myDiv button:hover {
+    background-color: #e67e22;
+    transform: scale(1.1);
+}
diff --git a/week3/roberto_buendia/index.html b/week3/roberto_buendia/index.html
@@ -0,0 +1,15 @@
+<body> 
+    <style>
+        h1{text-align: center;}
+        p{text-align: center;}
+    </style>
+    <h1> <span id = "counter"> 0 </span> cookies</h1>
+    <p><span id = "display">0</span> Cookies Per Second</p>
+    <div class="container"> 
+        <center> <img class = "cookie"src = 
+        https://images.cdn.us-central1.gcp.commercetools.com/4e5a974e-1287-4368-811f-41d06eb6c548/Chocolate%20Chip%20Silo%20-t71xMOs7.png
+        width="300" height="300" onclick="addOneToCounter(); enlargeImg()" id = "img1">
+        </center>
+    </div>
+    <script src = "/week3/roberto_buendia/script.js"> </script>
+</body>
diff --git a/week3/roberto_buendia/script.js b/week3/roberto_buendia/script.js
@@ -0,0 +1,16 @@
+function addOneToCounter() {
+    document.getElementById("counter").innerText = 
+    parseInt(document.getElementById("counter").innerText) + 1
+}
+function enlargeImg() {
+    img = document.getElementById("img1")
+    img.style.transform = "scale(1.5)"
+    img.style.filter = "drop-shadow(0 0 20px rgba(255, 0, 0, 2))"
+    setTimeout(function() {img.style.transform = "scale(1)"; img.style.filter = "none"}, 70)
+}
+function cps() {
+   clicks = []
+   const interval = 1000
+
+   document.getElementById("im1").addEventListener("click")
+}
diff --git a/week6/robertobuendia/index.html b/week6/robertobuendia/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Socket.IO chat</title>
+    <style>
+      body { margin: 0; padding-bottom: 3rem; font-family: -apple-system, 
+        BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
+
+      #form { background: rgba(107, 25, 25, 0.15); padding: 0.25rem; 
+        position: fixed; bottom: 0; left: 0; right: 0; display: flex; height: 
+        3rem; box-sizing: border-box; backdrop-filter: blur(10px); }
+
+      #input { border: none; padding: 0 1rem; flex-grow: 1; border-radius: 2rem; margin: 0.25rem; }
+      #input:focus { outline: none; }
+
+      #form > button { background: #333; border: none; 
+        padding: 0 1rem; margin: 0.25rem; border-radius: 3px; outline: none; 
+        color: #fff; }
+
+      #messages { list-style-type: none; margin: 0; padding: 0; }
+      #messages > li { padding: 0.5rem 1rem; }
+      #messages > li:nth-child(odd) { background: #efefef; }
+    </style>
+  </head>
+  <body>
+    <ul id="messages"></ul>
+    <form id="form" action="">
+      <input id="input" autocomplete="off" /><button>Send</button>
+    </form>
+    <script src="/socket.io/socket.io.js"></script>
+    <script>
+      var socket = io();
+
+      var form = document.getElementById("form");
+      var input = document.getElementById("input");
+      var messages = document.getElementById("messages")
+
+      form.addEventListener("submit", function(e) {
+        e.preventDefault();
+        if (input.value) {
+          socket.emit("chat message", input.value);
+          input.value = "";
+        }
+      });
+
+      socket.on("chat message", function(msg) {
+        var item = document.createElement("li");
+        item.textContent = msg;
+        messages.appendChild(item);
+        window.scrollTo(0, document.body.scrollHeight);
+      });
+
+    </script>
+  </body>
+</html>
diff --git a/week6/robertobuendia/index.js b/week6/robertobuendia/index.js
@@ -0,0 +1,33 @@
+const express = require('express');
+const app = express();
+const http = require('http');
+const server = http.createServer(app);
+const { Server } = require("socket.io");
+const io = new Server(server);
+
+app.get('/', (req, res) => {
+  res.sendFile(__dirname + '/index.html');
+});
+
+io.on('connection', (socket) => {
+  console.log('a user connected');
+  io.emit("chat message", "a user is connected");
+  socket.on("disconnect", () => {
+    console.log("user disconnected");
+    io.emit("chat message","user disconnected");
+  });
+});
+io.on("connection", (socket) => {
+    socket.on("chat message", (msg) => {
+        console.log("message:" + msg);
+    });
+});
+io.on("connection", (socket) => {
+    socket.on("chat message", (msg) => {
+        io.emit("chat message", (msg));
+    });
+});
+
+server.listen(3000, () => {
+  console.log('listening on *:3000');
+});
diff --git a/week6/robertobuendia/package.json b/week6/robertobuendia/package.json
@@ -0,0 +1,6 @@
+{
+    "name": "socket-chat-example",
+    "version": "0.0.1",
+    "description": "my first socket.io app",
+    "dependencies": {}
+}