From a149eca3416e3a3c93cc2365162579dd38de88bd Mon Sep 17 00:00:00 2001 From: Tom Johnson Date: Thu, 23 Apr 2015 15:34:05 -0700 Subject: [PATCH] added tooltip instruction --- .idea/workspace.xml | 212 +++++++++++++++------------- _data/glossary.yml | 2 +- _data/sidebar.yml | 6 + css/customstyles.css | 4 + js/customscripts.js | 6 + pages/formatting/adding_tooltips.md | 18 +++ 6 files changed, 151 insertions(+), 97 deletions(-) create mode 100644 pages/formatting/adding_tooltips.md diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 7e97b79..f0405c4 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -64,7 +64,7 @@ - + @@ -144,46 +144,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -224,11 +184,11 @@ - + - - + + @@ -237,11 +197,54 @@ - - + + + + + + + + + + + + + + + + + + + + + + + + + - + + + + + + + + + + + + + + + + + + + + + @@ -252,9 +255,6 @@ @@ -465,6 +468,20 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -731,6 +721,7 @@ + @@ -938,13 +929,6 @@ - - - - - - - @@ -979,13 +963,6 @@ - - - - - - - @@ -1098,8 +1075,8 @@ - - + + @@ -1107,5 +1084,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/_data/glossary.yml b/_data/glossary.yml index e487217..f222a8a 100644 --- a/_data/glossary.yml +++ b/_data/glossary.yml @@ -1 +1 @@ -some_term: "some definition" +jekyll_platform: "an extremely fast and simple static site generator" diff --git a/_data/sidebar.yml b/_data/sidebar.yml index 8a6f5f8..d1e69c5 100644 --- a/_data/sidebar.yml +++ b/_data/sidebar.yml @@ -86,6 +86,12 @@ entries: audience: writer, designer print: true + - title: Adding Tooltips + url: /adding_tooltips/ + add: writer, designer + print: true + + - title: Single Sourcing audience: writer, designer print: true diff --git a/css/customstyles.css b/css/customstyles.css index 8254b4c..6e790fa 100644 --- a/css/customstyles.css +++ b/css/customstyles.css @@ -574,3 +574,7 @@ hr.shaded { border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5); } + +a[data-toggle] { + color: orange; +} \ No newline at end of file diff --git a/js/customscripts.js b/js/customscripts.js index 80a70bd..a3950e1 100644 --- a/js/customscripts.js +++ b/js/customscripts.js @@ -46,3 +46,9 @@ $( document ).ready(function() { $( "#mysidebar" ).attr("class", "nav affix"); } }); + +$(document).ready(function(){ + $('[data-toggle="tooltip"]').tooltip({ + placement : 'top' + }); +}); diff --git a/pages/formatting/adding_tooltips.md b/pages/formatting/adding_tooltips.md new file mode 100644 index 0000000..0fe91d3 --- /dev/null +++ b/pages/formatting/adding_tooltips.md @@ -0,0 +1,18 @@ +--- +title: Adding tooltips +permalink: /adding_tooltips/ +--- + +You can add tooltips to your content. 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: + + +```html +Jekyll is my favorite tool for building websites. +``` + +This renders to the following: + +Jekyll is my favorite tool for building websites. +