Merge pull request #52 from UAH-ACM/onemonth-submissions-23

Onemonth submissions 23
UAH-ACM · Nov 21, 2023 · 68d0498 · 68d0498
2 parents 13299d2 + fa3d143
commit 68d0498
Show file tree

Hide file tree

Showing 13 changed files with 439 additions and 0 deletions.
diff --git a/members/ChandlerStone/assets/IMG_0786.png b/members/ChandlerStone/assets/IMG_0786.png
diff --git a/members/ChandlerStone/assets/acm-logo-transparent-chapter.png b/members/ChandlerStone/assets/acm-logo-transparent-chapter.png
diff --git a/members/ChandlerStone/assets/github-mark-white.png b/members/ChandlerStone/assets/github-mark-white.png
diff --git a/members/ChandlerStone/functions.js b/members/ChandlerStone/functions.js
@@ -0,0 +1,5 @@
+// console.log("Hello World.");
+
+function myFunction() {
+
+}
diff --git a/members/ChandlerStone/index.html b/members/ChandlerStone/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Chandler Stone</title>
+        <link rel = "stylesheet" href = "style.css">
+        <script src="functions.js"></script>
+    </head>
+    <body>
+        <center>
+            <img src="./assets/IMG_0786.png" alt="[picture of me]" wdith="300" height="300">
+        </center>
+        <p>Hello! I am Chandler Stone, an undergraduate studying computer engineering here at the University of Alabama in Huntsville!
+            I am involved with many clubs and orgs here including being the membership chair of ACM, and the vice president of IEEE.
+        </p>
+        <hr>
+        <center>
+            <a href="https://github.com/chandler-stone">
+                <img src="./assets/github-mark-white.png" alt="[github]" width="50" height="50">
+            </a>
+            <a href="https://uah.acm.org/">
+                <img src="./assets/acm-logo-transparent-chapter.png" alt="[UAH ACM Chapter]" width="50" height="50">
+            </a>
+        </center>
+    </body>
+</html>
diff --git a/members/ChandlerStone/style.css b/members/ChandlerStone/style.css
@@ -0,0 +1,10 @@
+body {
+    background-color: #424549;
+}
+img {
+    border-radius: 50%;
+}
+p {
+    color: antiquewhite;
+    margin: 2% 30% 0% 30%;
+}
diff --git a/members/jacobwarren/assets/acm_logo.ico b/members/jacobwarren/assets/acm_logo.ico
diff --git a/members/jacobwarren/index.html b/members/jacobwarren/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-US";>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">
+        <meta name="author" content="Jacob Warren">
+
+        <title>Title</title>
+
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="./assets/acm_logo.ico">
+
+        <script type="text/javascript" src="./script.js"></script>
+    </head>
+    <body id="body">
+        <a href="https://uah.acm.org/" class="link">
+            ACM
+        </a>
+        <button-container id="go-container">
+            <button id="go">
+                Go
+            </button>
+        </button-container>
+
+    </body>
+</html>
diff --git a/members/jacobwarren/script.js b/members/jacobwarren/script.js
@@ -0,0 +1,15 @@
+const append = "_";
+window.onload = function(){
+    const go = document.querySelector('#go');
+    go.addEventListener('click', goClick);
+
+    function goClick() {
+
+        const go = document.createElement("button");
+        document.querySelector('#go-container').appendChild(go);
+        go.id = "go";
+        go.innerText = "Go";
+
+        go.addEventListener('click', goClick);
+    }
+}
diff --git a/members/jacobwarren/style.css b/members/jacobwarren/style.css
@@ -0,0 +1,25 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+}
+
+html {
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    background: darkred;
+    height: 100vh;
+    border: 4vh solid olive;
+}
+
+.link {
+    color:cadetblue;
+    text-decoration: none;
+}
+
diff --git a/members/justinfleming/index.html b/members/justinfleming/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang = "en">
+    <head>
+        <style>
+            .word 
+            {
+                position:absolute; 
+                top:200px; 
+                vertical-align:top; 
+                white-space:nowrap;
+            }
+            .Levels 
+            {
+                position:absolute; 
+                vertical-align:top; 
+                white-space:nowrap;
+            }
+            .Levels .Level1
+            {
+                top:0px; 
+                left:2000px; 
+            }
+            .Levels .Level2
+            {
+                top:0px; 
+                left:2000px; 
+            }
+            .obstacle
+            {
+                position:absolute; 
+                vertical-align:top; 
+                top:200px; 
+                left:2000px;
+                white-space:nowrap
+            }
+            .death
+            {
+                position:absolute; 
+                vertical-align:top; 
+                top:100px; 
+                left:2000px; 
+                writing-mode: vertical-rl
+            }
+            .Controls
+            {
+                text-align: center;
+                position:relative;
+                vertical-align:top;
+            }
+            .Hint
+            {
+                text-align: center;
+                position:relative;
+                vertical-align:top;
+                left:2000px;
+            }
+        </style>
+    </head>
+    <body>
+        <script src = "script.js">
+        </script>
+        <h1>
+            <div class = "word">
+                Player
+            </div>
+            <div class = "Controls">
+                Press Space To Play
+            </div>
+            <div class = "Hint">
+                Try Spamming Space To Get Higher
+            </div>
+        </h1>
+        <h2>
+            <div class = "Levels"> 
+                <div class = "Levels Level1">
+                    Level 1
+                </div>
+                <div class = "Levels Level2">
+                    You Won! No more levels.
+                </div>
+            </div>
+        </h2>
+        <h3>
+            <div class = "obstacle">
+                OBSTACLE
+            </div>
+            <div class = "death">
+                WALL OF NO ESCAPE
+            </div>
+        </h3>
+        <h6>
+            <a href="https://uah.acm.org/" style = "position:absolute; top:10px; left:10px">Back to ACM</a>
+        </h6>
+    </body>
+</html>