Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add logo to the header #23

Closed
wants to merge 2 commits into from
Closed
Changes from all commits
Commits
File filter...
Filter file types
Jump to…
Jump to file
Failed to load files.

Always

Just for now

@@ -22,7 +22,19 @@ And then execute:

$ bundle

## Enabling comments (via Disqus)
## Customizing

### Logo

By default, `jekyll new` doesn't generate sites with a logo image included. To add a logo when using minima, simply add the full filename (including the file-extension), to your *_config.yml* like:

```yaml
logo: logo.png
```
minima will then look for **logo.png** at the root of your site. Your logo can be named anything you like. Just make sure it matches the config file accordingly.
*Note: Minima supports only image files at a max-height of 56px.*

### Enabling comments (via Disqus)

Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post.

@@ -4,7 +4,13 @@

{% assign custom_url = site.url | append: site.baseurl %}
{% assign full_base_url = site.github.url | default: custom_url %}
<a class="site-title" href="{{ full_base_url }}/">{{ site.title | escape }}</a>
<a class="site-title" href="{{ full_base_url }}/">
{% if site.logo %}
<img src="{{ full_base_url }}/{{ site.logo }}" class="site-logo" width="auto" height="56">
{% else %}
{{ site.title | escape }}
{% endif %}
</a>

<nav class="site-nav">
<a href="#" class="menu-icon">
@@ -156,6 +156,7 @@ pre {
* Wrapper
*/
.wrapper {
position: relative;
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
margin-right: auto;
@@ -25,8 +25,9 @@
}

.site-nav {
float: right;
line-height: 56px;
position: absolute;
top: 33%;
right: 30px;

.menu-icon {
display: none;
@@ -43,13 +44,11 @@
}

@include media-query($on-palm) {
position: absolute;
top: 9px;
top: 25%;
right: $spacing-unit / 2;
background-color: $background-color;
border: 1px solid $grey-color-light;
border-radius: 5px;
text-align: right;

.menu-icon {
display: block;
@@ -1,4 +1,5 @@
title: Your awesome title
logo: logo.png
author: Mr. GitHub User
email: your-email@domain.com
description: > # this means to ignore newlines until "baseurl:"
BIN +2.8 KB example/logo.png
Binary file not shown.
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.