dan/danielrayjones
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💻 Add footer with some social links #100DaysOfCode R1D28

Browse source
This commit is contained in:
Dan Jones 2018-01-29 12:55:15 -06:00
commit 178b0cfc24
4 changed files with 32 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Gemfile
View file

@ -5,3 +5,4 @@ gem 'jekyll-seo-tag', group: :jekyll_plugins
gem "jekyll-assets", "~> 2.4.0", group: :jekyll_plugins gem "jekyll-assets", "~> 2.4.0", group: :jekyll_plugins
gem 'bootstrap', '~> 4.0.0' gem 'bootstrap', '~> 4.0.0'
gem "font-awesome-sass", "~> 4.7"

15
style.scss → _assets/css/style.scss
View file

@ -1,24 +1,29 @@
---
---
@import 'bootstrap'; @import 'bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';
.primary-container { .primary-container {
padding: 0; padding: 0;
} }
.bd-sideboard.bg-dark { .bd-sideboard {
aside { aside {
padding: $table-cell-padding-sm; padding: $table-cell-padding-sm;
} }
header {
color: $light;
header {
h2 { h2 {
font-size: 1.7rem; font-size: 1.7rem;
} }
} }
} }
.bg-dark {
p, header {
color: $light;
}
}
dl { dl {
& > dt + dd, & > dd + dd { & > dt + dd, & > dd + dd {
padding-left: 1em; padding-left: 1em;

1
_config.yml
View file

@ -75,6 +75,7 @@ plugins:
- jekyll-seo-tag - jekyll-seo-tag
- jekyll-assets - jekyll-assets
- bootstrap - bootstrap
- font-awesome-sass
# Exclude these files from your production _site # Exclude these files from your production _site
exclude: exclude:

22
_layouts/default.html
View file

@ -2,8 +2,7 @@
<html> <html>
<head> <head>
{% seo %} {% seo %}
{% css style %}
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" />
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" /> <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
</head> </head>
@ -21,6 +20,10 @@
<div class="row"> <div class="row">
<div class="order-2 order-md-1 col-12 col-md-3 col-xl-2 bd-sideboard bg-dark"> <div class="order-2 order-md-1 col-12 col-md-3 col-xl-2 bd-sideboard bg-dark">
<aside>
<p>{{ site.description }}</p>
</aside>
<aside> <aside>
<header> <header>
<h2>My Links</h2> <h2>My Links</h2>
@ -56,9 +59,24 @@
{{ content }} {{ content }}
</section> </section>
</main> </main>
</div> </div>
</section> </section>
<footer class="footer bg-dark">
<div class="container-fluid">
<p>{{ site.author.name }}
{% if site.author.facebook %}<a href="https://www.facebook.com/{{ site.author.facebook }}"><i class="fa fa-facebook"></i></a>{% endif %}
{% if site.author.flickr %}<a href="https://www.flickr.com/photos/{{ site.author.flickr }}/"><i class="fa fa-flickr"></i></a>{% endif %}
{% if site.author.github %}<a href="https://github.com/{{ site.author.github }}"><i class="fa fa-github"></i></a>{% endif %}
{% if site.author.instagram %}<a href="https://instagram.com/{{ site.author.instagram }}"><i class="fa fa-instagram"></i></a>{% endif %}
{% if site.author.linkedin %}<a href="https://www.linkedin.com/in/{{ site.author.linkedin }}"><i class="fa fa-linkedin"></i></a>{% endif %}
{% if site.author.twitter %}<a href="https://twitter.com/{{ site.author.twitter }}"><i class="fa fa-twitter"></i></a>{% endif %}
</p>
</div>
</footer>
{% js application %} {% js application %}
</body> </body>
</html> </html>