OCram85/beautifulSA-jekyll
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Badge functionality to layout/post.html (#265)

Browse Source 
* add badges to default branch

* add instructions in readme for post badges

* update readme

* add instructions for badges to readme yaml

* switch GH badges to iframes and remove comment out cran badges

* remove cran comment and update yaml table in readme file.

* Update README.md

* Update main.css
This commit is contained in:
yonicd 2017-10-16 15:21:22 -04:00 committed by Dean Attali
parent bbd747bacf
commit 0636b7ac64
3 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -147,6 +147,8 @@ ext-js | List of external JavaScript files to include in the page (eg. `//c
css | List of local CSS files to include in the page css | List of local CSS files to include in the page
ext-css | List of external CSS files to include in the page. External CSS files using SRI (see `ext-js` parameter) are also supported. ext-css | List of external CSS files to include in the page. External CSS files using SRI (see `ext-js` parameter) are also supported.
googlefonts | List of Google fonts to include in the page (eg. `["Monoton", "Lobster"]`) googlefonts | List of Google fonts to include in the page (eg. `["Monoton", "Lobster"]`)
gh-repo   | If you want to show GitHub buttons at the top of a post, this sets the GitHub repo name (eg. `daattali/beautiful-jekyll`). You must also use the `gh-badge` parameter to specify what buttons to show.
gh-badge | Select which GitHub buttons to display, available options are: [star, watch, fork, follow]. You must also use the `gh-repo` parameter to specify the GitHub repo.
### Advanced features (including how to use a custom URL address for your site) ### Advanced features (including how to use a custom URL address for your site)

23
_layouts/post.html
View File

@ -8,6 +8,29 @@ layout: base
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
{% if page.gh-repo %}
{% assign gh_split = page.gh-repo | split:'/' %}
{% assign gh_user = gh_split[0] %}
{% assign gh_repo = gh_split[1] %}
<div id="header-gh-btns">
{% if page.gh-badge.size > 0 %}
{% for badge in page.gh-badge %}
{% case badge %}
{% when 'star'%}
<iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&repo={{ gh_repo }}&type=star&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
{% when 'watch'%}
<iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&repo={{ gh_repo }}&type=watch&v=2&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
{% when 'fork'%}
<iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&repo={{ gh_repo }}&type=fork&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
{% when 'follow'%}
<iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&type=follow&count=true" frameborder="0" scrolling="0" width="220px" height="20px"></iframe>
{% endcase %}
{% endfor %}
{% endif %}
</div>
{% endif %}
<article role="main" class="blog-post"> <article role="main" class="blog-post">
{{ content }} {{ content }}
</article> </article>

10
css/main.css
View File

@ -589,6 +589,16 @@ footer .theme-by {
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
} }
#header-gh-btns {
margin-bottom: 15px;
}
@media only screen and (max-width: 500px) {
#header-gh-btns > iframe {
display: block;
margin-bottom: 5px;
}
}
/* --- Pager --- */ /* --- Pager --- */
.pager li a { .pager li a {