add IP-ART-AND-SCIENCE page and the first contents

Power-tile · Oct 6, 2019 · 3671cd7 · 3671cd7
1 parent a676d2d
commit 3671cd7
Show file tree

Hide file tree

Showing 4 changed files with 170 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
   <!-- Basic Page Needs
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <meta charset="utf-8">
-  <title>Daniel He's Personal Webpage</title>
+  <title>Daniel He's Personal Webpage - Home</title>
   <meta name="description" content="">
   <meta name="author" content="">
 

diff --git a/videos/projects/linux_crash.mp4 b/videos/projects/linux_crash.mp4
diff --git a/webpages/ip_art_and_science.html b/webpages/ip_art_and_science.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <!-- Basic Page Needs
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <meta charset="utf-8">
+    <title>Daniel He's Personal Webpage: IP - Art & Science</title>
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <!-- Mobile Specific Metas
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- FONT
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
+
+    <!-- CSS
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <link rel="stylesheet" href="css/normalize.css">
+    <link rel="stylesheet" href="css/skeleton.css">
+    <style>
+        body {
+            background-color: rgb(228, 228, 228);
+        }
+    </style>
+
+    <!-- Favicon
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <link rel="icon" type="image/png" href="/images/favicon.png">
+
+</head>
+
+<body>
+
+    <!-- Primary Page Layout
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <div class="container">
+        <div class="row">
+            <div class="twelve columns" style="background-color: #c0c0c0">
+                <font style="color:darkgreen">
+                    <h3>Daniel He</h3>
+                </font>
+                <a href="index.html">Home</a>
+                <a href="webpages/projects.html">Projects</a>
+            </div>
+            <div class="row">
+                <div class="twelve columns">
+                    <h1>IP: Art & Science</h1>
+                </div>
+            </div>
+            <div class="row">
+                <div class="twelve columns">
+                    <h2>Linux Crash: 20190920</h2>
+                    <p>
+                        Our project is to express a piece of memory with light (and sound). We use Ardunio, Linux
+                        Penguins, and RGB LEDs to interpret the bad memory of Linux Penguins. In fact, many of them were
+                        destroyed by some evil force last semester.
+                    </p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="six columns">
+                    <!-- <video controls="controls">
+                        <source src="/videos/projects/linux_crash.mp4" type="video/mp4">
+                    </video> -->
+                    <!-- <p>This is the left column</p> -->
+                    <!--
+                        <iframe src="https://player.bilibili.com/player.html?aid=45964854&cid=80494029&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+                    -->
+                    <p>
+
+                    </p>
+                </div>
+                <div class="six columns">
+                    <!-- <p>This is the right column</p> -->
+                    <pre>
+                        <code>
+const int R = 3;
+const int G = 5;
+const int B = 6;
+const int REDS = 2;
+const int BEEP = 4;
+const int BB = 9;
+
+const int TIME[5] = {3000, 6000, 10000, 13000, 18000};
+
+bool dead = false;
+int i = 0;
+
+void green() {
+    analogWrite(R, 0);
+    analogWrite(G, 125);
+    analogWrite(B, 0);
+}
+
+void rgb1_close() {
+    analogWrite(R, 0);
+    analogWrite(G, 0);
+    analogWrite(B, 0);
+}
+
+void red() {
+    analogWrite(R, 125);
+    analogWrite(G, 0);
+    analogWrite(B, 0);
+}
+
+void reds_up() {
+    digitalWrite(REDS, LOW);
+}
+
+void reds_down() {
+    digitalWrite(REDS, HIGH);
+}
+
+void setup() {
+    pinMode(R, OUTPUT);
+    pinMode(G, OUTPUT);
+    pinMode(B, OUTPUT);
+    pinMode(REDS, OUTPUT);
+    pinMode(BEEP, OUTPUT);
+    pinMode(BB, OUTPUT);
+}
+
+void loop() {
+    reds_down();
+    if (millis() > TIME[4]) {
+        digitalWrite(BEEP, HIGH);
+        analogWrite(R, 255);
+        delay(300);
+        analogWrite(R, 0);
+        digitalWrite(BEEP, LOW);
+        analogWrite(BB, 255);
+        delay(300);
+        analogWrite(BB, 0);
+    } else if (millis() > TIME[3]) {
+        if (!dead) {
+            reds_up();
+            delay(300);
+            reds_down();
+            dead = true;
+        }
+    } else if (millis() > TIME[2]) {
+        red();
+    } else if (millis() > TIME[1]) {
+        green();
+        delay(500);
+        rgb1_close();
+        delay(500);
+    } else {
+        green();
+    }
+}
+                        </code>
+                    </pre>
+                </div>
+            </div>
+        </div>
+
+        <!-- End Document
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+</body>
+
+</html>
diff --git a/webpages/projects.html b/webpages/projects.html
@@ -6,7 +6,7 @@
     <!-- Basic Page Needs
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <meta charset="utf-8">
-    <title>Daniel He's Personal Webpage</title>
+    <title>Daniel He's Personal Webpage - Projects</title>
     <meta name="description" content="">
     <meta name="author" content="">