basic small structure

diff --git a/partials/head.ejs b/partials/head.ejs
index 1a115613f7332fbe294dcba6704733b6822d2f1e..40c378b5a45ca0146b630caca41a00a540a33b29 100644 (file)
--- 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">
 <!-- 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>
 <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' />
 <link rel='stylesheet' href='/stylesheets/style.css' />

-<!-- <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> -->

 <style>
   body {
     padding-bottom: 50px;
 <style>
   body {
     padding-bottom: 50px;

diff --git a/partials/header.ejs b/partials/header.ejs
index 5e48fa03bd47dfed5d1810eed7de44ad107e32f0..a07a674c853b1adc418e5228ba3a09a0e860d95d 100644 (file)
--- a/partials/header.ejs
+++ b/partials/header.ejs
@@ -7,17 +7,14 @@
   <span></span>
 
   <ul id="menu">
   <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>
   </ul>
 </div>

-<form class="form-inline">
+<!-- <form class="form-inline">

   <button class="btn" type="button" onclick="location.href = '/';">Home</button>
   <button class="btn" type="button" onclick="location.href = '/';">Home</button>

-</form>
+</form> -->

 </nav>
 </nav>

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 9453385b9916ce9bc5e88d2f5d8cd8a554223590..d7e168a9061b03760f479695e155971b84e01c9a 100644 (file)
--- 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;
 body {
   padding: 50px;
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;


@@ -6,3 +11,12 @@ body {
 a {
   color: #00B7FF;
 }
 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 96d9ac63d1646db333205587185a9b0470e0ab66..1aef4f444dea0a19914641cc4bd9dc0d2c09cb65 100644 (file)
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,19 +1,45 @@
 <!DOCTYPE html>
 <html>
 <!DOCTYPE html>
 <html>

+
+
+

   <head>
     <%include ../partials/head%>
   </head>
   <head>
     <%include ../partials/head%>
   </head>

+
+
+

   <body>
   <body>

+
+

     <header>
     <header>

+
+

       <%include ../partials/header%>
       <%include ../partials/header%>

+
+

     </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>
   </body>

+
+
+

   <footer>
     <%include ../partials/footer%>
   </footer>
   <footer>
     <%include ../partials/footer%>
   </footer>

+
+
+

 </html>
 </html>