From 7d61e586a400fe2a8f820b91064833fbb1ffce5d Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Sun, 22 Sep 2019 16:38:11 +0200
Subject: [PATCH 1/4] change disabled to readonly; it makes the hash copyable

---
 views/hash.jade | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/views/hash.jade b/views/hash.jade
index df87e25..4385dc1 100644
--- a/views/hash.jade
+++ b/views/hash.jade
@@ -15,7 +15,7 @@ block content
         .form-group
           label.col-sm-2.control-label(for='hash') #{__('Hash')}:
           .col-sm-10
-            input#hash.form-control(type='text', disabled)
+            input#hash.form-control(type='text', readonly)
 
   script.
     function getText(block, chain) {

From 1d9a1d7a00a80e3189d4c713aba2546457f26e4a Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Sun, 22 Sep 2019 16:53:21 +0200
Subject: [PATCH 2/4] fix: ribbon obscure logo on small screen size

---
 public/stylesheets/blockchain.css | 14 ++++++++++++++
 views/index.jade                  |  1 +
 2 files changed, 15 insertions(+)

diff --git a/public/stylesheets/blockchain.css b/public/stylesheets/blockchain.css
index 81c639c..77a4000 100644
--- a/public/stylesheets/blockchain.css
+++ b/public/stylesheets/blockchain.css
@@ -44,3 +44,17 @@ input {
   border: 0;
   z-index: 20000;
 }
+
+/* FIX Fork me on Github logo on small screens */
+
+@media only screen and (max-width: 1380px) {
+  .github-ribbon {
+    width: 80px;
+  }
+}
+
+@media only screen and (max-width: 828px) {
+  .github-ribbon {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/views/index.jade b/views/index.jade
index f2d6ff4..556b8ef 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -11,3 +11,4 @@ block content
     p.pull-right by 
       a(href='http://andersbrownworth.com/') Anders Brownworth 
       | 1K3NvcuZzVTueHW1qhkG2Cm3viRkh2EXJp
+      a(href='https://github.com/anders94/blockchain-demo/')  Fork me on GitHub 

From f76ea20b53c3ebb77ec100f17102ba4d4b0276c7 Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Sun, 22 Sep 2019 17:02:43 +0200
Subject: [PATCH 3/4] Fix video: allow fullscreen & max-width

---
 public/stylesheets/blockchain.css | 5 +++++
 views/index.jade                  | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/stylesheets/blockchain.css b/public/stylesheets/blockchain.css
index 77a4000..153d5d5 100644
--- a/public/stylesheets/blockchain.css
+++ b/public/stylesheets/blockchain.css
@@ -57,4 +57,9 @@ input {
   .github-ribbon {
     display: none;
   }
+}
+
+.index-video {
+  max-width: 800px;
+  margin: auto;
 }
\ No newline at end of file
diff --git a/views/index.jade b/views/index.jade
index 556b8ef..dbf784f 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -5,8 +5,9 @@ block content
     img.github-ribbon(src='/images/fork-me-on-github-ribbon.png', alt='Fork me on GitHub')
   .container
     h1 Blockchain Demo
-    .embed-responsive.embed-responsive-16by9
-      iframe.embed-responsive-item(src='https://www.youtube.com/embed/_160oMzblY8')
+    div(class="index-video")
+      .embed-responsive.embed-responsive-16by9
+        iframe.embed-responsive-item(src='https://www.youtube.com/embed/_160oMzblY8', allowfullscreen)
     br
     p.pull-right by 
       a(href='http://andersbrownworth.com/') Anders Brownworth 

From c50e1001a8abfd4b2058890902e39f7d98afe09c Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Sun, 22 Sep 2019 17:03:55 +0200
Subject: [PATCH 4/4] New blue design.

---
 public/stylesheets/blockchain.css | 106 ++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)

diff --git a/public/stylesheets/blockchain.css b/public/stylesheets/blockchain.css
index 153d5d5..c5bfbaa 100644
--- a/public/stylesheets/blockchain.css
+++ b/public/stylesheets/blockchain.css
@@ -45,6 +45,112 @@ input {
   z-index: 20000;
 }
 
+/*
+Custom design by DaWe (I hope won't be worse than was LOL)
+Used color palette: https://tailwindcss.com/docs/customizing-colors/
+ */
+
+body .navbar {
+  background-image: none;
+  background-color: #CBD5E0;
+  padding-top: 10px;
+  border: none;
+}
+
+.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
+  color: #1A202C;
+  text-shadow: none;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+
+}
+
+.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
+  background-image: linear-gradient(to bottom right, #718096, #4A5568);
+  color: #F7FAFC;
+  border-radius: 3px;
+}
+
+.navbar-inverse .navbar-nav > li > a:hover {
+  background-image: linear-gradient(to bottom right, #E2E8F0, #CBD5E0);
+  color: #1A202C;
+}
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-brand:hover {
+  border-radius: 3px;
+  color: #1A202C;
+}
+
+.navbar-brand {
+  height: auto;
+}
+
+.well {
+  background-color: #E2E8F0;
+  background-image: none;
+  border: none;
+  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
+}
+
+.well-success {
+  background: rgb(218, 243, 220);
+}
+
+.well-error {
+  background: rgb(245, 219, 219);
+}
+
+.form-control {
+  border: none;
+}
+
+body {
+  background-color: #F7FAFC;
+}
+
+.input-group-addon {
+  background-color: #EDF2F7;
+  border: 1px solid #EDF2F7;
+}
+
+.form-control[disabled], fieldset[disabled] .form-control {
+  background-color: #E2E8F0;
+}
+
+.form-control[readonly] {
+  background-color: #EDF2F7;
+}
+
+
+.btn-primary {
+  background-image: linear-gradient(to bottom right, #2C5282, #2A4365);
+  border: none;
+}
+
+.btn-primary:focus, .btn-primary:hover {
+  background-color: #265a88;
+  background-position: 0 -30px;
+}
+
+h1 {
+  color: #4A5568;
+  text-align: center;
+
+}
+
+h3 {
+  color: #1A202C;
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: #2D3748;
+}
+
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #2D3748;
+}
+
+
 /* FIX Fork me on Github logo on small screens */
 
 @media only screen and (max-width: 1380px) {