Skip to content
This repository has been archived by the owner on Jul 21, 2019. It is now read-only.

Commit

Permalink
Merge pull request #269 from devopsdays/fix-footer#141
Browse files Browse the repository at this point in the history
Footer styling and content
  • Loading branch information
bridgetkromhout authored Feb 21, 2017
2 parents 3d4bc1a + f1e2203 commit d56a764
Show file tree
Hide file tree
Showing 6 changed files with 107 additions and 69 deletions.
3 changes: 2 additions & 1 deletion layouts/_default/baseof.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,8 @@
</div>
{{ end }}
</div>
</div>

</div>

{{- partial "footer.html" . -}}
{{- partial "footer_scripts.html" . -}}
Expand Down
2 changes: 1 addition & 1 deletion layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,6 @@
{{- end -}}
{{- end -}}
</div>
<div id="share"></div>
<!-- <div id="share"></div> -->

{{- end -}}
122 changes: 65 additions & 57 deletions layouts/partials/footer.html
Original file line number Diff line number Diff line change
@@ -1,61 +1,69 @@
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-2">
<h3 class="footer-nav">Events</h3></br>
PAST</br>
CURRENT</br>
UPCOMING</br>
</div>
<div class="col-md-2">
<h3 class="footer-nav">FEATURED</h3>
<b>Chicago 2017</b>
<i>Summit West - 15 October 2017</i>
</div>
<div class="col-md-2">
<h3 class="footer-nav">BLOG</h3>
{{- range first 1 (where .Site.Pages "Type" "blog") -}}
<a href = "{{ .Permalink }}"><h1 class = "footer-heading">{{ .Title }}</h1></a>
{{- if isset .Params "author" -}}
<h2 class="footer-heading">by {{ .Params.author }} - {{ dateFormat "02 January, 2006" .Date }}</h2>
{{- else -}}
<h2 class="footer-heading">{{ dateFormat "02 January, 2006" .Date }}</h2>
{{- end -}}
<p class="footer-content">
{{ if isset .Params "description" }}
{{ if ne .Params.descripton "" }}
{{ .Params.description | markdownify }}
{{ end }}
{{ else }}
{{ .Summary }}
{{ end }}
</p>
{{- end -}}

</div>
<div class="col-md-2">
<h3 class="footer-nav">@DEVOPSDAYS</h3>
<div>
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/devopsdays/lists/devopsdays" data-chrome="noheader" height="440"></a>
<nav class="navbar bottom navbar-light footer-nav-row" style="background-color: #bfbfc1;">
<div class = "row">
<div class = "col-md-12 footer-nav-background">
<div class = "row">
<div class = "col-md-6 col-lg-3 footer-nav-col">
<h3 class="footer-nav">@DEVOPSDAYS</h3>
<div>
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/devopsdays/lists/devopsdays" data-chrome="noheader" height="440"></a>

<script>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
</div>
</div>
<!-- <div class="col-md-2 hidden-sm">
<script>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
</div>
</div>
<div class="col-md-6 col-lg-3 footer-nav-col footer-content">
<h3 class="footer-nav">BLOG</h3>
{{- range first 2 (where .Site.Pages "Type" "blog") -}}
<a href = "{{ .Permalink }}"><h1 class = "footer-heading">{{ .Title }}</h1></a>
{{- if isset .Params "author" -}}
<h2 class="footer-heading">by {{ .Params.author }} - {{ dateFormat "02 January, 2006" .Date }}</h2>
{{- else -}}
<h2 class="footer-heading">{{ dateFormat "02 January, 2006" .Date }}</h2>
{{- end -}}
<p class="footer-content">
{{ if isset .Params "description" }}
{{ if ne .Params.descripton "" }}
{{ .Params.description | markdownify }}
{{ end }}
{{ else }}
{{ .Summary }}
{{ end }}
</p>
{{- end -}}
<a href="https://www.devopsdays.org/blog/index.xml">Feed</a>
</div>
<div class="col-md-6 col-lg-3 footer-nav-col">
<h3 class="footer-nav">CFP OPEN</h3>
{{ range sort $.Site.Data.events "startdate" }}
{{ if .cfp_date_end }}
{{ if ge (dateFormat "2006-01-02" .cfp_date_end) (dateFormat "2006-01-02" ($.Now.Format "2006-01-02")) }}
<a href = "/events/{{ .name }}/" class = "footer-content">{{ .city }}</a><br />
{{ end }} {{/* end: date is now or afterwards */}}
{{ end }} {{/* end: if .cfp_date_end */}}
{{ end }} {{/* end: range sort $.Site.Data.events "startdate" */}}
<br />Propose a talk at an event near you!<br />
</div>
<div class="col-md-6 col-lg-3 footer-nav-col">
<h3 class="footer-nav">About</h3>
devopsdays is a worldwide community conference series for anyone interested in IT improvement.<br /><br />
<a href="/about/" class = "footer-content">About devopsdays</a><br />
<a href="/privacy/" class = "footer-content">Privacy Policy</a><br />
<a href="/conduct/" class = "footer-content">Code of Conduct</a>
</div>
</div>
</div>

</div> -->
</div>
</div>

</div>
</nav>
2 changes: 1 addition & 1 deletion static/css/site.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion static/css/site.css.map

Large diffs are not rendered by default.

45 changes: 37 additions & 8 deletions static/scss/custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -131,37 +131,66 @@ a {
.footer-nav {
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-size: 11px;
font-size: 1.3em;
text-transform: uppercase;
color: #0082AB;
margin-bottom: 1.5rem;
}

.footer-heading {
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #000000;
color: #0082AB;
font-size: 1.3em;
}

h1.footer-heading {
font-size: 10px;
font-weight: 700;
font-size: 1.2em;
font-weight: 400;
}

h2.footer-heading {
font-size: 10px;
font-weight: 300i;
font-size: 1.1em;
font-weight: 300;
}

.footer-content {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 9px;
font-size: .9em;
color: #000;
}
a.footer-content {
font-weight: 700;
font-weight: 300;
color: #0082AB;
}

.footer-nav-background {
background-color: #f7f7f7;
padding-top: 20px;
border-top: 5px solid #0082AB;
// background-color: desaturate( #0082AB, 80% );
padding-left:40px;
padding-right:40px;
}

.footer-nav-col {
padding-bottom: 30px;
}
//
// .footer-nav-col:first-child {
// // margin-left: 50 !important;
// border-top-width:thick;
// border-top-color:red;
// }
//
// .footer-nav-col:last-child {
// margin-right: 0 !important;
// }

.footer-nav-row {
margin-top:20px;
}

/* Sponsors */

Expand Down

0 comments on commit d56a764

Please sign in to comment.