Add a footer to the html pages

This commit is contained in:
yflory
2017-02-03 16:52:55 +01:00
parent 02439e0f61
commit 9c4c378d6a
13 changed files with 676 additions and 388 deletions

View File

@@ -31,12 +31,13 @@ var fragments = {};
'contact',
'logo',
'noscript',
'footer'
].forEach(function (name) {
fragments[name] = read('./fragments/' + name + '.html');
});
// build static pages
['index', 'privacy', 'terms', 'about', 'contact',].forEach(function (page) {
['index', 'privacy', 'terms', 'about', 'contact'].forEach(function (page) {
var source = swap(template, {
topbar: fragments.topbar,
fork: fragments.fork,
@@ -45,9 +46,11 @@ var fragments = {};
fork: fragments.fork,
logo: fragments.logo,
noscript: fragments.noscript,
footer: fragments.footer,
}),
logo: fragments.logo,
noscript: fragments.noscript,
footer: fragments.footer,
});
write('../' + page + '.html', source);
});

View File

@@ -0,0 +1,41 @@
<footer>
<div class="container">
<div class="row">
<div class="col">
<ul class="list-unstyled">
<li>CryptPad<li>
<li><a href="/about" data-localization="about"></a></li>
<li><a href="/terms" data-localization="terms"></a></li>
<li><a href="/privacy" data-localization="privacy"></a></li>
</ul>
</div>
<div class="col">
<ul class="list-unstyled">
<li data-localization="footer_applications"><li>
<li><a href="/pad/" data-localization="main_richText"></a></li>
<li><a href="#" data-localization="main_code"></a></li>
<li><a href="#" data-localization="main_slide"></a></li>
<li><a href="#" data-localization="main_poll"></a></li>
<li><a href="#" data-localization="main_drive"></a></li>
</ul>
</div>
<div class="col">
<ul class="list-unstyled">
<li data-localization="footer_aboutUs"><li>
<li><a href="https://labs.xwiki.com" target="_blank" rel="noopener noreferrer">XWiki Labs</a></li>
<li><a href="http://www.xwiki.com" target="_blank" rel="noopener noreferrer">XWiki SAS</a></li>
<li><a href="https://www.openpass.fr/" target="_blank" rel="noopener noreferrer">OpenPaSS</a></li>
</ul>
</div>
<div class="col">
<ul class="list-unstyled">
<li data-localization="footer_contact"><li>
<li><a href="http://webchat.freenode.net?channels=%23cryptpad&uio=MT1mYWxzZSY5PXRydWUmMTE9Mjg3JjE1PXRydWUe7" target="_blank" rel="noopener noreferrer">IRC</a></li>
<li><a href="https://twitter.com/cryptpad" target="_blank" rel="noopener noreferrer">Twitter</a></li>
<li><a href="https://github.com/xwiki-labs/cryptpad" target="_blank" rel="noopener noreferrer">GitHub</a></li>
<li><a href="/contact">Email</a></li>
</ul>
</div>
</div>
</div>
</footer>

View File

@@ -6,6 +6,7 @@
@import "./loading.less";
@import "./dropdown.less";
@import "./topbar.less";
@import "./footer.less";
html.cp, .cp body {
font-size: .875em;
@@ -127,6 +128,8 @@ p, pre, td, a, table, tr {
}
body.html {
display:flex;
flex-flow: column;
}
// Main page
@@ -282,6 +285,8 @@ body.html {
background-size: cover;
background-attachment: fixed;
background-position: center;
height: ~"calc(100vh - 115px)";
min-height: 450px;
.hidden {
display: none !important;
}
@@ -295,12 +300,14 @@ body.html {
margin-top: 5px;
}
#mainBlock {
flex: 1;
}
#main, #main_other {
position: relative;
left: 0;
right: 0;
height: ~"calc(100vh - 115px)";
min-height: 450px;
margin: auto;
z-index: 1;

View File

@@ -0,0 +1,7 @@
@import "./variables.less";
footer {
background: @dark-base;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
padding-top: 1em;
}

View File

@@ -26,6 +26,8 @@
<div id="mainBlock" class="hidden">
{{main}}
</div>
{{footer}}
</body>
</html>