Merge pull request #58 from TeamNewPipe/design-api

Implement new design and Web-API
TeamNewPipe · Mar 13, 2018 · 1b8bff5 · 1b8bff5
2 parents 95795a1 + 395e192
commit 1b8bff5
Show file tree

Hide file tree

Showing 17 changed files with 870 additions and 323 deletions.
diff --git a/_includes/blog_footer.html b/_includes/blog_footer.html
@@ -5,10 +5,10 @@
             <div class="image-holder">
                 <img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
             </div>
-            <div class="footer-copyright text-center">
-                <p>
-                    <span class="copyright">Copyright &copy; Team NewPipe. Please refer to our <a href="{{ site.baseurl }}/LICENSE.html" target="_blank">licensing page</a> for more information.</span>
-                </p>
+            <div class="footer-links text-center">
+                <p><a href="{{ site.baseurl }}/">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ site.baseurl }}/blog/">Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ site.baseurl }}/press/">Press</a></p>
+                <p><a href="{{ site.baseurl }}/donate">Donate</a></p>
+                <p class="copyright"><a href="{{ site.baseurl }}/LICENSE.html" target="_blank">Copyright &copy; Team NewPipe</a></p>
             </div>
         </div>
     </footer> <!-- footer -->
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -8,10 +8,10 @@
             <div class="image-holder">
                 <img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
             </div>
-            <div class="footer-copyright text-center">
-                <p>
-                    <span class="copyright">Copyright &copy; Team NewPipe. Please refer to our <a href="{{ site.baseurl }}/LICENSE.html" target="_blank">licensing page</a> for more information.</span>
-                </p>
+            <div class="footer-links text-center">
+                <p><a href="{{ site.baseurl }}/">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ site.baseurl }}/blog/">Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ site.baseurl }}/press/">Press</a></p>
+                <p><a href="{{ site.baseurl }}/donate">Donate</a></p>
+                <p class="copyright"><a href="{{ site.baseurl }}/LICENSE.html" target="_blank">Copyright &copy; Team NewPipe</a></p>
             </div>
         </div>
     </div>

diff --git a/_includes/press_footer.html b/_includes/press_footer.html
@@ -8,10 +8,10 @@
             <div class="image-holder">
                 <img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
             </div>
-            <div class="footer-copyright text-center">
-                <p>
-                    <span class="copyright">Copyright &copy; Team NewPipe. Please refer to our <a href="{{ site.baseurl }}/LICENSE.html" target="_blank">licensing page</a> for more information.</span>
-                </p>
+            <div class="footer-links text-center">
+                <p><a href="{{ site.baseurl }}/">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ site.baseurl }}/blog/">Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ site.baseurl }}/press/">Press</a></p>
+                <p><a href="{{ site.baseurl }}/donate">Donate</a></p>
+                <p class="copyright"><a href="{{ site.baseurl }}/LICENSE.html" target="_blank">Copyright &copy; Team NewPipe</a></p>
             </div>
         </div>
     </div>

diff --git a/css/blog.css b/css/blog.css
@@ -344,37 +344,17 @@ strong.extra {
     position: relative;
     bottom: 0;
 }
-.footer-copyright {
-    margin: 0 0 30px 0;
+.footer-links {
+    margin: 0 0 45px 0;
 }
-.footer, .footer-links a:hover, .footer .copyright, .footer .copyright a, .footer .copyright a:hover {
+.footer, .footer a, .footer a:hover  .footer-links a:hover, .footer .copyright, .footer .copyright a, .footer .copyright a:hover {
     color: white;
     text-decoration: none;
     position: relative;
 }
 .footer .copyright a {
-    padding-bottom: 1px;
     font-weight: bold;
 }
-.footer .copyright a:after {
-    content: '';
-    bottom: 0;
-    left: 50%;
-    position: absolute;
-    height: 1px;
-    width: 0;
-    background: white;
-    transition: width 0.25s, left 0.25s;
-}
-.footer .copyright:hover a:after {
-    content: '';
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    height: 1px;
-    width: 100%;
-
-}
 .footer .image-holder {
     text-align: center;
     position: relative;
@@ -401,34 +381,6 @@ strong.extra {
         padding-bottom: 3px;
     }
 }
-@media (min-width: 767px){
-    .footer .copyright a {
-        font-weight: normal;
-    }
-    .footer .copyright a:after {
-        content: '';
-        bottom: 0;
-        left: 50%;
-        position: absolute;
-        height: 1px;
-        width: 0;
-        background: white;
-        -webkit-transition: width 0.25s, left 0.25s;
-        -moz-transition: width 0.25s, left 0.25s;
-        -o-transition: width 0.25s, left 0.25s;
-        -ms-transition: width 0.25s, left 0.25s;
-        transition: width 0.25s, left 0.25s;
-    }
-    .footer .copyright:hover a:after {
-        content: '';
-        bottom: 0;
-        left: 0;
-        position: absolute;
-        height: 1px;
-        width: 100%;
-
-    }
-}
 
 .image-puffer {
     display: none;