<pre style='margin:0'>
Clemens Lang (neverpanic) pushed a commit to branch master
in repository macports-www.

</pre>
<p><a href="https://github.com/macports/macports-www/commit/90522fc62ea6bea9024ebed4ca96ea97eb129952">https://github.com/macports/macports-www/commit/90522fc62ea6bea9024ebed4ca96ea97eb129952</a></p>
<pre style="white-space: pre; background: #F8F8F8">The following commit(s) were added to refs/heads/master by this push:
<span style='display:block; white-space:pre;color:#404040;'>     new 90522fc  Shift "Getting Started" to top and change style
</span>90522fc is described below

<span style='display:block; white-space:pre;color:#808000;'>commit 90522fc62ea6bea9024ebed4ca96ea97eb129952
</span>Author: arjunsalyan <arjunsalyan@icloud.com>
AuthorDate: Fri Apr 26 00:14:53 2019 +0530

<span style='display:block; white-space:pre;color:#404040;'>    Shift "Getting Started" to top and change style
</span>---
 includes/header.inc |  25 +++++-----
 macports.css        | 130 ++++++++++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 136 insertions(+), 19 deletions(-)

<span style='display:block; white-space:pre;color:#808080;'>diff --git a/includes/header.inc b/includes/header.inc
</span><span style='display:block; white-space:pre;color:#808080;'>index d0c1d29..817a24b 100644
</span><span style='display:block; white-space:pre;background:#e0e0ff;'>--- a/includes/header.inc
</span><span style='display:block; white-space:pre;background:#e0e0ff;'>+++ b/includes/header.inc
</span><span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -49,15 +49,10 @@
</span> -->
         </div>
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-        <div id="navigation">
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-            <dl>
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-                <dt>Getting Started</dt>
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-                <dd>
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-                    <ul>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+        <div id='primary-navigation'>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+            <ul>
</span> <?php
<span style='display:block; white-space:pre;background:#ffe0e0;'>-                        $pages = array (
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+                $pages = array (
</span>                             'Home' => 'index.php',
                             'Installing MacPorts' => 'install.php',
                             'Available Ports' => 'ports.php',
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -68,14 +63,22 @@
</span>                         );
                         foreach ($pages as $title => $url) {
                             if (basename($_SERVER['PHP_SELF']) == $url) {
<span style='display:block; white-space:pre;background:#ffe0e0;'>-                                echo "<li class=\"selected\"><a href=\"$url\" title=\"$title\">$title</a></li>\n";
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+                                echo "<li class=\"active\"><a href=\"$url\" title=\"$title\">$title</a></li>\n";
</span>                             } else {
                                 echo "<li><a href=\"$url\" title=\"$title\">$title</a></li>\n";
                             }
                         }
 ?>
<span style='display:block; white-space:pre;background:#ffe0e0;'>-                    </ul>
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>-                </dd>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+            </ul>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+        </div>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+        <div class="full-width-border">
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+        </div>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+        <br>
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+        <div id="side-navigation">
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+            <dl>
</span>                 <dt>Shortcuts</dt>
                 <dd>
                     <ul>
<span style='display:block; white-space:pre;color:#808080;'>diff --git a/macports.css b/macports.css
</span><span style='display:block; white-space:pre;color:#808080;'>index 3358357..77e4f2d 100644
</span><span style='display:block; white-space:pre;background:#e0e0ff;'>--- a/macports.css
</span><span style='display:block; white-space:pre;background:#e0e0ff;'>+++ b/macports.css
</span><span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -131,7 +131,7 @@ a#download:hover {
</span>     height: 48px;    
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation {
</span>     width: 176px;
     float: left;
     /*! clear: left; */
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -140,41 +140,41 @@ a#download:hover {
</span>     /*! margin-top: -6px; */
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation dl {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation dl {
</span>     padding: 16px 0;
     margin: 0;
     /*! background: url(img/nav-footer.png) bottom no-repeat; */
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation dt {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation dt {
</span>     margin: 0;
     /*! padding: 0 16px; */
     /*! color: white; */
     /*! font: bold 125% "Lucida Grande", Helvetica, Arial, sans-serif; */
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation dd {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation dd {
</span>     margin: 0;
     padding: 0;
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation ul {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation ul {
</span>     margin: 0 0 1em 0;
     padding: 0;
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation li {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation li {
</span>     display: block;
     margin-bottom: 1px;
     padding: 0 16px 0 28px;
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation a {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation a {
</span>     text-decoration: none;
     color: #242933;
 }
 
<span style='display:block; white-space:pre;background:#ffe0e0;'>-#navigation a:hover {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#side-navigation a:hover {
</span>     text-decoration: underline;
 }
 
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -262,3 +262,117 @@ a#download:hover {
</span>     height: 31px;
     width: 88px;
 }
<span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation ul,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation ul li,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation ul li a {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  margin: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  padding: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  border: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  list-style: none;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  line-height: 1;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  display: block;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  position: relative;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -webkit-box-sizing: border-box;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -moz-box-sizing: border-box;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  box-sizing: border-box;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation:after,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul:after {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  content: ".";
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  display: block;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  clear: both;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  visibility: hidden;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  line-height: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  height: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  width: auto;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  line-height: 1;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation ul {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  background: #ffffff;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  float: left;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation.align-center > ul {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  font-size: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  text-align: center;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation.align-center > ul > li {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  display: inline-block;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  float: none;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation.align-right > ul > li {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  float: right;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation.align-right > ul > li > a {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  margin-right: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  margin-left: -4px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li > a {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  z-index: 2;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  padding: 18px 20px 12px 20px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  font-size: 15px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  font-weight: 400;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  text-decoration: none;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  color: #444444;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -webkit-transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -moz-transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -ms-transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -o-transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  margin-right: -4px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li.active > a,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li:hover > a,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li > a:hover {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  color: #ffffff;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li > a:after {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  position: absolute;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  left: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  bottom: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  right: 0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  z-index: -1;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  width: 100%;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  height: 120%;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  border-top-left-radius: 8px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  border-top-right-radius: 8px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  content: "";
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -webkit-transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -o-transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  transition: all .2s ease;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -webkit-transform: perspective(5px) rotateX(2deg);
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -webkit-transform-origin: bottom;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -moz-transform: perspective(5px) rotateX(2deg);
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  -moz-transform-origin: bottom;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  transform: perspective(5px) rotateX(2deg);
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  transform-origin: bottom;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li.active > a:after,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li:hover > a:after,
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+#primary-navigation > ul > li > a:hover:after {
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+  background: #207BEA;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+.full-width-border{
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+    position:absolute;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+    left:0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+    right:0;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+    border-bottom: 3px solid #207BEA;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+}
</span></pre><pre style='margin:0'>

</pre>