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

Footer styling and content #269

Merged
merged 5 commits into from
Feb 21, 2017
Merged

Footer styling and content #269

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7b70ed8
Preliminary footer styling
mattstratton Feb 20, 2017
0dcd252
Merge remote-tracking branch 'origin/master' into fix-footer#141
mattstratton Feb 20, 2017
e42f266
Merge in Bridget’s stuff
mattstratton Feb 20, 2017
bb0105e
Make footer look prettier
mattstratton Feb 21, 2017
f1e2203
Small enhancements to footer style
mattstratton Feb 21, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion layouts/_default/baseof.html
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion static/css/site.css.map
View file
Open in desktop

Large diffs are not rendered by default.

45 changes: 37 additions & 8 deletions static/scss/custom.scss
View file
Open in desktop
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