mirror of
https://github.com/TeamNewPipe/website
synced 2025-10-06 00:22:38 +02:00
Refactor footer includes
Change footer and add legal row Move license to legal Add legal subpage Add HTMLProofer plugin which can detect broken links
This commit is contained in:
3
Gemfile
3
Gemfile
@@ -9,7 +9,7 @@ ruby RUBY_VERSION
|
||||
#
|
||||
# This will help ensure the proper Jekyll version is running.
|
||||
# Happy Jekylling!
|
||||
gem "jekyll", "3.7.2"
|
||||
gem "jekyll", "3.7.3"
|
||||
|
||||
# This is the default theme for new Jekyll sites. You may change this to anything you like.
|
||||
gem "minima", "~> 2.0"
|
||||
@@ -22,6 +22,7 @@ gem "minima", "~> 2.0"
|
||||
group :jekyll_plugins do
|
||||
gem "jekyll-feed", "~> 0.6"
|
||||
gem "jekyll-paginate"
|
||||
gem "html-proofer"
|
||||
end
|
||||
|
||||
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
|
||||
|
@@ -16,7 +16,7 @@ GEM
|
||||
http_parser.rb (0.6.0)
|
||||
i18n (0.9.5)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (3.7.2)
|
||||
jekyll (3.7.3)
|
||||
addressable (~> 2.4)
|
||||
colorator (~> 1.0)
|
||||
em-websocket (~> 0.5)
|
||||
@@ -74,7 +74,7 @@ PLATFORMS
|
||||
x64-mingw32
|
||||
|
||||
DEPENDENCIES
|
||||
jekyll (= 3.7.2)
|
||||
jekyll (= 3.7.3)
|
||||
jekyll-feed (~> 0.6)
|
||||
jekyll-paginate
|
||||
minima (~> 2.0)
|
||||
|
@@ -29,6 +29,7 @@ theme: minima
|
||||
gems:
|
||||
- jekyll-feed
|
||||
- jekyll-paginate
|
||||
- html-proofer
|
||||
exclude:
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
|
@@ -1,14 +0,0 @@
|
||||
<!-- footer -->
|
||||
<footer class="footer navbar-fixed-bottom" id="footer">
|
||||
<!--<div class="image-puffer"></div>-->
|
||||
<div class="container">
|
||||
<div class="image-holder">
|
||||
<img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
|
||||
</div>
|
||||
<div class="footer-links text-center">
|
||||
<p><a href="{{ site.baseurl }}/">Home</a> | <a href="{{ site.baseurl }}/blog/">Blog</a> | <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 © Team NewPipe</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer> <!-- footer -->
|
@@ -1,26 +1,33 @@
|
||||
|
||||
|
||||
<!-- footer -->
|
||||
<footer id="footer" class="footer navbar-fixed-bottom">
|
||||
<div class="image-puffer background-gray background-fade"></div>
|
||||
<div class=" shadow-top">
|
||||
<footer class="navbar-fixed-bottom" id="footer">
|
||||
{%- if include.puffer == "True" -%}
|
||||
<div class="image-puffer"></div>
|
||||
{%- endif -%}
|
||||
<div id="footer-content-container">
|
||||
<div class="container">
|
||||
<div class="image-holder">
|
||||
<img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="container" id="footer-main-links">
|
||||
<div class="footer-links">
|
||||
<span><a href="{{ site.baseurl }}/">Home</a></span>
|
||||
<span><a href="{{ site.baseurl }}/blog/">Blog</a></span>
|
||||
<span><a href="{{ site.baseurl }}/press/">Press</a></span>
|
||||
<!--<span class="line-break"></span>-->
|
||||
<span id="footer-donate-span-"><a href="{{ site.baseurl }}/donate">Donate</a></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid" id="footer-copyright">
|
||||
<div class="container">
|
||||
<div class="image-holder">
|
||||
<img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
|
||||
</div>
|
||||
<div class="footer-links text-center">
|
||||
<p><a href="{{ site.baseurl }}/">Home</a> | <a href="{{ site.baseurl }}/blog/">Blog</a> | <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 © Team NewPipe</a></p>
|
||||
<div class="footer-links">
|
||||
<span id="copyright-span">Copyright © Team NewPipe.</span>
|
||||
<span><a href="{{ site.baseurl }}/press/contact/">Contact</a></span>
|
||||
<!--<span><a href="{{ site.baseurl }}/legal/">Legal</a></span>-->
|
||||
<span><a href="{{ site.baseurl }}/legal/license/">Licensing</a></span>
|
||||
<span><a href="{{ site.baseurl }}/legal/privacy/">Privacy Policy</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer> <!-- footer -->
|
||||
|
||||
</div> <!-- page -->
|
||||
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="{{ site.baseurl }}/bootstrap/js/bootstrap.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
@@ -1,44 +0,0 @@
|
||||
|
||||
|
||||
<!-- footer -->
|
||||
<footer id="footer" class="footer navbar-fixed-bottom">
|
||||
<div class="image-puffer"></div>
|
||||
<div class=" shadow-top">
|
||||
<div class="container">
|
||||
<div class="image-holder">
|
||||
<img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
|
||||
</div>
|
||||
<div class="footer-links text-center">
|
||||
<p><a href="{{ site.baseurl }}/">Home</a> | <a href="{{ site.baseurl }}/blog/">Blog</a> | <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 © Team NewPipe</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer> <!-- footer -->
|
||||
|
||||
</div> <!-- page -->
|
||||
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="{{ site.baseurl }}/bootstrap/js/bootstrap.min.js"></script>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* Corrects the window scroll position
|
||||
* because the fixed nav bar needs some space on the top.
|
||||
* This makes navigation via HTML anchors difficult,
|
||||
* because a part of the elemnt is hidden behind the navigation bar.
|
||||
*/
|
||||
function correctAnchors() {
|
||||
var hash = window.location.hash.substr(1);
|
||||
if (typeof hash == 'undefined' || hash === "" || hash == null) return;
|
||||
var top = $("#" + hash).offset().top;
|
||||
var nav = $("#header").outerHeight(true);
|
||||
window.scrollTo(0, top - nav);
|
||||
}
|
||||
$(window).on("load", correctAnchors);
|
||||
$(window).on('hashchange', correctAnchors);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
@@ -48,7 +48,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include blog_footer.html %}
|
||||
{% include footer.html %}
|
||||
|
||||
{% include blog_page_end.html %}
|
||||
|
||||
|
@@ -24,6 +24,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include blog_footer.html %}
|
||||
{% include footer.html %}
|
||||
|
||||
{% include blog_page_end.html %}
|
@@ -22,6 +22,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include blog_footer.html %}
|
||||
{% include footer.html puffer=False %}
|
||||
|
||||
{% include blog_page_end.html %}
|
||||
|
@@ -1,7 +1,7 @@
|
||||
{% include blog_head.html %}
|
||||
{% include blog_nav.html %}
|
||||
{% include head.html %}
|
||||
{% include header.html %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include blog_footer.html %}
|
||||
{% include footer.html %}
|
||||
{% include blog_page_end.html %}
|
||||
|
@@ -1,5 +1,10 @@
|
||||
---
|
||||
|
||||
# There are three different pages layouts for press pages implemented;
|
||||
# default: the default layout fills the full width of the container
|
||||
# small: the small layout is one-twelfth smaller than the default one.
|
||||
# media: the media layout adds support for media view pop-ups
|
||||
# To set your page type different than "default",
|
||||
# set type: small or type: media in the YAML header of the page.
|
||||
---
|
||||
|
||||
{% include press_head.html %}
|
||||
@@ -10,7 +15,13 @@
|
||||
<div class="container height-full-parent height-full">
|
||||
<div class="row is-flex height-full-child">
|
||||
|
||||
<div class="col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 border-right" id="content-container">
|
||||
<div class="col-xs-12 col-sm-8 col-sm-push-4
|
||||
{% if page.type == 'small' -%}
|
||||
col-md-8
|
||||
{%- else -%}
|
||||
col-md-9
|
||||
{% endif %}
|
||||
col-md-push-3 border-right" id="content-container">
|
||||
<div class="extra-space"></div>
|
||||
|
||||
<!-- content -->
|
||||
@@ -19,7 +30,13 @@
|
||||
</div>
|
||||
|
||||
<!-- sidebar -->
|
||||
<div class="col-xs-12 col-sm-pull-8 col-sm-4 col-md-3 col-md-pull-9 sidebar" id="sidebar" >
|
||||
<div class="col-xs-12 col-sm-pull-8 col-sm-4 col-md-3
|
||||
{% if page.type == 'small' -%}
|
||||
col-md-pull-8
|
||||
{%- else -%}
|
||||
col-md-pull-9
|
||||
{%- endif %}
|
||||
sidebar" id="sidebar" >
|
||||
<div class="extra-space"></div>
|
||||
<div class="list-group">
|
||||
<h3 class="list-group-item active red">Press Kit</h3>
|
||||
@@ -45,8 +62,6 @@
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="image-puffer"></div>
|
||||
</div> <!-- sidebar -->
|
||||
|
||||
|
||||
@@ -54,6 +69,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if page.type == 'media' %}
|
||||
<!-- Modal -->
|
||||
<div id="mediaFileView" class="modal fade" role="dialog" data-dismiss="modal">
|
||||
<img id="mediaFullScreen" src="" class="img-full-width screenshot-image" data-dismiss="modal"/>
|
||||
@@ -61,5 +77,32 @@
|
||||
</div> <!-- Modal -->
|
||||
|
||||
<script src="{{ site.baseurl }}/js/mediaview.js"></script>
|
||||
{% endif %}
|
||||
|
||||
{% include press_footer.html %}
|
||||
{% include footer.html puffer="True" %}
|
||||
|
||||
</div> <!-- page -->
|
||||
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="{{ site.baseurl }}/bootstrap/js/bootstrap.min.js"></script>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* Corrects the window scroll position
|
||||
* because the fixed nav bar needs some space on the top.
|
||||
* This makes navigation via HTML anchors difficult,
|
||||
* because a part of the elemnt is hidden behind the navigation bar.
|
||||
*/
|
||||
function correctAnchors() {
|
||||
var hash = window.location.hash.substr(1);
|
||||
if (typeof hash == 'undefined' || hash === "" || hash == null) return;
|
||||
var top = $("#" + hash).offset().top;
|
||||
var nav = $("#header").outerHeight(true);
|
||||
window.scrollTo(0, top - nav);
|
||||
}
|
||||
$(window).on("load", correctAnchors);
|
||||
$(window).on('hashchange', correctAnchors);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
@@ -1,57 +0,0 @@
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
{% include press_head.html %}
|
||||
|
||||
{% include press_header.html %}
|
||||
|
||||
<div class="site-content height-full-parent">
|
||||
<div class="container height-full-parent height-full">
|
||||
<div class="row is-flex height-full-child">
|
||||
|
||||
<div class="col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 border-right" id="content-container">
|
||||
<div class="extra-space"></div>
|
||||
|
||||
<!-- content -->
|
||||
{{ content }} <!-- content -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- sidebar -->
|
||||
<div class="col-xs-12 col-sm-pull-8 col-sm-4 col-md-3 col-md-pull-9 sidebar" id="sidebar" >
|
||||
<div class="extra-space"></div>
|
||||
<div class="list-group">
|
||||
<h3 class="list-group-item active red">Press Kit</h3>
|
||||
<a href="{{ site.baseurl }}/press/" class="list-group-item{% if page.url == '/press/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Factsheet</a>
|
||||
<a href="{{ site.baseurl }}/press/announcements/" class="list-group-item{% if page.url == '/press/announcements/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Announcements</a>
|
||||
<span class="list-group-item active"><span class="icon"></span>Media</span>
|
||||
<a href="{{ site.baseurl }}/press/logo/" class="list-group-item{% if page.url == '/press/logo/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Logos & Icons</a>
|
||||
<a href="{{ site.baseurl }}/press/screenshots/" class="list-group-item{% if page.url == '/press/screenshots/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Screenshots</a>
|
||||
<a href="{{ site.baseurl }}/press/various/" class="list-group-item{% if page.url == '/press/various/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Additional Media</a>
|
||||
<a href="{{ site.baseurl }}/press/contact/" class="list-group-item active{% if page.url == '/press/contact/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Contact</a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<div class="search-container">
|
||||
<form action="{{ site.baseurl }}/press/search/" method="get">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
|
||||
</span>
|
||||
<input type="text" class="form-control" id="search-box-sidebar" name="s" placeholder="Search">
|
||||
</div><!-- input-group -->
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="image-puffer"></div>
|
||||
</div> <!-- sidebar -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include press_footer.html %}
|
@@ -1,57 +0,0 @@
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
{% include press_head.html %}
|
||||
|
||||
{% include press_header.html %}
|
||||
|
||||
<div class="site-content height-full-parent">
|
||||
<div class="container height-full-parent height-full">
|
||||
<div class="row is-flex height-full-child">
|
||||
|
||||
<div class="col-xs-12 col-sm-8 col-sm-push-4 col-md-8 col-md-push-3 border-right" id="content-container">
|
||||
<div class="extra-space"></div>
|
||||
|
||||
<!-- content -->
|
||||
{{ content }} <!-- content -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- sidebar -->
|
||||
<div class="col-xs-12 col-sm-pull-8 col-sm-4 col-md-3 col-md-pull-8 sidebar" id="sidebar" >
|
||||
<div class="extra-space"></div>
|
||||
<div class="list-group">
|
||||
<h3 class="list-group-item active red">Press Kit</h3>
|
||||
<a href="{{ site.baseurl }}/press/" class="list-group-item{% if page.url == '/press/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Factsheet</a>
|
||||
<a href="{{ site.baseurl }}/press/announcements/" class="list-group-item{% if page.url == '/press/announcements/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Announcements</a>
|
||||
<span class="list-group-item active"><span class="icon"></span>Media</span>
|
||||
<a href="{{ site.baseurl }}/press/logo/" class="list-group-item{% if page.url == '/press/logo/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Logos & Icons</a>
|
||||
<a href="{{ site.baseurl }}/press/screenshots/" class="list-group-item{% if page.url == '/press/screenshots/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Screenshots</a>
|
||||
<a href="{{ site.baseurl }}/press/various/" class="list-group-item{% if page.url == '/press/various/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Additional Media</a>
|
||||
<a href="{{ site.baseurl }}/press/contact/" class="list-group-item active{% if page.url == '/press/contact/' %} red{% endif %}"><span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span>Contact</a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<div class="search-container">
|
||||
<form action="{{ site.baseurl }}/press/search/" method="get">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
|
||||
</span>
|
||||
<input type="text" class="form-control" id="search-box-sidebar" name="s" placeholder="Search">
|
||||
</div><!-- input-group -->
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="image-puffer"></div>
|
||||
</div> <!-- sidebar -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include press_footer.html %}
|
103
css/blog.css
103
css/blog.css
@@ -334,59 +334,102 @@ strong.extra {
|
||||
|
||||
/* Footer */
|
||||
|
||||
.footer {
|
||||
background: #AA1D1D/*#CD322E*/;
|
||||
#footer {
|
||||
-webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.175);
|
||||
-moz-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.175);
|
||||
box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.175);
|
||||
background: #b31c1b;
|
||||
width: 100%;
|
||||
min-height: 170px;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
.footer-links {
|
||||
margin: 0 0 45px 0;
|
||||
}
|
||||
.footer, .footer a, .footer a:hover .footer-links a:hover, .footer .copyright, .footer .copyright a, .footer .copyright a:hover {
|
||||
#footer,
|
||||
#footer a,
|
||||
#footer a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
.footer .copyright a {
|
||||
font-weight: bold;
|
||||
}
|
||||
.footer .image-holder {
|
||||
#footer .image-holder {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
top: -45px;
|
||||
}
|
||||
#footer .image-puffer,
|
||||
.image-puffer {
|
||||
height: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.footer-logo {
|
||||
#footer .footer-logo {
|
||||
height: 90px;
|
||||
margin:0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
#navbar {
|
||||
float: left;
|
||||
border: none;
|
||||
}
|
||||
.footer-links {
|
||||
line-height: 200%;
|
||||
}
|
||||
.footer-links a {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
#footer .footer-links {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.image-puffer {
|
||||
#footer .footer-links > span {
|
||||
flex-basis: 100%;
|
||||
width: 100%;
|
||||
padding: 7px 0;
|
||||
}
|
||||
#footer .footer-links > .line-break {
|
||||
display: none;
|
||||
}
|
||||
.sidebar .image-puffer, footer .image-puffer {
|
||||
display: block;
|
||||
#footer-main-links {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer-main-links .footer-links {
|
||||
justify-content: center;
|
||||
}
|
||||
#footer-copyright {
|
||||
padding: 30px 15px 15px 15px;
|
||||
background: #9a1817;
|
||||
font-weight: bold;
|
||||
}
|
||||
#copyright-span {
|
||||
order: 10;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#footer .footer-links {
|
||||
flex-direction: row;
|
||||
}
|
||||
#footer .footer-links > span {
|
||||
width: auto;
|
||||
flex-basis: auto;
|
||||
padding: 0 12px;
|
||||
color: wheat;
|
||||
}
|
||||
#footer .footer-links > .line-break {
|
||||
display: none;
|
||||
flex-basis: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#footer-main-links {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
#footer-copyright {
|
||||
padding: 15px;
|
||||
font-size: 90%;
|
||||
}
|
||||
#footer-copyright .footer-links > span:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
#footer-copyright .footer-links > span > a {
|
||||
color: wheat;
|
||||
}
|
||||
#footer-copyright .footer-links > span:hover a {
|
||||
color: white;
|
||||
}
|
||||
#footer-donate-span {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#copyright-span {
|
||||
order: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.extra-space {
|
||||
|
@@ -177,4 +177,7 @@ main .row [class^="col"] {
|
||||
.phone-background img {
|
||||
margin-top: 45px;
|
||||
}
|
||||
}
|
||||
#footer .image-puffer {
|
||||
background-color: #D0CDCD;
|
||||
}
|
15
css/legal.css
Normal file
15
css/legal.css
Normal file
@@ -0,0 +1,15 @@
|
||||
#content-container {
|
||||
padding-bottom: 65px;
|
||||
min-height: calc(100vh - 78px - 208px);
|
||||
}
|
||||
#content-container h3 {
|
||||
margin: 40px 0;
|
||||
}
|
||||
#content-container a,
|
||||
#content-container a:hover,
|
||||
#content-container a:focus {
|
||||
color: #CD201F;
|
||||
}
|
||||
body {
|
||||
background: #e2dee0;
|
||||
}
|
107
css/style.css
107
css/style.css
@@ -366,7 +366,9 @@ strong.extra {
|
||||
/********************
|
||||
CONTENT TEMPLATES
|
||||
******************/
|
||||
|
||||
.background-light-gray-1 {
|
||||
background: #E2DEE0;
|
||||
}
|
||||
.background-light-gray {
|
||||
background: #f3eff2;
|
||||
}
|
||||
@@ -386,6 +388,13 @@ strong.extra {
|
||||
|
||||
.background-dark-red {
|
||||
background: #AA1D1D;
|
||||
color: white;
|
||||
}
|
||||
.background-dark-red a {
|
||||
color: white;
|
||||
}
|
||||
.background-dark-red a:hover {
|
||||
color: wheat;
|
||||
}
|
||||
|
||||
/* TEXT-1 */
|
||||
@@ -1152,36 +1161,102 @@ button.action.black:hover, button.action.black:focus {
|
||||
|
||||
/* Footer */
|
||||
|
||||
.footer {
|
||||
background: #AA1D1D/*#CD322E*/;
|
||||
#footer {
|
||||
width: 100%;
|
||||
min-height: 170px;
|
||||
}
|
||||
.footer-links {
|
||||
margin: 0 0 45px 0;
|
||||
}
|
||||
.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 {
|
||||
font-weight: bold;
|
||||
#footer,
|
||||
#footer a,
|
||||
#footer a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer .image-holder {
|
||||
#footer #footer-content-container {
|
||||
background: #b31c1b;
|
||||
}
|
||||
#footer .image-holder {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
top: -45px;
|
||||
}
|
||||
.footer .image-puffer {
|
||||
.image-puffer {
|
||||
padding-bottom: 70px;
|
||||
background-color: #E2DEE0;
|
||||
}
|
||||
.footer-logo {
|
||||
#footer .footer-logo {
|
||||
height: 90px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#main-page .footer {
|
||||
#footer .footer-links {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#footer .footer-links > span {
|
||||
flex-basis: 100%;
|
||||
width: 100%;
|
||||
padding: 7px 0;
|
||||
}
|
||||
#footer .footer-links > .line-break {
|
||||
display: none;
|
||||
}
|
||||
#footer-main-links {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer-main-links .footer-links {
|
||||
justify-content: center;
|
||||
}
|
||||
#footer-copyright {
|
||||
padding: 30px 15px 15px 15px;
|
||||
background: #9a1817;
|
||||
font-weight: bold;
|
||||
}
|
||||
#copyright-span {
|
||||
order: 10;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#footer .footer-links {
|
||||
flex-direction: row;
|
||||
}
|
||||
#footer .footer-links > span {
|
||||
width: auto;
|
||||
flex-basis: auto;
|
||||
padding: 0 12px;
|
||||
color: wheat;
|
||||
}
|
||||
#footer .footer-links > .line-break {
|
||||
display: none;
|
||||
flex-basis: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#footer-main-links {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
#footer-copyright {
|
||||
padding: 15px;
|
||||
font-size: 90%;
|
||||
}
|
||||
#footer-copyright .footer-links > span:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
#footer-copyright .footer-links > span > a {
|
||||
color: wheat;
|
||||
}
|
||||
#footer-copyright .footer-links > span:hover a {
|
||||
color: white;
|
||||
}
|
||||
#footer-donate-span {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#copyright-span {
|
||||
order: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
#main-page #footer {
|
||||
border-top: 3px solid white;
|
||||
}
|
||||
|
||||
|
@@ -154,20 +154,7 @@
|
||||
|
||||
</main> <!-- main content -->
|
||||
|
||||
<!-- footer -->
|
||||
<footer class="footer">
|
||||
<div class="image-puffer background-gray"></div>
|
||||
<div class="container">
|
||||
<div class="image-holder">
|
||||
<img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
|
||||
</div>
|
||||
<div class="footer-links text-center">
|
||||
<p><a href="{{ site.baseurl }}/">Home</a> | <a href="{{ site.baseurl }}/blog/">Blog</a> | <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 © Team NewPipe</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer> <!-- footer -->
|
||||
{% include footer.html puffer="True" %}
|
||||
|
||||
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
|
14
index.html
14
index.html
@@ -688,19 +688,7 @@
|
||||
</div>
|
||||
</div> <!-- donate -->
|
||||
|
||||
<!-- footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="image-holder">
|
||||
<img src="{{ site.baseurl }}/img/logo.svg" class="footer-logo img-circle border-white" />
|
||||
</div>
|
||||
<div class="footer-links text-center">
|
||||
<p><a href="{{ site.baseurl }}/">Home</a> | <a href="{{ site.baseurl }}/blog/">Blog</a> | <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 © Team NewPipe</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer> <!-- footer -->
|
||||
{% include footer.html puffer=False %}
|
||||
|
||||
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
|
85
legal/index.html
Normal file
85
legal/index.html
Normal file
@@ -0,0 +1,85 @@
|
||||
---
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Donate for NewPipe - a free YouTube client</title>
|
||||
|
||||
<meta name="author" content="Christian Schabesberger, NewPipe">
|
||||
<meta name="description" content="Welcome to the donation page of NewPipe the lightweight YouTube experience for Android.">
|
||||
<meta name="keywords" content="NewPipe, YouTube, Android">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<link rel="icon" href="{{ site.baseurl }}/favicon.ico" type="icon" sizes="64x64" />
|
||||
|
||||
<!-- JQuery -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- FontAwesome -->
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/font-awesome/css/font-awesome.min.css" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/legal.css" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<div class="navbar-wrapper navbar-full-bg navbar-static-top" id="header">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-inverse">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/img/logo.svg" class="navbar-logo pull-left img-circle border-white" /><span class="pull-left">NewPipe</span></a>
|
||||
</div>
|
||||
<div id="navbar" class="navbar-collapse collapse navbar-right">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="{{ site.baseurl }}/">Home</a></li>
|
||||
<li><a href="{{ site.baseurl }}/blog/">Blog</a></li>
|
||||
<li><a href="{{ site.baseurl }}/press/">Press</a></li>
|
||||
<li><a href="https://github.com/TeamNewPipe/NewPipe/">GitHub</a></li>
|
||||
<li><a href="https://github.com/TeamNewPipe/NewPipe/releases/">Releases</a></li>
|
||||
<li><a href="https://github.com/TeamNewPipe/NewPipe/issues/">Issues</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div> <!-- Header -->
|
||||
<div class="container container-double" id="content-container">
|
||||
<h3 class="text-center">You can find legal information about NewPipe here:</h3>
|
||||
<div class="row text-center">
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<h4><a href="privacy/">Privacy Policy</a></h4>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<h4><a href="/press/contact/">Contact</a></h4>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<h4><a href="license/">Licensing</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include footer.html puffer=True %}
|
||||
</div> <!-- page -->
|
||||
<script src="{{ site.baseurl }}/bootstrap/js/bootstrap.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
@@ -1,3 +1,5 @@
|
||||
---
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
@@ -1,5 +1,5 @@
|
||||
---
|
||||
layout: press_sidebar-full
|
||||
layout: press
|
||||
permalink: /press/404.html
|
||||
metatitle: "404 - NewPipe a free YouTube client"
|
||||
---
|
||||
|
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: "press_sidebar-small"
|
||||
layout: "press"
|
||||
type: "small"
|
||||
title: "Announcements"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Announcements - NewPipe a free YouTube client"
|
||||
|
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: "press_sidebar-small"
|
||||
layout: "press"
|
||||
type: "small"
|
||||
title: "Contact"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Contact - NewPipe a free YouTube client"
|
||||
|
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: "press_sidebar-small"
|
||||
layout: "press"
|
||||
type: "small"
|
||||
title: "Factsheet"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Press information - NewPipe a free YouTube client"
|
||||
|
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: "press_sidebar-full-media"
|
||||
layout: "press"
|
||||
type: "media"
|
||||
title: "Logo & Icons"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Logos - NewPipe a free YouTube client"
|
||||
|
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: "press_sidebar-small"
|
||||
layout: "press"
|
||||
type: "small"
|
||||
title: "Screenshots"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Screenshots - NewPipe a free YouTube client"
|
||||
|
@@ -1,5 +1,5 @@
|
||||
---
|
||||
layout: "press_sidebar-full"
|
||||
layout: "press"
|
||||
title: "Search"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Search - NewPipe a free YouTube client"
|
||||
|
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: "press_sidebar-full-media"
|
||||
layout: "press"
|
||||
type: "media"
|
||||
title: "Additional Media"
|
||||
date: 2017-12-07 10:30:00
|
||||
metatitle: "Media - NewPipe a free YouTube client"
|
||||
|
Reference in New Issue
Block a user