HPCE/gitea-pages
0
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Activity

Made it so index.html in permalink is now an option in the config file. Made lots of other general improvements to the customjavascript.js file and various other parts of theme.

Browse Source
This commit is contained in:
Tom Johnson
2015-05-13 12:13:56 -07:00
parent 7f1a078520
commit ab51a49622
20 changed files with 193 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/formatting/adding_tooltips.md
View File

@ -1,28 +1,24 @@
---
title: Adding tooltips
permalink: /adding_tooltips/
tags: [formatting]
keywords: popovers
audience: writers, designers
last_updated: May 8, 2015
last_updated: May 13, 2015
summary: "You can add tooltips to your content. These tooltips work well for glossary definitions."
---
{% include linkrefs.html %}
=======
## permalink: /adding_tooltips/
Because this theme is built on Bootstrap, you can simply use a specific attribute on an element to insert a tooltip.
Suppose you have a glossary.yml file inside your _data folder. You could pull in that glossary definition like this:
<!--|%%|%7B%25%20raw%20%25%7D|%%|-->
{% raw %}
```html
<a href="#" data-toggle="tooltip" data-original-title="{{site.data.glossary.jekyll_platform}}">Jekyll</a> is my favorite tool for building websites.</a>
```
<a href="#" data-toggle="tooltip" data-original-title="<!--|%%|%7B%7Bsite.data.glossary.jekyll_platform%7D%7D|%%|-->">Jekyll</a> is my favorite tool for building websites.</a>
```
<!--|%%|%7B%25%20endraw%20%25%7D|%%|-->
{% endraw %}
This renders to the following:
<a data-toggle="tooltip" data-original-title="<!--|%%|%7B%7Bsite.data.glossary.jekyll_platform%7D%7D|%%|-->" href="#">Jekyll</a> is my favorite tool for building websites.
<a href="#" data-toggle="tooltip" data-original-title="{{site.data.glossary.jekyll_platform}}">Jekyll</a> is my favorite tool for building websites.</a>