From a4e9115f7a89b5b4bb3e5531ec4961b66134cc3b Mon Sep 17 00:00:00 2001
From: Dalin Huang <dhuan023@gmail.com>
Date: Fri, 21 Jun 2019 21:50:31 -0400
Subject: [PATCH] update New Block #5, start work at Shopify Inc.

---
 css/main.css |  6 ++++++
 index.html   | 48 ++++++++++++++++++++++++++++++++++++------------
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/css/main.css b/css/main.css
index a8fa494..aab6531 100644
--- a/css/main.css
+++ b/css/main.css
@@ -261,6 +261,12 @@ body.dragging .nav-pointer {
   text-align: left;
 }
 
+@media only screen and (max-width: 1100px) {
+  .hide-mobile {
+    display: none;
+  }
+}
+
 .one-block:hover {
   background: #cccccc;
 }
diff --git a/index.html b/index.html
index 330bd92..47d03f0 100644
--- a/index.html
+++ b/index.html
@@ -131,8 +131,32 @@ <h2 class="unselectable">Full Stack Developer</h2>
         <section class="flx-center">
             <div class="text-center">
 
-                <!-- Block 4 (SHA-256 blockchain) -->
+                <!-- Block 5 (SHA-256 blockchain) -->
                 <div class="one-block latest-block">
+                    <p class="h4 text-center">Block #: 005</p>
+                    <p><label>Data:</label></p>
+                    <div class="block-data">
+                        <p>
+                            <label>Title:</label><b>Software Developer</b></p>
+                        <p>
+                            <label>Company:</label>Shopify Inc.</p>
+                        <p>
+                            <label>Stack:</label>MySQL, Ruby on Rails, React</p>
+                        <p>
+                            <label>Time:</label>May 2019 - Present</p>
+                    </div>
+                    <div>
+                        <br>
+                        <p class="truncate">
+                            <small><label>Hash: </label>9d169ad4b0875680b2256b5f8cfe9c02b977fe5cc2f1659ffdf63fc9955f4b45</small>
+                            <br>
+                            <small><label>Previous Hash: </label>964c3a9c26762dce89d124381b91f0469fb549915077377ba943b60a78e2eb54</small>
+                        </p>
+                    </div>
+                </div>
+
+                <!-- Block 4 (SHA-256 blockchain) -->
+                <div class="one-block">
                     <p class="h4 text-center">Block #: 004</p>
                     <p><label>Data:</label></p>
                     <div class="block-data">
@@ -141,16 +165,16 @@ <h2 class="unselectable">Full Stack Developer</h2>
                         <p>
                             <label>Company:</label>FarmLead.com</p>
                         <p>
-                            <label>Stack:</label>MySQL, PHP7, JS, HTML5, CSS3, AWS</p>
+                            <label>Stack:</label>MySQL, Python, Vue2, NodeJS, AWS, Salesforce</p>
                         <p>
-                            <label>Time:</label>Feb 2017 - Present</p>
+                            <label>Time:</label>Feb 2017 - May 2019</p>
                     </div>
                     <div>
                         <br>
                         <p class="truncate">
-                            <small><label>Hash: </label>2ced301cea95102353465b5c96c2c313ca1ac39c593586fdbcf0692ed50e9538</small>
+                            <small><label>Hash: </label>964c3a9c26762dce89d124381b91f0469fb549915077377ba943b60a78e2eb54</small>
                             <br>
-                            <small><label>Previous Hash: </label>878d1ef78d76e1cd006b89f323de4dce4064fafe2c38d5c711fe83f5e04bb0b2</small>
+                            <small><label>Previous Hash: </label>c9e0d20f8660f77636c18bed30d0331ccee6724e03ccbc37d7d73fdc13326a51</small>
                         </p>
                     </div>
                 </div>
@@ -172,16 +196,16 @@ <h2 class="unselectable">Full Stack Developer</h2>
                     <div>
                         <br>
                         <p class="truncate">
-                            <small><label>Hash: </label>878d1ef78d76e1cd006b89f323de4dce4064fafe2c38d5c711fe83f5e04bb0b2</small>
+                            <small><label>Hash: </label>c9e0d20f8660f77636c18bed30d0331ccee6724e03ccbc37d7d73fdc13326a51</small>
                             <br>
-                            <small><label>Previous Hash: </label>830e1d948d6c7dd090e804c9eb94b412f2750ac19cb69d4040ae11dff1d8ef6d</small>
+                            <small><label>Previous Hash: </label>b2d7beff5177094f4a4aceb7c9bf1cc6434cd5a2b8d68cc0a572ac2e963cb2a2</small>
                         </p>
                     </div>
                 </div>
 
                 <br>
                 <!-- Block 2 (SHA-256 blockchain) -->
-                <div class="one-block">
+                <div class="one-block hide-mobile">
                     <p class="h4 text-center">Block #: 002</p>
                     <p><label>Data:</label></p>
                     <div class="block-data">
@@ -197,15 +221,15 @@ <h2 class="unselectable">Full Stack Developer</h2>
                     <div>
                         <br>
                         <p class="truncate">
-                            <small><label>Hash: </label>830e1d948d6c7dd090e804c9eb94b412f2750ac19cb69d4040ae11dff1d8ef6d</small>
+                            <small><label>Hash: </label>b2d7beff5177094f4a4aceb7c9bf1cc6434cd5a2b8d68cc0a572ac2e963cb2a2</small>
                             <br>
-                            <small><label>Previous Hash: </label>0fdf18af6009579cf35fdc82d130e658bca9037705b3a87142a27daeff138d78</small>
+                            <small><label>Previous Hash: </label>29aa94f65fa959c35fb44427d09018b95117be94b0d7eeb921e79c3cda20d174</small>
                         </p>
                     </div>
                 </div>
 
                 <!-- Block 1 (SHA-256 blockchain) -->
-                <div class="one-block">
+                <div class="one-block hide-mobile">
                     <p class="h4 text-center">Block #: 001</p>
                     <p><label>Data:</label></p>
                     <div class="block-data">
@@ -221,7 +245,7 @@ <h2 class="unselectable">Full Stack Developer</h2>
                     <div>
                         <br>
                         <p class="truncate">
-                            <small><label>Hash: </label>0fdf18af6009579cf35fdc82d130e658bca9037705b3a87142a27daeff138d78</small>
+                            <small><label>Hash: </label>29aa94f65fa959c35fb44427d09018b95117be94b0d7eeb921e79c3cda20d174</small>
                             <br>
                             <small><label>&nbsp;</label>"Genesis Block"</small>
                         </p>