Lab Project

hajkowicz · Apr 10, 2019 · 59b5d40 · 59b5d40
1 parent cdda50d
commit 59b5d40
Show file tree

Hide file tree

Showing 52 changed files with 1,212 additions and 10 deletions.
diff --git a/HTML Notes/jsStructure b/HTML Notes/jsStructure
@@ -0,0 +1,14 @@
+console.log("Here.");
+
+var button = $("#fetchData");
+var URL = "https://jsonplaceholder.typicode.com/posts";
+
+button.click(function() {
+  $.ajax(URL, {method: "GET", success: function(data){
+    for (var i = 0; i < data.length; i++){
+      console.log(data[i].title);
+      var text = $("#data").text();
+      $("#data").text(text + data[i].title + "\n");
+    }
+  }});
+});
diff --git a/HTML Notes/structure b/HTML Notes/structure
@@ -0,0 +1,28 @@
+
+
+*/
+<!DOCTYPE html>
+<html>
+<head></head>
+<body>
+
+  <h1 id="title">Here we Go.</h1>
+  <button id = "fetchData">Fetch Data</button>
+  <p id="data"></p>
+  <script
+  src="https://code.jquery.com/jquery-3.3.1.js"
+  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
+  crossorigin="anonymous"></script>
+  <script
+  src="./script.js"></script>
+</body>
+</html>
+/*
+
+/*
+IP: ADDRESS: 192.169.0.5
+TCP: PORT NUMBER: 80, MSG: 1/5
+HTTP: URL, METHOD: GET, HEADERS: - Content-Type: application/csv, application/json, text/html, -Accept: text/html, DATA: 'string'
+
+
+*/
diff --git a/HTML/BlackJack.PNG b/HTML/BlackJack.PNG
diff --git a/HTML/button.css b/HTML/button.css
@@ -0,0 +1,76 @@
+html {
+  height: 100%;
+  width: 100%;
+}
+
+body {
+  margin: 0;
+  height: 100%;
+  width: 100%;
+}
+
+#orb {
+  height: 300px;
+  width: 300px;
+  border-radius: 100%;
+  padding: 20px;
+  margin: auto;
+  position: absolute;
+  top: 0; left: 0; bottom: 0; right: 0;
+}
+
+#sky {
+  height: 100%;
+  width: 100%;
+}
+
+.sun {
+  background-color: #ffdd00;
+  border: 10px solid #f1c40f;
+}
+.sun:hover {
+  border: 20px solid #f1c40f;
+}
+
+.moon {
+  background-color: #bdc3c7;
+  border: 10px solid #eaeff2;
+}
+.moon:hover {
+  border: 20px solid #eaeff2;
+}
+
+.night {
+  background-color: #2c3e50;
+}
+.day {
+  background-color: #37d8e6;
+}
+
+#moonspot1 {
+  height: 40px;
+  width: 40px;
+  border-radius: 100%;
+  float:right;
+  margin: 20px;
+}
+
+#moonspot2 {
+  height: 80px;
+  width: 80px;
+  border-radius: 100%;
+  float:right;
+  margin: 20px;
+}
+
+#moonspot3 {
+  height: 180px;
+  width: 180px;
+  border-radius: 100%;
+  float:right;
+  margin: 20px;
+}
+
+.visible {
+  background-color: #eaeff2
+}
diff --git a/HTML/button.html b/HTML/button.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<title>Day and Night</title>
+<link href="button.css" rel="stylesheet" type="text/css"></link>
+<body>
+
+
+
+
+
+
+    <div id= "orb" class= "sun">
+      <div id= "moonspot1"></div>
+      <div id= "moonspot2"></div>
+      <div id= "moonspot3"></div>
+    </div>
+    <div id= "sky" class= "day"></div>
+
+
+  <script
+  src="https://code.jquery.com/jquery-3.3.1.js"
+  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
+  crossorigin="anonymous"></script>
+  <script
+  src="./button.js"></script>
+
+</body>
+</html>
diff --git a/HTML/houston.css b/HTML/houston.css
@@ -0,0 +1,109 @@
+* {
+  box-sizing:border-box;
+}
+
+html {
+  width: 100%;
+  position:relative;
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  width: 100%;
+  background-color: #823329;
+  position:relative;
+  min-height: 100%;
+}
+
+#banner {
+    height: 300px;
+    width: 300px;
+    border-radius: 100%;
+    padding: 300px;
+    margin: auto;
+    position: absolute;
+    top: 0; left: 0; bottom: 0; right: 0;
+}
+
+#content {
+}
+
+#content img {
+  position:absolute;
+  top: 0px;
+  right: 0px;
+  padding: 10px;
+}
+
+.writing {
+  background-color: #ffdd00;
+  border: 10px solid #f1c40f;
+}
+.writing:hover {
+  border: 20px solid #f1c40f;
+}
+
+.centered {
+  width: 90%;
+  position: relative;
+  padding-top: 200px;
+  text-align: center;
+  margin: auto;
+  padding-bottom: 200px;
+}
+
+#title {
+  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
+  font-size: 50px;
+  color: #EADEDA;
+  margin: auto;
+  border: 20px solid #998888;
+}
+
+#datetime {
+  font-family: Arial, Helvetica, sans-serif;
+  color: #EADEDA
+}
+
+#labresults {
+  color: white;
+}
+
+.text {
+margin: auto;
+}
+
+#instrument {
+  padding-right: 10px;
+  padding-top: 50px;
+  margin: auto;
+  position:relative;
+  margin-top: 100px;
+  text-align: center;
+}
+
+
+.box {
+  width: 100px;
+  height: 100px;
+  margin-left: 10px;
+  margin-top: 10px;
+  position:relative;
+  text-align: center;
+  border-radius: 100%;
+  display: inline-block;
+}
+
+#c {
+  border-color: #998888;
+}
+
+
+#signature {
+  position: absolute;
+  bottom: 5px;
+  right: 5px;
+  color: white;
+  font-family: 'Ubuntu', sans-serif;
+}
diff --git a/HTML/houston.html b/HTML/houston.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Lab Status</title>
+  <link href="houston.css" rel="stylesheet" type="text/css"></link>
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="refresh" content="30">
+</head>
+<body>
+
+  <div style="font-family: Arial, Helvetica, sans-serif;
+  color: #EADEDA; padding:10px; margin-right: 150px;">Current Date/Time: <span id="datetime"></span>
+    <div id="content">
+      <img src ="image001.png" class="ribbon"></img>
+    </div>
+  </div>
+
+
+
+<div class="centered">
+      <div id="title" class="text">Lab Results in <i>REAL</i> Time.
+      </div>
+
+      <table id="labresults" style="width:100%" border="1">
+  <!--<tr>
+    <th>Firstname</th>
+    <th>Lastname</th>
+    <th>Age</th>
+  </tr>
+  <tr>
+    <td>Jill</td>
+    <td>Smith</td>
+    <td>50</td>
+  </tr>
+  <tr>
+    <td>Eve</td>
+    <td>Jackson</td>
+    <td>94</td>
+  </tr> -->
+</table>
+
+
+
+    </div>
+
+
+
+  <div id="signature">Powered by BackHack</div>
+
+
+
+
+
+
+
+
+
+  <script
+  src="https://code.jquery.com/jquery-3.3.1.js"
+  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
+  crossorigin="anonymous"></script>
+  <script
+  src="./houston.js"></script>
+  <script>var dt = new Date();
+  document.getElementById("datetime").innerHTML = dt.toLocaleString();
+  </script>
+  <script async defer src="https://apis.google.com/js/api.js"
+      onload="this.onload=function(){};handleClientLoad()"
+      onreadystatechange="if (this.readyState === 'complete') this.onload()">
+    </script>
+
+</body>
+</html>