Fix footer for additional twitter list for bep spf13 and gohugoio

This commit is contained in:
Ryan Watters committed 2017-02-24 04:10:35 -06:00
1 parent 718ed72a3e
commit d93008b468
7 files changed
+118 -71

No files matched your search

+1 -1
View File
@@ -1 +1 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;border-radius:0px !important;outline:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300;overflow-x:hidden}body{font-size:90%;overflow-x:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:95%}}@media only screen and (min-width: 960px){body{font-size:100%}}strong{font-weight:600;color:#222}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bash:before{content:'\e804'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-md:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quLine truncated /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;border-radius:0px !important;outline:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300;overflow-x:hidden}body{font-size:90%;overflow-x:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:95%}}@media only screen and (min-width: 960px){body{font-size:100%}}strong{font-weight:600;color:#222}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bash:before{content:'\e804'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-md:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quLine truncated
+1 -1
View File
@@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<main class="main" id="homepage"> <main id="homepage">
<div class="homepage-image"> <div class="homepage-image">
<img src="{{"images/hugo-logo/hugo-h-only.png" | relURL}}" alt="Official full-size Hugo logo"> <img src="{{"images/hugo-logo/hugo-h-only.png" | relURL}}" alt="Official full-size Hugo logo">
</div> </div>
@@ -4,20 +4,21 @@
<span>By <a href="http://spf13.com" target="_blank">spf13</a> and friends.</span> <span>By <a href="http://spf13.com" target="_blank">spf13</a> and friends.</span>
<img src="{{ "images/hugo-logo/made-with-hugo-dark.png" | relURL}}" alt="Made with Hugo Logo"> <img src="{{ "images/hugo-logo/made-with-hugo-dark.png" | relURL}}" alt="Made with Hugo Logo">
</div> </div>
<div> <div class="footer-lists">
<ul class="footer-list"> <ul class="footer-list">
<li><a href="{{.Site.Params.ghrepo}}" target="_blank"><i class="icon-github"></i> Project Source</a></li> <li><a href="{{.Site.Params.ghrepo}}" target="_blank"><i class="icon-github"></i> Project Source</a></li>
<li><a href="{{.Site.Params.discuss}}" target="_blank"><i class="icon-forum"></i> Discuss Hugo</a></li> <li><a href="{{.Site.Params.discuss}}" target="_blank"><i class="icon-forum"></i> Discuss Hugo</a></li>
<li><a href="{{.Site.Params.gitter}}" target="_blank"><i class="icon-gitter"></i> Gitter (Dev Chat Only)</a></li> <li><a href="{{.Site.Params.gitter}}" target="_blank"><i class="icon-gitter"></i> Gitter (Dev Chat Only)</a></li>
</ul> </ul>
</div>
<div>
<ul class="footer-list"> <ul class="footer-list">
<li><a href="https://twitter.com/spf13" target="_blank"><i class="icon-twitter"></i> @spf13</a></li> <li><a href="https://twitter.com/spf13" target="_blank"><i class="icon-twitter"></i> @spf13</a></li>
<li><a href="https://twitter.com/gohugoio" target="_blank"><i class="icon-twitter"></i> @GoHugoIO</a></li> <li><a href="https://twitter.com/gohugoio" target="_blank"><i class="icon-twitter"></i> @GoHugoIO</a></li>
<li><a href="https://twitter.com/bepsays" target="_blank"><i class="icon-twitter"></i> @bepsays</a></li> <li><a href="https://twitter.com/bepsays" target="_blank"><i class="icon-twitter"></i> @bepsays</a></li>
<li><a href="https://"></a></li> <li><a href="https://"></a></li>
</ul> </ul>
</div>
<div>
</div> </div>
</div> </div>
</footer> </footer>
@@ -38,18 +38,14 @@ main.main {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
// max-width: $content-max-width;
position: relative; position: relative;
min-height:calc(100vh - #{$site-header-height * 2}); min-height:calc(100vh - #{$site-header-height * 2});
// overflow-x: hidden;
@include MQ(XL) { @include MQ(XL) {
width:90%; width: 90%;
margin-right:0px; margin-right: 0px;
max-width: calc(100vw - #{$site-navigation-width * 2} - 20px ); max-width: calc(100vw - #{$site-navigation-width * 2} - 20px);
float:left; float: left;
padding-left:1.5em; padding-left: 1.5em;
// padding-left:2em;
// padding-right:2em;
} }
} }
@@ -1,42 +1,108 @@
#site-footer { #site-footer {
background-color: $site-footer-bg-color; background-color: $site-footer-bg-color;
min-height: $site-footer-height; display: flex;
max-height: $site-footer-height; flex-direction: column;
align-items: center;
height: auto;
padding-bottom: 1em;
// min-height: 500px;
.footer-content { .footer-content {
min-height: $site-footer-height;
max-height: $site-footer-height;
display: flex;
align-items: center;
justify-content: space-around;
width: 90%; width: 90%;
margin-left: auto;
margin-right: auto;
color: $hugo-white; color: $hugo-white;
transition: transform .3s ease-in-out; display: flex;
div { flex-direction: column;
span {
text-align: center;
width: 100%;
display: block;
margin-top: 1em;
}
img {
max-width: 200px;
margin-left: auto;
margin-right: auto;
display: block;
}
.footer-lists {
display: flex; display: flex;
flex-direction: column; justify-content: space-around;
justify-content: center; margin-right: 1em;
margin-top: 1em;
.footer-list {
max-width: 45%;
}
}
@include MQ(M) {
flex-direction: row;
justify-content: space-between;
align-items: center; align-items: center;
font-size: 14px; div {
max-height: 100px; min-width: 50%;
margin: 0px; width: 50%;
img { max-width: 50%;
max-width: 120px;
} }
} .footer-lists {
&.navigation-open { display: flex;
transition: transform .3s ease-in-out; justify-content: center;
transform: translateX($site-navigation-width); align-items: center;
@include MQ(L) { .footer-list {
transform: translateX(0); // margin-top: 1em;
max-width: auto;
margin-right: 2em;
@include MQ(L) {
min-width: 150px;
}
}
} }
} }
i.icon-heart:before {
color: $hugo-pink;
}
@include MQ(L) {
margin-left: 2em;
}
} }
@include MQ(M) {
flex-direction: row;
}
// .footer-content {
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: space-around;
// width: 90%;
// color: $hugo-white;
// transition: transform .3s ease-in-out;
// @include MQ(M) {
// min-height: $site-footer-height;
// max-height: $site-footer-height;
// }
// div {
// display: flex;
// flex-direction: column;
// justify-content: center;
// align-items: center;
// font-size: 14px;
// max-height: 100px;
// margin: 0px;
// img {
// max-width: 120px;
// }
// }
// div.footer-lists {
// display:flex;
// width:100vw;
// }
// &.navigation-open {
// transition: transform .3s ease-in-out;
// transform: translateX($site-navigation-width);
// @include MQ(L) {
// transform: translateX(0);
// }
// }
// i.icon-heart:before {
// color: $hugo-pink;
// }
// @include MQ(L) {
// margin-left: 2em;
// }
// }
@include MQ(L) { @include MQ(L) {
width:calc(100% - #{$site-navigation-width}); width:calc(100% - #{$site-navigation-width});
margin-left: $site-navigation-width; margin-left: $site-navigation-width;
@@ -68,7 +68,7 @@
margin-left: .4em; margin-left: .4em;
padding-left: .5em; padding-left: .5em;
li { li {
line-height:1.1; line-height:1.3;
} }
a.submenu-item-link { a.submenu-item-link {
font-size: 14px; font-size: 14px;
@@ -7,33 +7,13 @@
} }
} }
main#homepage.main { main#homepage {
width: 90%; width: 90%;
margin-bottom: 2.5em; margin-bottom: 2.5em;
overflow-x: hidden; margin:{
@include MQ(M) { left:auto;
max-width:calc(100vw - #{$site-navigation-width}); right:auto;
} }
@include MQ(L) {
// max-width:calc(100vw - #{$site-navigation-width});
max-width: 100vw;
margin-left: auto;
margin-right: auto;
}
@include MQ(XL) {
// max-width:calc(100vw - #{$site-navigation-width});
max-width: 100vw;
margin-left: auto;
margin-right: auto;
}
// @include MQ(M) {
// max-width: $M * .9;
// }
// @include MQ(L) {
// margin-left:auto;
// margin-right:auto;
// max-width: 860px * .9;
// }
} }
.homepage-image { .homepage-image {
@@ -57,6 +37,7 @@ main#homepage.main {
list-style: none; list-style: none;
padding-left: 0px; padding-left: 0px;
margin-left: 0px; margin-left: 0px;
max-width:$L;
.homepage-card { .homepage-card {
@include card(1, 3); @include card(1, 3);
color: inherit; color: inherit;
@@ -112,8 +93,11 @@ main#homepage.main {
color: lighten($base-font-color, 20%); color: lighten($base-font-color, 20%);
} }
} }
// @include MQ(L) { @include MQ(L) {
// margin-left: auto; margin-left: auto;
// margin-right: auto; margin-right: auto;
// } }
@include MQ(XL){
max-width:$M;
}
} }