you're doing great

GoesToEleven · Mar 13, 2018 · 38ab810 · 38ab810
1 parent 516d6a6
commit 38ab810
Show file tree

Hide file tree

Showing 152 changed files with 10,826 additions and 9 deletions.
diff --git a/000_temp/034-bootstrap/01/index.html b/000_temp/034-bootstrap/01/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+
+<h1>Hello World</h1>
+
+
+</body>
+</html>
diff --git a/000_temp/034-bootstrap/02/index.html b/000_temp/034-bootstrap/02/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Hello, world!</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
+</head>
+<body>
+<h1>Hello, world!</h1>
+
+<!-- Optional JavaScript -->
+<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/000_temp/034-bootstrap/03/index.html b/000_temp/034-bootstrap/03/index.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Hello, world!</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
+    <style>
+        #car{
+            width: 20%;
+            border: 2px solid black;
+        }
+    </style>
+</head>
+<body>
+
+<div id="car">
+    <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
+        <div class="carousel-inner">
+            <div class="carousel-item active">
+                <img class="d-block w-100" src="../../dog.jpeg" alt="First slide">
+            </div>
+            <div class="carousel-item">
+                <img class="d-block w-100" src="../../pier.jpeg" alt="Second slide">
+            </div>
+            <div class="carousel-item">
+                <img class="d-block w-100" src="../../something.jpg" alt="Third slide">
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Optional JavaScript -->
+<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/000_temp/034-bootstrap/04/index.html b/000_temp/034-bootstrap/04/index.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Hello, world!</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
+    <style>
+        #car{
+            width: 20%;
+            border: 2px solid black;
+        }
+    </style>
+</head>
+<body>
+
+
+
+
+
+
+<div id="car">
+
+    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+        <div class="carousel-inner">
+            <div class="carousel-item active">
+                <img class="d-block w-100" src="../../dog.jpeg" alt="First slide">
+            </div>
+            <div class="carousel-item">
+                <img class="d-block w-100" src="../../pier.jpeg" alt="Second slide">
+            </div>
+            <div class="carousel-item">
+                <img class="d-block w-100" src="../../something.jpg" alt="Third slide">
+            </div>
+        </div>
+        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+        </a>
+        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+        </a>
+    </div>
+</div>
+
+
+<!-- Optional JavaScript -->
+<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/000_temp/035-spring-2018/001/index.html b/000_temp/035-spring-2018/001/index.html
@@ -0,0 +1 @@
+<h1>Career potential of programmers</h1> video: 001 Course Resources - Google Drive video: 002 course resources: https://goo.gl/2gojiz best web dev stack today back-end 4 - ruby on rails 3 - python 2 - node.js 1 - go front-end vue or maybe react holy trinity - quadrinity of web programming html css javascript go vue or react the role of the different languages the languages html structure css formatting javascript functionality separation of concerns history of the web when it started who started it why they started it internet vs www html css javascript how the web works clients & servers create our first webpage format our first webpage <h1>HTML - hyper text markup language</h1>
diff --git a/000_temp/035-spring-2018/002/index.html b/000_temp/035-spring-2018/002/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>MY PAGE YO</title>
+</head>
+<body>
+
+something
+
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/022-media-query/02/index.html b/000_temp/13_Fall-2017/022-media-query/02/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="main.css">
+    <link rel="stylesheet" href="mq-main.css" media="(min-width: 600px)">
+</head>
+<body>
+
+<h1>HELLO WORLD</h1>
+
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/022-media-query/02/main.css b/000_temp/13_Fall-2017/022-media-query/02/main.css
@@ -0,0 +1,3 @@
+h1 {
+    color: blue;
+}
diff --git a/000_temp/13_Fall-2017/022-media-query/02/mq-main.css b/000_temp/13_Fall-2017/022-media-query/02/mq-main.css
@@ -0,0 +1,3 @@
+h1 {
+    color: goldenrod;
+}
diff --git a/000_temp/13_Fall-2017/023-flexbox/01/index.html b/000_temp/13_Fall-2017/023-flexbox/01/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="main.css">
+</head>
+<body>
+
+<main>
+    <div></div>
+    <div></div>
+</main>
+
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/023-flexbox/01/main.css b/000_temp/13_Fall-2017/023-flexbox/01/main.css
@@ -0,0 +1,10 @@
+main {
+    display: flex;
+}
+
+div {
+    height: 200px;
+    border: 5px solid red;
+    /*flex-grow: 1;*/
+    flex: 1 1 auto;
+}
diff --git a/000_temp/13_Fall-2017/023-flexbox/02/index.html b/000_temp/13_Fall-2017/023-flexbox/02/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="main.css">
+    <link rel="stylesheet" href="mq-600-plus.css" media="(min-width: 600px)">
+</head>
+<body>
+
+<div id="s01"></div>
+<div id="s02"></div>
+<div id="s03"></div>
+<div id="s04"></div>
+<div id="s05"></div>
+
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/023-flexbox/02/main.css b/000_temp/13_Fall-2017/023-flexbox/02/main.css
@@ -0,0 +1,43 @@
+html, body, div {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+
+
+body {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+div {
+    height: 100px;
+    width: 100%;
+    border: 2px solid black;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: auto;
+}
+
+#s01 {
+    background-color: blue;
+}
+
+#s02 {
+    background-color: #ff3a35;
+}
+
+#s03 {
+    background-color: #55ff61;
+}
+
+#s04 {
+    background-color: #54ceff;
+}
+
+#s05 {
+    background-color: #fff72f;
+}
diff --git a/000_temp/13_Fall-2017/023-flexbox/02/mq-600-plus.css b/000_temp/13_Fall-2017/023-flexbox/02/mq-600-plus.css
@@ -0,0 +1,19 @@
+#s01 {
+    width: 70%
+}
+
+#s02 {
+    width: 30%;
+}
+
+#s03 {
+    width: 20%;
+}
+
+#s04 {
+    width: 60%;
+}
+
+#s05 {
+    width: 20%;
+}
diff --git a/000_temp/13_Fall-2017/024-multiple-pages/about.html b/000_temp/13_Fall-2017/024-multiple-pages/about.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>ABOUT</title>
+</head>
+<body>
+
+ABOUT
+
+<a href="index.html">INDEX</a>
+<a href="about.html">ABOUT</a>
+<a href="order.html">ORDER</a>
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/024-multiple-pages/index.html b/000_temp/13_Fall-2017/024-multiple-pages/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>INDEX</title>
+</head>
+<body>
+
+INDEX
+<a href="index.html">INDEX</a>
+<a href="about.html">ABOUT</a>
+<a href="order.html">ORDER</a>
+
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/024-multiple-pages/order.html b/000_temp/13_Fall-2017/024-multiple-pages/order.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>ORDER</title>
+</head>
+<body>
+
+ORDER
+<a href="index.html">INDEX</a>
+<a href="about.html">ABOUT</a>
+<a href="order.html">ORDER</a>
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/025-favicon/Robot_icon.png b/000_temp/13_Fall-2017/025-favicon/Robot_icon.png
diff --git a/000_temp/13_Fall-2017/025-favicon/android-chrome-192x192.png b/000_temp/13_Fall-2017/025-favicon/android-chrome-192x192.png
diff --git a/000_temp/13_Fall-2017/025-favicon/android-chrome-512x512.png b/000_temp/13_Fall-2017/025-favicon/android-chrome-512x512.png
diff --git a/000_temp/13_Fall-2017/025-favicon/apple-touch-icon.png b/000_temp/13_Fall-2017/025-favicon/apple-touch-icon.png
diff --git a/000_temp/13_Fall-2017/025-favicon/browserconfig.xml b/000_temp/13_Fall-2017/025-favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/000_temp/13_Fall-2017/025-favicon/favicon-16x16.png b/000_temp/13_Fall-2017/025-favicon/favicon-16x16.png
diff --git a/000_temp/13_Fall-2017/025-favicon/favicon-32x32.png b/000_temp/13_Fall-2017/025-favicon/favicon-32x32.png
diff --git a/000_temp/13_Fall-2017/025-favicon/favicon.ico b/000_temp/13_Fall-2017/025-favicon/favicon.ico
diff --git a/000_temp/13_Fall-2017/025-favicon/index.html b/000_temp/13_Fall-2017/025-favicon/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+    <link rel="manifest" href="manifest.json">
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#000000">
+    <meta name="theme-color" content="#ffffff">
+</head>
+<body>
+hello
+</body>
+</html>
diff --git a/000_temp/13_Fall-2017/025-favicon/manifest.json b/000_temp/13_Fall-2017/025-favicon/manifest.json
@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/000_temp/13_Fall-2017/025-favicon/mstile-150x150.png b/000_temp/13_Fall-2017/025-favicon/mstile-150x150.png