From 671a34f4eaf6bd35036da19796d2293f8b61728f Mon Sep 17 00:00:00 2001
From: "Oscar J. Rodriguez B" <josuer08@gmail.com>
Date: Fri, 6 Mar 2020 15:50:16 -0500
Subject: [PATCH] basic small structure

---
 partials/head.ejs            |  8 +++++---
 partials/header.ejs          | 17 +++++++----------
 public/stylesheets/style.css | 14 ++++++++++++++
 views/index.ejs              | 34 ++++++++++++++++++++++++++++++----
 4 files changed, 56 insertions(+), 17 deletions(-)

diff --git a/partials/head.ejs b/partials/head.ejs
index 1a11561..40c378b 100644
--- a/partials/head.ejs
+++ b/partials/head.ejs
@@ -1,11 +1,13 @@
 <!-- views/partials/head.ejs -->
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta charset="UTF-8">
-<!-- CSS (load bootstrap from a CDN) -->
-<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
 <title>Oscar J Rodriguez B</title>
+<!-- bulma framework -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
+<!-- fontawesome -->
+<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+<!-- Personalized style -->
 <link rel='stylesheet' href='/stylesheets/style.css' />
-<!-- <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> -->
 <style>
   body {
     padding-bottom: 50px;
diff --git a/partials/header.ejs b/partials/header.ejs
index 5e48fa0..a07a674 100644
--- a/partials/header.ejs
+++ b/partials/header.ejs
@@ -7,17 +7,14 @@
   <span></span>
 
   <ul id="menu">
-    <a href="/health"><li>Health</li></a>
-    <a href="/topology"><li>View topology</li></a>
-    <a href="/stats"><li>Flow Tables</li></a>
-    <a href="/"><li>Topology Starter</li></a>
-    <a href="/access"><li>Documentation</li></a>
-    <a style= "display: flex;" href="https://github.com/josuer08/VSoRC" target="_blank"><li>GitHub web</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
-    <a style= "display: flex;" href="https://github.com/josuer08/vsorcdistro" target="_blank"><li>GitHub distro</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
-
+    <a href="/"><li>Home</li></a>
+    <a style= "display: flex;" href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank"><li>GitHub web</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
+    <a style= "display: flex;" href="https://github.com/josuer08/" target="_blank"><li>GitHub</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
+    <a style= "display: flex;" href="https://github.com/josuer08/VSoRC" target="_blank"><li>GitHub VSoRC repo</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
+    <a style= "display: flex;" href="https://github.com/josuer08/vsorcdistro" target="_blank"><li>GitHub VSoRCdistro repo</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
   </ul>
 </div>
-<form class="form-inline">
+<!-- <form class="form-inline">
   <button class="btn" type="button" onclick="location.href = '/';">Home</button>
-</form>
+</form> -->
 </nav>
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 9453385..d7e168a 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -1,3 +1,8 @@
+*{
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
 body {
   padding: 50px;
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
@@ -6,3 +11,12 @@ body {
 a {
   color: #00B7FF;
 }
+
+.grid {
+  display: grid;
+  grid-template-columns:
+  [xl-start] 1fr 1.1.5rem [md-start] minmax(0, 624px) [md-end] 1.5rem 1fr [xl-end];
+}
+
+.grid *{grid-column: md;}
+.grid-xl {grid-column: xl;                                  }
diff --git a/views/index.ejs b/views/index.ejs
index 96d9ac6..1aef4f4 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,19 +1,45 @@
 <!DOCTYPE html>
 <html>
+
+
+
   <head>
     <%include ../partials/head%>
   </head>
+
+
+
   <body>
+
+
     <header>
+
+
       <%include ../partials/header%>
+
+
     </header>
-    <div class="jumbo">
 
-    </div>
-    <h1><%= title %></h1>
-    <p>Welcome to <%= title %></p>
+
+    <!-- Hero -->
+    <section class="hero">
+      <div class="hero-body">
+        <div class="container">
+          <h1><%= title %></h1>
+        </div>
+      </div>
+    </section>
+
+
+
   </body>
+
+
+
   <footer>
     <%include ../partials/footer%>
   </footer>
+
+
+
 </html>
-- 
2.25.1