From 4bacab00f988c4cc9bcbe4825fa7b1f1b0aa831b Mon Sep 17 00:00:00 2001
From: Chris <christiaanldreyer@gmail.com>
Date: Wed, 18 Oct 2017 11:42:48 +0200
Subject: [PATCH] #7 Added mri upload button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added button for mri upload(id=“file”)
---
 css/style.css | 13 +++++++++++++
 mriscan.html  | 18 ++++++++++++------
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index 38117aa..0e4fb24 100644
--- a/css/style.css
+++ b/css/style.css
@@ -693,3 +693,16 @@ button.btn.btn-color-selection:focus{
     width: 700px;
 }
 
+.mri-buttons-container{
+    padding: 20px;
+}
+
+.mri-file-upload{
+    margin-top: 80px;
+    margin-bottom: 20px;
+}
+
+#MRI{
+    padding: 0;
+}
+
diff --git a/mriscan.html b/mriscan.html
index 733fc91..9b5a99f 100644
--- a/mriscan.html
+++ b/mriscan.html
@@ -37,19 +37,25 @@
                     </div>
                     <div class="collapse navbar-collapse" id="myNavbar">
                         <ul class="nav navbar-nav">
-                            <li><a href="#documentsSection">Documentation</a></li>
-                            <li><a href="#demoSection">Demo</a></li>
-                            <li><a href="#aboutSection">About</a></li>
-                            <li><a href="#usageSection">Usage</a></li>
+                            <li><a href="index.html/#documentsSection">Documentation</a></li>
+                            <li><a href="index.html/#demoSection">Demo</a></li>
+                            <li><a href="index.html/#aboutSection">About</a></li>
+                            <li><a href="index.html/#usageSection">Usage</a></li>
                             <li><a href="converter1.html">Converter 1</a></li>
                             <li><a href="converter2.html">Converter 2</a></li>
-                            <li><a href="#">Converter 3</a></li>
                             <li><a href="mriscan.html">MRI Scan Demo</a></li>
                         </ul>
                     </div>
                 </div>
             </nav>
             <div class="col-sm-12" id="MRI">
-        </div>
+                <div class="file-upload-container mri-file-upload col-sm-12">
+                        <input type="file" name="file" id="file" class="input-file-hidden" accept=".jpg .jpeg .png"/>
+
+                        <label for="file"><i class="fa fa-upload" aria-hidden="true"></i></label><br>
+                        
+                        Upload image to convert
+                </div>
+            </div>
     </body>
 </html>
\ No newline at end of file