Commit a055c15a authored by Dominik Schwabe's avatar Dominik Schwabe
Browse files

footer sticky

parent 3e9856c6
......@@ -19,30 +19,36 @@ const routes = [
];
const Footer = () => (
<footer className="uk-section uk-section-muted footer-section" style={{ paddingBottom: "30px" }}>
<div className="uk-container">
<div className="uk-grid uk-grid-small uk-margin-top">
<div className="uk-width-expand uk-visible@s" />
<div>
&copy; 2021 <a href="https://webis.de/">Webis Group</a>{" "}
<span className="uk-padding-small">&bull;</span>
<a href="https://github.com/webis-de" style={{ paddingRight: "5px" }}>
<FaGithub style={{ width: "15px" }} />
</a>
<a href="https://twitter.com/webis_de" style={{ paddingRight: "5px" }}>
<FaTwitter style={{ width: "15px" }} />
</a>
<a href="https://www.youtube.com/webis">
<FaYoutube style={{ width: "15px" }} />
</a>
<span className="uk-padding-small">&bull;</span>
<a href="https://webis.de/people.html">Contact</a>{" "}
<span className="uk-padding-small">&bull;</span>
<a href="https://webis.de/legal.html">Impressum / Terms / Privacy</a>
<>
<div style={{ marginBottom: "143px" }} />
<footer
className="uk-section uk-section-muted footer-section"
style={{ paddingBottom: "30px", position: "absolute", left: 0, bottom: 0, right: 0 }}
>
<div className="uk-container">
<div className="uk-grid uk-grid-small uk-margin-top">
<div className="uk-width-expand uk-visible@s" />
<div>
&copy; 2021 <a href="https://webis.de/">Webis Group</a>{" "}
<span className="uk-padding-small">&bull;</span>
<a href="https://github.com/webis-de" style={{ paddingRight: "5px" }}>
<FaGithub style={{ width: "15px" }} />
</a>
<a href="https://twitter.com/webis_de" style={{ paddingRight: "5px" }}>
<FaTwitter style={{ width: "15px" }} />
</a>
<a href="https://www.youtube.com/webis">
<FaYoutube style={{ width: "15px" }} />
</a>
<span className="uk-padding-small">&bull;</span>
<a href="https://webis.de/people.html">Contact</a>{" "}
<span className="uk-padding-small">&bull;</span>
<a href="https://webis.de/legal.html">Impressum / Terms / Privacy</a>
</div>
</div>
</div>
</div>
</footer>
</footer>
</>
);
const NavbarLogo = () => (
......
......@@ -5,6 +5,12 @@ General rules
*/
/* Styling scrollbar */
html {
min-height: 100%;
position: relative;
}
body {
scrollbar-width: 10px !important;
scrollbar-color: #55a6d1 #9bc4d8;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment