updates to template styling

public/assets/frontend/img/logo_blue_bg.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 882.9 274.21"><defs><style>.cls-1{fill:#067ec1;}.cls-2{fill:#fff;}</style></defs><title>logo_blue_bg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_2-2" data-name="Layer 2"><rect class="cls-1" width="882.9" height="274.21"/><rect class="cls-1" x="146.52" y="43.26" width="15.91" height="15.91"/><rect class="cls-1" x="166.68" y="43.26" width="15.91" height="15.91"/><rect class="cls-1" x="106.21" y="43.26" width="15.91" height="15.91"/><rect class="cls-1" x="126.36" y="43.26" width="15.91" height="15.91"/><path class="cls-1" d="M150.79,135.09a82.42,82.42,0,0,1,32.59,10.77L171.6,108.17Z"/><path class="cls-2" d="M398.72,135.68c0,19.2-12.07,32.36-30.43,32.36-10.26,0-18-4.1-22.7-11.59V191H331.7V103.32h13.89v11.11c4.71-7.49,12.44-11.59,22.46-11.59C386.28,102.84,398.72,116.12,398.72,135.68Zm-14-.48c0-12-8.09-20.77-19.56-20.77s-19.56,8.69-19.56,20.77c0,12.44,8.09,21,19.56,21S384.71,147.51,384.71,135.19Z"/><path class="cls-2" d="M475.39,127.59v40H461.5v-36.1c0-9.66-5.8-15.58-15.46-15.58-11.47.12-18.35,8.69-18.35,20v31.64H413.81V78h13.89v37.91c4.59-9.06,12.8-13,23.79-13C466.45,102.84,475.39,112.25,475.39,127.59Z"/><path class="cls-2" d="M561.6,135.68c0,19.2-12.07,32.36-30.43,32.36-10.26,0-18-4.1-22.7-11.59V191H494.59V103.32h13.89v11.11c4.71-7.49,12.44-11.59,22.46-11.59C549.16,102.84,561.6,116.12,561.6,135.68Zm-14-.48c0-12-8.09-20.77-19.56-20.77s-19.56,8.69-19.56,20.77c0,12.44,8.09,21,19.56,21S547.59,147.51,547.59,135.19Z"/><path class="cls-2" d="M599,167.55,565.82,83h20.53l23.06,63.75L632.6,83h19.68l-33.57,84.52Z"/><path class="cls-2" d="M736.19,167.55v-57L713.74,159H701.3l-22.46-48.42v57H661.57V83h21.37l24.63,51.68L732.09,83h21.25v84.52Z"/><path class="cls-2" d="M835.08,91.36l-7.37,15.82c-8.93-5.31-19.56-8.69-26.32-8.69-6.4,0-10.75,2.29-10.75,6.88,0,15.58,45,6.88,44.92,37.31,0,16.54-14.37,25.48-33.08,25.48a59.35,59.35,0,0,1-37.31-13.4l7.61-15.58c8.69,7.73,21,12.68,29.94,12.68,7.85,0,12.56-2.9,12.56-8.09,0-15.94-45-6.64-45-36.59,0-15.33,13.16-25,32.72-25C814.8,82.19,826.63,85.81,835.08,91.36Z"/><polygon class="cls-2" points="229.41 73.83 229.41 62.58 195.32 62.58 141.97 131.61 87.75 61.45 49.31 61.45 49.31 72.71 82.22 72.71 103.16 99.81 65.69 219.61 76.43 222.97 111.56 110.67 141.97 150.01 171.64 111.62 206.47 222.97 217.21 219.61 180.04 100.76 200.85 73.83 229.41 73.83"/><path class="cls-2" d="M194.7,27.41H167.34a16.58,16.58,0,0,0-16.58-16.58H135.84a16.58,16.58,0,0,0-16.58,16.58H91.9L82,37.36h5.68l16.88,36.48h77.56L199,37.36h5.68ZM120.09,60.57H103.51V44h16.58Zm21,0H124.51V44h16.58Zm21,0H145.51V44h16.58Zm21,0H166.51V44h16.58Z"/><path class="cls-2" d="M139.67,263.44c-19.14,0-39-7.13-53.06-19.08l-2.41-2,14-28.71,4,3.56c10.67,9.48,26.2,16.11,37.77,16.11,4.82,0,12.9-.89,12.9-6.87,0-5.59-7.7-8.14-20.38-11.68C115.43,210,92,203.44,92,177h8.14c0,20.31,17.56,25.2,34.54,29.94C147.65,210.5,161,214.23,161,226.4c0,9.4-7.87,15-21,15-12.14,0-27.28-5.82-39.08-14.79l-6.6,13.51a76.4,76.4,0,0,0,45.35,15.18ZM188.46,225l-8.14,0c.08-20.91-17.69-26.08-34.87-31.07-13.29-3.86-25.84-7.51-25.84-19.34,0-9.86,9.61-13.37,18.59-13.37s22.19,4,33.74,10.12l6.57-14.12a79.1,79.1,0,0,0-38.19-9.9V139.1c16.13,0,33.19,4.89,45.65,13.07l2.94,1.93-13.34,28.65-3.87-2.3c-11.07-6.58-24.85-11.18-33.5-11.18-3.14,0-10.46.51-10.46,5.23,0,5.34,7.55,7.92,20,11.53C165,191,188.57,197.9,188.46,225Z"/><circle class="cls-2" cx="141.63" cy="142.88" r="7.69" transform="translate(-59.55 142) rotate(-45)"/><circle class="cls-2" cx="137.11" cy="259.54" r="7.69" transform="translate(-143.36 172.97) rotate(-45)"/><circle class="cls-2" cx="184.13" cy="224.27" r="7.69" transform="translate(-104.65 195.89) rotate(-45)"/><circle class="cls-2" cx="96.41" cy="177.25" r="7.69" transform="translate(-97.09 120.09) rotate(-45)"/><circle class="cls-2" cx="228.02" cy="68.72" r="7.44" transform="translate(65 242.33) rotate(-63.57)"/><circle class="cls-2" cx="51.5" cy="67.28" r="7.44" transform="translate(-31.67 83.46) rotate(-63.57)"/><circle class="cls-2" cx="70.88" cy="220.84" r="7.44" transform="translate(-158.43 186.02) rotate(-63.57)"/><circle class="cls-2" cx="210.8" cy="219.4" r="7.44" transform="translate(-79.49 310.53) rotate(-63.57)"/></g></g></svg>

public/assets/frontend/img/nucleo-logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="155" height="77" viewBox="62 -22 155 77"><path d="M130.8 13.1C126 8.7 121.4 4.3 117.1 0c-7-7-14-14.5-20.5-21.9H64.7c.1 13.7 3.9 26.5 10.4 37.6-.1.2-.3.4-.4.6C62.4 35 59.1 46.9 64.6 52.4c1.7 1.7 4.1 2.6 7.1 2.6 11.8 0 35.9-15.2 62.7-38.7-1.2-1-2.4-2.1-3.6-3.2zm-59.1 35c-.6 0-1.7-.1-2.2-.6-1.4-1.4-1.1-8.7 9.8-25.8 4.5 6.1 9.9 11.5 16 16-10.8 6.9-19.1 10.4-23.6 10.4zm132.2-32.6c6.5-11 10.3-23.8 10.4-37.5h-31.8c-6.4 7.3-13.3 14.6-20.6 21.9-3.9 3.9-8 7.8-12.2 11.8-1.7-1.5-3.4-3-5.1-4.6 4.1-3.9 8.3-7.9 12.5-12.1 5.7-5.7 11.1-11.4 16.3-17.1h-67.7c5.5 6.1 11 11.9 16.2 17.1 35.3 35.4 70.4 60 85.4 60 3 0 5.4-.9 7.1-2.6 5.5-5.5 2.3-17.4-10.1-36.2-.1-.2-.3-.5-.4-.7zm5.6 32.1c-.5.5-1.6.6-2.2.6-4.6 0-12.8-3.6-23.5-10.4 6.1-4.5 11.5-9.9 16-16 10.9 17.1 11.2 24.3 9.7 25.8zm-101.1-2.1c9.5 4.4 20 6.8 31.1 6.8s21.7-2.4 31.1-6.8C160.5 38.6 149.8 30 139.5 21c-10.3 9-21 17.6-31.1 24.5z" fill="#E3E3E3"/></svg>

public/template.htm

@@ -30,36 +30,41 @@
                     <span class="navbar-toggler-bar bar3"></span>
                 </button>
                 <p class="navbar-brand text-white" data-placement="bottom" target="_blank">
-                    <img src="img/logo.svg" height="40" style="background-color: #FFF"/>
-                    phpVMS
+                    <img src="assets/frontend/img/logo_blue_bg.svg" width="135px" style=""/>
                 </p>
             </div>
             <div class="collapse navbar-collapse justify-content-end" id="navigation" data-nav-image="assets/frontend/img/blurred-image-1.jpg">
                 <ul class="navbar-nav">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#pablo">
-                            <i class="now-ui-icons objects_globe"></i>
+                    <li class="nav-item active">
+                        <a class="nav-link" href="#">
+                            <i class="fa fa-plane" aria-hidden="true"></i>
                             <p>Flights</p>
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="#pablo">
-                            <i class="now-ui-icons ui-1_send"></i>
+                        <a class="nav-link" href="#">
+                            <i class="fa fa-cloud-upload" aria-hidden="true"></i>
                             <p>PIREPs</p>
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="#pablo">
-                            <i class="now-ui-icons users_circle-08"></i>
+                        <a class="nav-link" href="#">
+                             <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                             <p>Profile</p>
                         </a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#">
+                             <i class="fa fa-external-link-square" aria-hidden="true"></i>
+                            <p>Log Out</p>
+                        </a>
+                    </li>
                 </ul>
             </div>
         </div>
     </nav>
     <!-- End Navbar -->
-    <div class="clear"></div>
+    <div class="clearfix" style="height: 50px;"></div>
     <div class="wrapper">
         <div class="clear"></div>
         <div class="container-fluid" style="width: 85%!important;">
@@ -75,7 +80,6 @@
                     <div class="col-md-6">
                         <div class="image-container image-left">
                             <!-- First image on the left side -->
-                            <img src="assets/frontend/img/login.jpg" alt="" class="rounded img-fluid img-raised">
                             <p class="blockquote blockquote-primary">"Over the span of the satellite record, Arctic sea ice has been declining significantly, while sea ice in the Antarctichas increased very slightly"
                                 <br>
                                 <br>
@@ -84,13 +88,11 @@
                         </div>
                         <!-- Second image on the left side of the article -->
                         <div class="image-container">
-                            <img src="assets/frontend/img/bg3.jpg" alt="" class="img-fluid rounded img-raised">
                         </div>
                     </div>
                     <div class="col-md-5">
                         <!-- First image on the right side, above the article -->
                         <div class="image-container image-right">
-                            <img src="assets/frontend/img/bg1.jpg" alt="" class="rounded img-fluid img-raised">
                         </div>
                         <h3>So what does the new record for the lowest level of winter ice actually mean</h3>
                         <p>The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever happens with climate change. Even if the Arctic continues to be one of the fastest-warming regions of the world, it will always be plunged into bitterly cold polar dark every winter. And year-by-year, for all kinds of natural reasons, there’s huge variety of the state of the ice.