Add real footer to Bootstrap theme

master
Skylar Ittner 6 years ago
parent 088c40ff8c
commit 2979a109c2

@ -0,0 +1,22 @@
/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
footer {
flex-shrink: 0;
}

@ -1,12 +1,50 @@
<?php
/*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
?>
<footer class="footer jumbotron mt-5 mb-0">
<div class="row">
<div class="col-12 col-md-6">
</div>
<div class="col-12 col-md-6">
<?php output_conditional("<h4>[[VAR]]</h4>", get_setting("businessname")); ?>
<?php
output_conditional('<div class="d-flex"><div class="mr-2"><i class="fas fa-phone fa-fw"></i></div> <div style="font-size: 130%;">[[VAR]]</div></div>', get_setting("phone"));
output_conditional('<div class="d-flex"><div class="mr-2"><i class="fas fa-map fa-fw"></i></div> <div>[[VAR]]</div></div>', str_replace("\n", "<br />\n", get_setting("address")));
output_conditional('<div class="d-flex"><div class="mr-2"><i class="fas fa-envelope fa-fw"></i></div> <div>[[VAR]]</div></div>', get_setting("email"));
?>
</div>
</div>
<div class="text-center my-4">
<?php
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-facebook-f fa-fw"></i><span class="sr-only">Facebook</span></a>', get_setting("facebook"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-twitter fa-fw"></i><span class="sr-only">Twitter</span></a>', get_setting("twitter"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-youtube fa-fw"></i><span class="sr-only">YouTube</span></a>', get_setting("youtube"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-instagram fa-fw"></i><span class="sr-only">Instagram</span></a>', get_setting("instagram"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-snapchat fa-fw"></i><span class="sr-only">Snapchat</span></a>', get_setting("snapchat"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-google-plus-g fa-fw"></i><span class="sr-only">Google+</span></a>', get_setting("google-plus"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-skype fa-fw"></i><span class="sr-only">Skype</span></a>', get_setting("skype"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-telegram fa-fw"></i><span class="sr-only">Twitter</span></a>', get_setting("telegram"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-vimeo fa-fw"></i><span class="sr-only">Vimeo</span></a>', get_setting("vimeo"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-whatsapp fa-fw"></i><span class="sr-only">Whatsapp</span></a>', get_setting("whatsapp"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-linkedin fa-fw"></i><span class="sr-only">LinkedIn</span></a>', get_setting("linkedin"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fas fa-asterisk fa-fw"></i><span class="sr-only">diaspora*</span></a>', get_setting("diaspora"));
output_conditional('<a class="btn btn-outline-secondary m-1" href="[[VAR]]"><i class="fab fa-mastodon fa-fw"></i><span class="sr-only">Mastodon</span></a>', get_setting("mastodon"));
?>
</div>
<div class="text-center text-muted font-weight-light mt-4">
<?php output_conditional("&copy; " . date('Y') . " [[VAR]]. All rights reserved.", get_setting("businessname")); ?>
<br />
<span>Design by <a href="https://netsyms.com">Netsyms Technologies</a>.</span>
</div>
</footer>
<script src="<?php get_theme_url(); ?>/assets/jquery-3.3.1.slim.min.js"></script>
<script src="<?php get_theme_url(); ?>/assets/popper.min.js"></script>
<script src="<?php get_theme_url(); ?>/assets/bootstrap.min.js"></script>
<script src="<?php get_theme_url(); ?>/assets/bootstrap.min.js"></script>
<?php get_footer(); ?>

@ -10,6 +10,7 @@
<title><?php get_site_name(); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="<?php get_theme_color_url(); ?>/bootstrap.min.css" />
<link rel="stylesheet" href="<?php get_theme_url(); ?>/assets/main.css" />
<script defer src="<?php get_theme_url(); ?>/assets/fontawesome-all.min.js"></script>
<?php get_header(); ?>

Loading…
Cancel
Save