From eb9280c4b69c22a149b0e47d7cd9b68ceee7f298 Mon Sep 17 00:00:00 2001
From: Oleksandr Dubenko <odybenko@gmail.com>
Date: Tue, 27 Mar 2018 21:00:34 +0200
Subject: [PATCH 1/2] Center logo in navbar

---
 index.html | 218 ++++++++++++++++++++++++++++++-----------------------
 style.css  |  67 +++++++++-------
 2 files changed, 164 insertions(+), 121 deletions(-)

diff --git a/index.html b/index.html
index e472bc6c..70ffe7c3 100644
--- a/index.html
+++ b/index.html
@@ -15,27 +15,32 @@
     <!-- header code starts here -->
     <header class="head">
         <div class="id_logo" id='logo'>
-            <span class="circle" href="#">
-                <img src="img/logo_color.png" width="50px" height="50px"/>
-            </span>
+            <a href="#">
+                <span class="circle" href="#">
+                    <img src="img/logo_color.png" width="50px" height="50px" />
+                </span>
+            </a>
         </div>
-
         <nav class="navbar">
             <ul class="navigation id_main-nav" id="main-nav">
-                <li><a href="http://brlcad.org/gallery">
-                        Gallery</a></li>
-                <li><a href="https://sourceforge.net/projects/brlcad/support">
-                        Support</a></li>
-                <li><a href="https://www.facebook.com/BRL-CAD-387112738872/">
-                        News</a></li>
-                <li><a href="http://brlcad.org/wiki/">
-                        Documentation</a></li>
-                <li><a href="http://brlcad.org/d/download">
-                        Download</a></li>
                 <li>
-                    <a href="http://brlcad.org/d/about">
-                            About
-                        </a>
+                    <a href="http://brlcad.org/gallery">Gallery</a>
+                </li>
+                <li>
+                    <a href="https://sourceforge.net/projects/brlcad/support">Support</a>
+                </li>
+                <li>
+                    <a href="https://www.facebook.com/BRL-CAD-387112738872/">News</a>
+                </li>
+                <div id="circle-space"></div>
+                <li>
+                    <a href="http://brlcad.org/wiki/">Docs</a>
+                </li>
+                <li>
+                    <a href="http://brlcad.org/d/download">Download</a>
+                </li>
+                <li>
+                    <a href="http://brlcad.org/d/about">About</a>
                 </li>
 
             </ul>
@@ -51,7 +56,11 @@
         </div>
 
         <div class="wrapper-main">
-            <h1 class="main-h1"><span class="brl">BRL</span><span class="dash">&#8209;</span><span class="cad">CAD</span></h1>
+            <h1 class="main-h1">
+                <span class="brl">BRL</span>
+                <span class="dash">&#8209;</span>
+                <span class="cad">CAD</span>
+            </h1>
             <h2 class="byline">Think&nbsp;•&nbsp;Invent&nbsp;•&nbsp;Create</h2>
             <!-- <h2 class="ossm">Open&nbsp;Source&nbsp;Solid&nbsp;Modeling</h2> -->
         </div>
@@ -59,86 +68,95 @@ <h2 class="byline">Think&nbsp;•&nbsp;Invent&nbsp;•&nbsp;Create</h2>
     </div>
 
     <div class="icon-table">
-    <div class="container">
-        <div class="intro1">
-  		      <img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
-            <h2 class="intro-topic">Open Source!</h2>
-            <p class="intro-main">
-                100% FREE with people all over the world contributing their thoughts. Escape vendor lock-in, for any purpose, forever.
-            </p>
-        </div>
-        <div class="intro1">
-  		      <img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
-            <h2 class="intro-topic">Join Us!</h2>
-            <p class="intro-main">
-                Help make a better CAD system, make modeling fun. No experience neccassary.
-            </p>
-        </div>
-        <div class="intro1">
-  		      <img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
-            <h2 class="intro-topic">Solid Modeling!</h2>
-            <p class="intro-main">
-                Hybrid CSG and B-REP kernel with innovative methods for unambiguous 3D geometry. Verification, validation, performant.
-            </p>
-        </div>
+        <div class="container">
+            <div class="intro1">
+                <img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
+                <h2 class="intro-topic">Open Source!</h2>
+                <p class="intro-main">
+                    100% FREE with people all over the world contributing their thoughts. Escape vendor lock-in, for any purpose, forever.
+                </p>
+            </div>
+            <div class="intro1">
+                <img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
+                <h2 class="intro-topic">Join Us!</h2>
+                <p class="intro-main">
+                    Help make a better CAD system, make modeling fun. No experience neccassary.
+                </p>
+            </div>
+            <div class="intro1">
+                <img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
+                <h2 class="intro-topic">Solid Modeling!</h2>
+                <p class="intro-main">
+                    Hybrid CSG and B-REP kernel with innovative methods for unambiguous 3D geometry. Verification, validation, performant.
+                </p>
+            </div>
         </div>
     </div>
     <a href="https://www.flossmanuals.net/contributors-guide-to-brl-cad/" class="nots-opts1">Learn&nbsp;More</a>
 
     <div class="what-r">
-      <div class="container">
-        <h2 class="intro-topic">What is BRL&#8209;CAD?</h2>
-        <p class="what-p">
-            BRL-CAD is a powerful open source cross-platform solid modeling system that includes interactive geometry editing, high-performance
-            ray-tracing for rendering and geometric analysis, a system performance analysis benchmark suite, geometry libraries
-            for application developers, and more than 30 years of active development.
-        </p>
+        <div class="container">
+            <h2 class="intro-topic">What is BRL&#8209;CAD?</h2>
+            <p class="what-p">
+                BRL-CAD is a powerful open source cross-platform solid modeling system that includes interactive geometry editing, high-performance
+                ray-tracing for rendering and geometric analysis, a system performance analysis benchmark suite, geometry
+                libraries for application developers, and more than 30 years of active development.
+            </p>
         </div>
     </div>
 
     <div class="why-us">
-      <div class="container">
-        <h1 class="main-h1" style="font-size: 3.33rem; margin-bottom: 40px;">Highlights</h1>
-        <ul class="double">
-            <li>
-                <h2 class="intro-topic">Cross platform</h2>
-                <p class="intro-main">
-                    The package is intentionally designed to be extensively cross-platform and is actively developed on and maintained for many
-                    common operating system environments including for BSD, Linux, Solaris, Mac OS X, and Windows among others.
-                    BRL-CAD is distributed in binary and source code form.
-                </p>
-            </li>
-            <li>
-                <h2 class="intro-topic">Since 1979</h2>
-                <p class="intro-main">
-                    Mike Muuss began the initial architecture and design of BRL-CAD back in 1979. Development as a unified package began in 1983.
-                    The first public release was made in 1984. BRL-CAD became an open source project on 21 December 2004.
-                </p>
-            </li>
-            <li>
-                <h2 class="intro-topic">Trusted by U.S Military</h2>
-                <p class="intro-main">
-                    BRL-CAD is choice of U.S Military. For more than 20 years, BRL-CAD has been the primary tri-service solid modeling CAD system
-                    used by the U.S. military to model weapons systems for vulnerability and lethality analyses.
-                </p>
-            </li>
-            <li>
-                <h2 class="intro-topic">Free & Open</h2>
-                <p class="intro-main">
-                    BRL-CAD respects your freedom so our code is open source under OSI approved license terms, which means you can customize
-                    it according to your needs.It also means that you will get this software Free of cost and we won't charge
-                    you ever for any update or support.
-                </p>
-            </li>
-        </ul><a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
-      </div>
+        <div class="container">
+            <h1 class="main-h1" style="font-size: 3.33rem; margin-bottom: 40px;">Highlights</h1>
+            <ul class="double">
+                <li>
+                    <h2 class="intro-topic">Cross platform</h2>
+                    <p class="intro-main">
+                        The package is intentionally designed to be extensively cross-platform and is actively developed on and maintained for many
+                        common operating system environments including for BSD, Linux, Solaris, Mac OS X, and Windows among
+                        others. BRL-CAD is distributed in binary and source code form.
+                    </p>
+                </li>
+                <li>
+                    <h2 class="intro-topic">Since 1979</h2>
+                    <p class="intro-main">
+                        Mike Muuss began the initial architecture and design of BRL-CAD back in 1979. Development as a unified package began in 1983.
+                        The first public release was made in 1984. BRL-CAD became an open source project on 21 December 2004.
+                    </p>
+                </li>
+                <li>
+                    <h2 class="intro-topic">Trusted by U.S Military</h2>
+                    <p class="intro-main">
+                        BRL-CAD is choice of U.S Military. For more than 20 years, BRL-CAD has been the primary tri-service solid modeling CAD system
+                        used by the U.S. military to model weapons systems for vulnerability and lethality analyses.
+                    </p>
+                </li>
+                <li>
+                    <h2 class="intro-topic">Free & Open</h2>
+                    <p class="intro-main">
+                        BRL-CAD respects your freedom so our code is open source under OSI approved license terms, which means you can customize
+                        it according to your needs.It also means that you will get this software Free of cost and we won't
+                        charge you ever for any update or support.
+                    </p>
+                </li>
+            </ul>
+            <a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
+        </div>
     </div>
     <div class="articles">
         <div class="article-table">
-            <a onclick="Alert1.render1('1')"><img src="img/Archer_logo.png" alt="IMAGE1"></a>
-            <a onclick="Alert2.render2('2')"><img src="img/Mike_Muuss.jpg" alt="IMAGE2"></a>
-            <a onclick="Alert3.render3('3')"><img src="img/documenting_redux.png" alt="IMAGE3"></a>
-            <a onclick="Alert4.render4('4')"><img src="img/mascot.png" alt="IMAGE4"></a>
+            <a onclick="Alert1.render1('1')">
+                <img src="img/Archer_logo.png" alt="IMAGE1">
+            </a>
+            <a onclick="Alert2.render2('2')">
+                <img src="img/Mike_Muuss.jpg" alt="IMAGE2">
+            </a>
+            <a onclick="Alert3.render3('3')">
+                <img src="img/documenting_redux.png" alt="IMAGE3">
+            </a>
+            <a onclick="Alert4.render4('4')">
+                <img src="img/mascot.png" alt="IMAGE4">
+            </a>
         </div>
     </div>
     <!--    <div class="last">
@@ -165,26 +183,36 @@ <h1 class="main-h1">
         <h1 class="main-h1" style="font-size: 1.55rem; color: #fff;">Follow us on social media!</h1>
         <ul class="links">
             <li>
-                <a target="blank" href="https://www.facebook.com/pages/BRL-CAD/387112738872"><img src="img/facebook.png" alt="ICON"></a>
+                <a target="blank" href="https://www.facebook.com/pages/BRL-CAD/387112738872">
+                    <img src="img/facebook.png" alt="ICON">
+                </a>
             </li>
             <li>
-                <a target="blank" href="https://twitter.com/brl_cad"><img src="img/twitter.png" alt="ICON"></a>
+                <a target="blank" href="https://twitter.com/brl_cad">
+                    <img src="img/twitter.png" alt="ICON">
+                </a>
             </li>
             <li>
-                <a target="blank" href="https://plus.google.com/s/brl%20-%20cad"><img src="img/google.png" alt="ICON"></a>
+                <a target="blank" href="https://plus.google.com/s/brl%20-%20cad">
+                    <img src="img/google.png" alt="ICON">
+                </a>
             </li>
             <li>
-                <a target="blank" href="https://www.linkedin.com/in/brlcad"><img src="img/linkedin.png" alt="ICON"></a>
+                <a target="blank" href="https://www.linkedin.com/in/brlcad">
+                    <img src="img/linkedin.png" alt="ICON">
+                </a>
             </li>
             <li>
-                <a target="blank" href="https://www.youtube.com/results?search_query=brl+-+cad"><img src="img/youtube.png" alt="ICON"></a>
+                <a target="blank" href="https://www.youtube.com/results?search_query=brl+-+cad">
+                    <img src="img/youtube.png" alt="ICON">
+                </a>
             </li>
         </ul>
         <h2>Subscribe to Mailing List</h2>
         <form action="https://lists.sourceforge.net/lists/subscribe/brlcad-news" id="mail-subscribe">
-          <label class="message-mail">Succesfuly subscribed to mailing list.</label>
-          <input type="email" class="input-mail" name="email" placeholder="Your e-mail" required/>
-          <input type="submit" class="submit-mail" value="Subscribe"/>
+            <label class="message-mail">Succesfuly subscribed to mailing list.</label>
+            <input type="email" class="input-mail" name="email" placeholder="Your e-mail" required/>
+            <input type="submit" class="submit-mail" value="Subscribe" />
         </form>
     </div>
     <div class="footer">
@@ -320,4 +348,4 @@ <h2>Subscribe to Mailing List</h2>
     <script type="text/javascript" src="js/tessellactation.js"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 439faf36..5331b9d9 100755
--- a/style.css
+++ b/style.css
@@ -213,7 +213,6 @@ a.menu{
     font-size: 1.67rem;
 }
 .wrapper-main{
-    width: 60%;
     margin: 0px auto;
     padding-top: 40px;
 }
@@ -877,29 +876,40 @@ New Navigtaion
 
 .id_logo {
   height: 50px;
-  margin-left: 20px;
-  float: left;
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  top: 0;
+  pointer-events: none;
+}
+
+#circle-space {
+    width: 80px;
 }
 
 .circle {
+  pointer-events: all;
   width: 50px;
   height: 50px;
   border-radius: 50%;
-  background: transparent;
+  background: #303030;
+  padding: 10px;
   display: inline-block;
-  -webkit-transition-property: all;
-  -moz-transition-property: all;
-  -o-transition-property: all;
-  transition-property: all;
-  -webkit-transition-duration: 1s;
-  -moz-transition-duration: 1s;
-  -o-transition-duration: 1s;
-  transition-duration: 1s;
+  transform: scale(1.2);
+  box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
+  -webkit-transition-duration: 0.2s;
+  -moz-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in;
   -moz-transition-timing-function: ease-in;
   -o-transition-timing-function: ease-in;
   transition-timing-function: ease-in;
 }
+.circle:hover {
+    transform: scale(1.25);
+background: #333;
+}
 .circle img {
   margin-top: 0px;
 }
@@ -911,22 +921,28 @@ New Navigtaion
   position: fixed;
   top: 0;
   z-index: 1000;
-  -webkit-box-shadow: 0px 2px 3px #222222;
-  -moz-box-shadow: 0px 2px 3px #222222;
-  box-shadow: 0px 2px 3px #222222;
+  -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
+  -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
+  box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
 }
 .head a {
   color: #ececec;
 }
+.navigation {
+  display: flex;
+  justify-content: center;
+}
 .navbar {
   width: 90%;
   max-width: 1000px;
-  margin: auto;
+  margin: 0 auto;
+  padding: 0 15px;
 }
+
 .navbar .navigation li {
-  float: right;
+  /* float: right; */
   text-align:center;
-  width: 16%;
+  width: 150px;
   line-height: 50px;
   font-size: 16px;
   border-bottom: 2px solid #222222;
@@ -953,7 +969,7 @@ New Navigtaion
 #nav-button {
   display: none;
   position: absolute;
-  right:0;
+  left:0;
   line-height: 50px;
   color: white;
   width: 50px;
@@ -1011,7 +1027,6 @@ New Navigtaion
 @media only screen and (max-width: 1100px) {
   .navbar .navigation li {
     font-size: 14px;
-    width: 136px;
   }
 }
 
@@ -1022,19 +1037,19 @@ New Navigtaion
 	width:60%;
 	margin-top:0px;
   }
+
+  .navigation {
+      flex-direction: column;
+  }
+
   .navbar .navigation li {
     font-size: 14px;
-    width: 33%;
   }
 
   .navbar .navigation {
     float: right;
     width: 80%;
-  }
-
-  .id_logo {
-    top: 25px;
-    left: 10px;
+    margin-top: 80px;
   }
   ul.double{
     columns: 1;

From 825321f48c239f7f76a90f3217da4b06cecb92c0 Mon Sep 17 00:00:00 2001
From: Oleksandr Dubenko <odybenko@gmail.com>
Date: Tue, 27 Mar 2018 21:02:56 +0200
Subject: [PATCH 2/2] Make circle a real link

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 70ffe7c3..5d6a6212 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
     <!-- header code starts here -->
     <header class="head">
         <div class="id_logo" id='logo'>
-            <a href="#">
+            <a href="/">
                 <span class="circle" href="#">
                     <img src="img/logo_color.png" width="50px" height="50px" />
                 </span>