diff --git a/assets/plugins/tabs.js b/assets/plugins/tabs.js new file mode 100644 index 0000000..e01b908 --- /dev/null +++ b/assets/plugins/tabs.js @@ -0,0 +1,28 @@ +function customTabs(hook, vm) { + hook.doneEach(function() { + // Invoked each time after the data is fully loaded, no arguments, + $(".contentArea :first-child").addClass("active") + $(".tab :first-child").addClass("active") + $(".tablinks").click(function(){ + var idParent = "#" + $(this).parent().parent().attr("id") + var targetString = idParent + " .contentArea ." + $(this).attr("data-target") + + //On fait en sorte que seule la classe visée soit active + $(idParent + " .contentArea .tabcontent").removeClass("active") + $(targetString).addClass("active") + + // On fait de meme pour le bouton + $(idParent + " .tab button").removeClass("active") + $(this).addClass("active") + + console.log(idParent + " .contentArea .tabcontent") + console.log(idParent + " .tab button") + console.log(targetString) + }); + }); +} + +window.$docsify.plugins = [].concat( + customTabs, + (window.$docsify.plugins || []) +); diff --git a/assets/rulebook.css b/assets/rulebook.css new file mode 100644 index 0000000..52502ea --- /dev/null +++ b/assets/rulebook.css @@ -0,0 +1,39 @@ +/* Style the tab */ +.tab { + overflow: hidden; + border: 1px solid #ccc; + background-color: #f1f1f1; +} + +/* Style the buttons that are used to open the tab content */ +.tab button { + background-color: inherit; + float: left; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; +} + +/* Change background color of buttons on hover */ +.tab button:hover { + background-color: #ddd; +} + +/* Create an active/current tablink class */ +.tab button.active { + background-color: #ccc; +} + +/* Style the tab content */ +.tabcontent { + display: none; + padding: 6px 12px; + border: 1px solid #ccc; + border-top: none; +} + +.tabcontent.active { + display:block; +} diff --git a/rules/core/add-ons/armures-magiques.md b/rules/core/add-ons/armures-magiques.md index 627e4d0..b5517d1 100644 --- a/rules/core/add-ons/armures-magiques.md +++ b/rules/core/add-ons/armures-magiques.md @@ -5,16 +5,24 @@ Les armures magiques sont des armures spécialisées pour renforcer la défense spéciale, et/ou ayant des effets unique et spécifiques. - +