diff --git a/week1/roberto_buendia/index.html b/week1/roberto_buendia/index.html index b4ebcf04..c0c4db0d 100644 --- a/week1/roberto_buendia/index.html +++ b/week1/roberto_buendia/index.html @@ -12,10 +12,10 @@

Roberto Buendia

src = "data:image/jpeg;base64,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" />

blehhhhhh

- - + --> +

This is another header

Here is some more text

diff --git a/week2/roberto_buendia/buttons.js b/week2/roberto_buendia/buttons.js new file mode 100644 index 00000000..e69de29b diff --git a/week2/roberto_buendia/roberto_buendia/index.html b/week2/roberto_buendia/roberto_buendia/index.html new file mode 100644 index 00000000..a2f9ec96 --- /dev/null +++ b/week2/roberto_buendia/roberto_buendia/index.html @@ -0,0 +1,48 @@ + + + + + Moving Text + + + +

Roberto Buendia

+

+ +

blehhhhhh

+ +
+
+

This is another header

+

Here is some more text

+ + + + +
+ + diff --git a/week2/roberto_buendia/roberto_buendia/style.css b/week2/roberto_buendia/roberto_buendia/style.css new file mode 100644 index 00000000..5f15a825 --- /dev/null +++ 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); +} \ No newline at end of file diff --git a/week3/roberto_buendia/index.html b/week3/roberto_buendia/index.html new file mode 100644 index 00000000..82d27701 --- /dev/null +++ b/week3/roberto_buendia/index.html @@ -0,0 +1,15 @@ + + +

0 cookies

+

0 Cookies Per Second

+
+
+
+
+ + \ No newline at end of file diff --git a/week3/roberto_buendia/script.js b/week3/roberto_buendia/script.js new file mode 100644 index 00000000..474acbd4 --- /dev/null +++ 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") +} \ No newline at end of file diff --git a/week6/robertobuendia/index.html b/week6/robertobuendia/index.html new file mode 100644 index 00000000..6e6c6fb7 --- /dev/null +++ b/week6/robertobuendia/index.html @@ -0,0 +1,55 @@ + + + + Socket.IO chat + + + + +
+ +
+ + + + diff --git a/week6/robertobuendia/index.js b/week6/robertobuendia/index.js new file mode 100644 index 00000000..bd88b86f --- /dev/null +++ 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'); +}); \ No newline at end of file diff --git a/week6/robertobuendia/package.json b/week6/robertobuendia/package.json new file mode 100644 index 00000000..ae3d8ee7 --- /dev/null +++ b/week6/robertobuendia/package.json @@ -0,0 +1,6 @@ +{ + "name": "socket-chat-example", + "version": "0.0.1", + "description": "my first socket.io app", + "dependencies": {} +} \ No newline at end of file