Add a footer to the html pages
This commit is contained in:
@@ -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);
|
||||
});
|
||||
|
||||
41
customize.dist/src/fragments/footer.html
Normal file
41
customize.dist/src/fragments/footer.html
Normal 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>
|
||||
@@ -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;
|
||||
|
||||
|
||||
7
customize.dist/src/less/footer.less
Normal file
7
customize.dist/src/less/footer.less
Normal 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;
|
||||
}
|
||||
@@ -26,6 +26,8 @@
|
||||
<div id="mainBlock" class="hidden">
|
||||
{{main}}
|
||||
</div>
|
||||
|
||||
{{footer}}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user