website: reorder nav links

igdmapps · Nov 4, 2019 · a4d5c95 · a4d5c95
1 parent 5275381
commit a4d5c95
Show file tree

Hide file tree

Showing 8 changed files with 34 additions and 24 deletions.
diff --git a/docs-src/_layout.pug b/docs-src/_layout.pug
@@ -43,7 +43,7 @@ html(lang='en')
   body
     block header
       block fork
-        a.forkus(href='https://github.com/ifedapoolarewaju/igdm', target='_blank')
+        a.forkus(href='https://github.com/igdmapps/igdm', target='_blank')
           img(src='/img/github-fork-us.svg', alt='Fork us on GitHub')
       unless promo
         - var promo = ''
@@ -67,10 +67,9 @@ html(lang='en')
                 block navlinks
                   +link('/changelog', 'Changelog')
                   +link('/blog', 'Blog')
-                  +link('https://github.com/ifedapoolarewaju/igdm', 'GitHub')(target='_blank')
                   +link('https://www.producthunt.com/posts/igdm', 'ProductHunt')(target='_blank')
-                  +link('https://pro.igdm.me', 'Try IGdm Pro')(target='_blank')
                   +link('/igstories', 'Try IGStories')
+                  +link('https://pro.igdm.me', 'Try IGdm Pro')(target='_blank', class='prominent-link')
     .container
       block content
     block footer

diff --git a/docs-src/index.pug b/docs-src/index.pug
@@ -56,6 +56,13 @@ block content
       a.col-md-6(href='img/viewimage.gif', target='_blank')
         | View chat images
         img.mt-3.img-fluid(src='img/viewimage.gif')
+  section.issues.mt-5.text-center
+    h2 Want more features?
+    span
+      | Try &nbsp;
+      a(href='https://pro.igdm.me', target='_blank')
+        b IGdm Pro
+
   section.issues.mt-5.text-center
     h2 Issues running IG:dm on your computer?
     span
@@ -74,12 +81,6 @@ block content
     .donations
       code 3NM9EubVwdvNm9qiTgLC8DHsRtTHvoyaD6
 
-  section.issues.mt-5.text-center
-    h2 Want more features?
-    span
-      | Try &nbsp;
-      a(href='https://pro.igdm.me', target='_blank') IGdm Pro
-
 append footer
   script.
     document.querySelectorAll('.download a').forEach(function (el){

diff --git a/docs/blog/igdm-on-windows-linux.html b/docs/blog/igdm-on-windows-linux.html
@@ -34,7 +34,7 @@
       });
     </script>
   </head>
-  <body><a class="forkus" href="https://github.com/ifedapoolarewaju/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
+  <body><a class="forkus" href="https://github.com/igdmapps/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
     <div class="promoBanner still">
       <div class="backgroundSkew"></div>
       <nav class="navbar navbar-expand-md container navbar-dark"><a class="navbar-brand" href="/"><img class="d-inline-block align-top" src="/img/icon.png" width="32" height="32" alt="PrismarineJS"></a>
@@ -43,10 +43,9 @@
           <ul class="navbar-nav mr-auto">
                   <li class="nav-item"><a class="nav-link" href="/changelog">Changelog</a></li>
                   <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://github.com/ifedapoolarewaju/igdm" target="_blank">GitHub</a></li>
                   <li class="nav-item"><a class="nav-link" href="https://www.producthunt.com/posts/igdm" target="_blank">ProductHunt</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
                   <li class="nav-item"><a class="nav-link" href="/igstories">Try IGStories</a></li>
+                  <li class="nav-item"><a class="nav-link prominent-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
           </ul>
         </div>
       </nav>

diff --git a/docs/blog/index.html b/docs/blog/index.html
@@ -34,7 +34,7 @@
       });
     </script>
   </head>
-  <body><a class="forkus" href="https://github.com/ifedapoolarewaju/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
+  <body><a class="forkus" href="https://github.com/igdmapps/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
     <div class="promoBanner still">
       <div class="backgroundSkew"></div>
       <nav class="navbar navbar-expand-md container navbar-dark"><a class="navbar-brand" href="/"><img class="d-inline-block align-top" src="/img/icon.png" width="32" height="32" alt="PrismarineJS"></a>
@@ -43,10 +43,9 @@
           <ul class="navbar-nav mr-auto">
                   <li class="nav-item"><a class="nav-link" href="/changelog">Changelog</a></li>
                   <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://github.com/ifedapoolarewaju/igdm" target="_blank">GitHub</a></li>
                   <li class="nav-item"><a class="nav-link" href="https://www.producthunt.com/posts/igdm" target="_blank">ProductHunt</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
                   <li class="nav-item"><a class="nav-link" href="/igstories">Try IGStories</a></li>
+                  <li class="nav-item"><a class="nav-link prominent-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
           </ul>
         </div>
       </nav>

diff --git a/docs/changelog.html b/docs/changelog.html
@@ -27,7 +27,7 @@
     <link rel="stylesheet" href="/css/global.css">
     <link rel="stylesheet" href="/css/markdown.css">
   </head>
-  <body><a class="forkus" href="https://github.com/ifedapoolarewaju/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
+  <body><a class="forkus" href="https://github.com/igdmapps/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
     <div class="promoBanner still">
       <div class="backgroundSkew"></div>
       <nav class="navbar navbar-expand-md container navbar-dark"><a class="navbar-brand" href="/"><img class="d-inline-block align-top" src="/img/icon.png" width="32" height="32" alt="PrismarineJS"></a>
@@ -36,10 +36,9 @@
           <ul class="navbar-nav mr-auto">
                   <li class="nav-item"><a class="nav-link" href="/changelog">Changelog</a></li>
                   <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://github.com/ifedapoolarewaju/igdm" target="_blank">GitHub</a></li>
                   <li class="nav-item"><a class="nav-link" href="https://www.producthunt.com/posts/igdm" target="_blank">ProductHunt</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
                   <li class="nav-item"><a class="nav-link" href="/igstories">Try IGStories</a></li>
+                  <li class="nav-item"><a class="nav-link prominent-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
           </ul>
         </div>
       </nav>

diff --git a/docs/css/global.css b/docs/css/global.css
@@ -63,6 +63,16 @@ h1, .h1, h2, .h2 {
   padding: 0.25rem 0;
 }
 
+.navbar-dark .navbar-nav .nav-link.prominent-link {
+  color: rgba(255,255,255, 1);
+  opacity: 1;
+  font-weight: bold;
+}
+
+.navbar-dark .navbar-nav .nav-link.prominent-link:hover {
+  opacity: 0.8;
+}
+
 .forkus {
   position: fixed;
   bottom: 2rem;

diff --git a/docs/css/index.css b/docs/css/index.css
@@ -42,6 +42,10 @@ div.psa a.btn.btn-primary {
     color: rgba(255, 255, 255, 0.75);
 }
 
+.downloadCount:hover {
+    color: rgba(255, 255, 255, 1);
+}
+
 .screenshots a {
     color: #666;
 }

diff --git a/docs/index.html b/docs/index.html
@@ -28,7 +28,7 @@
     <link rel="stylesheet" href="/css/index.css">
   </head>
   <body>
-    <div class="psa"><b>Sponsored:&nbsp;</b><span>Want free Instagram followers? Use Socialfollow® for &nbsp;</span><b>FREE &nbsp;</b><span>and grow your Instagram today! &nbsp;</span><a class="btn btn-primary" href="https://socialfollow.co/?utm_source=igdm&amp;utm_medium=banner" target="_blank"><b>Grow your Instagram NOW</b></a></div><a class="forkus" href="https://github.com/ifedapoolarewaju/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
+    <div class="psa"><b>Sponsored:&nbsp;</b><span>Want free Instagram followers? Use Socialfollow® for &nbsp;</span><b>FREE &nbsp;</b><span>and grow your Instagram today! &nbsp;</span><a class="btn btn-primary" href="https://socialfollow.co/?utm_source=igdm&amp;utm_medium=banner" target="_blank"><b>Grow your Instagram NOW</b></a></div><a class="forkus" href="https://github.com/igdmapps/igdm" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
     <div class="promoBanner active">
       <div class="backgroundSkew"></div>
       <nav class="navbar navbar-expand-md container transparent navbar-dark"><a class="navbar-brand" href="/"><img class="d-inline-block align-top" src="/img/icon.png" width="32" height="32" alt="PrismarineJS"></a>
@@ -37,10 +37,9 @@
           <ul class="navbar-nav mr-auto">
                   <li class="nav-item"><a class="nav-link" href="/changelog">Changelog</a></li>
                   <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://github.com/ifedapoolarewaju/igdm" target="_blank">GitHub</a></li>
                   <li class="nav-item"><a class="nav-link" href="https://www.producthunt.com/posts/igdm" target="_blank">ProductHunt</a></li>
-                  <li class="nav-item"><a class="nav-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
                   <li class="nav-item"><a class="nav-link" href="/igstories">Try IGStories</a></li>
+                  <li class="nav-item"><a class="nav-link prominent-link" href="https://pro.igdm.me" target="_blank">Try IGdm Pro</a></li>
           </ul>
         </div>
       </nav>
@@ -59,6 +58,9 @@ <h5>Download the latest <span>v2.8.0</span></h5>
         <h1 class="text-center">Features</h1>
         <div class="screenshots row mt-5 text-center"><a class="col-md-6 mb-4" href="img/startchat.gif" target="_blank">Search for users and start a conversation<img class="mt-3 img-fluid" src="img/startchat.gif"></a><a class="col-md-6 mb-4" href="img/unfollowers.gif" target="_blank">View a list of users not following you back<img class="mt-3 img-fluid" src="img/unfollowers.gif"></a><a class="col-md-6 mb-4" href="img/quotemessage.gif" target="_blank">Quote a chat message<img class="mt-3 img-fluid" src="img/quotemessage.gif"></a><a class="col-md-6" href="img/viewimage.gif" target="_blank">View chat images<img class="mt-3 img-fluid" src="img/viewimage.gif"></a></div>
       </section>
+      <section class="issues mt-5 text-center">
+        <h2>Want more features?</h2><span>Try &nbsp;<a href="https://pro.igdm.me" target="_blank"><b>IGdm Pro</b></a></span>
+      </section>
       <section class="issues mt-5 text-center">
         <h2>Issues running IG:dm on your computer?</h2><span>Please see <a href="http://igdm.me/blog/igdm-on-windows-linux" target="_blank">common issues and fixes </a>for running IG:dm on your desktop.</span>
       </section>
@@ -69,9 +71,6 @@ <h2>Donations</h2>IG:dm
         <p><a class="btn btn-link btn-outline-light" role="button" href="http://paypal.me/SolomonOmojola" target="_blank">Donate via PayPal</a></p>You can also donate via BITCOIN to the following Bitcoin address.
         <div class="donations"><code>3NM9EubVwdvNm9qiTgLC8DHsRtTHvoyaD6</code></div>
       </section>
-      <section class="issues mt-5 text-center">
-        <h2>Want more features?</h2><span>Try &nbsp;<a href="https://pro.igdm.me" target="_blank">IGdm Pro</a></span>
-      </section>
     </div>
     <footer class="pb-5 pt-5 mt-5">
       <div class="footerBackground"></div>