diff --git a/_share/media/js/collapsible.js b/_share/media/js/collapsible.js new file mode 100644 index 0000000..ded1a8a --- /dev/null +++ b/_share/media/js/collapsible.js @@ -0,0 +1,17 @@ +document.addEventListener('DOMContentLoaded', function() { + var headers = document.querySelectorAll('h4'); + + headers.forEach(function(header) { + header.addEventListener('click', function() { + var nextElement = header.nextElementSibling; + if (nextElement) { + var collapsibleList = nextElement.querySelector('.playlist, .notes, .contents'); + if (collapsibleList) { + header.classList.toggle('active'); + collapsibleList.classList.toggle('active'); + } + } + }); + }); +}); + diff --git a/_share/media/sass/collapsible.sass b/_share/media/sass/collapsible.sass new file mode 100644 index 0000000..f5ba439 --- /dev/null +++ b/_share/media/sass/collapsible.sass @@ -0,0 +1,20 @@ +h4 + cursor: pointer + &:after + content: "▸" + font-size: 0.8em + margin-left: 10px + transition: transform 0.2s + + &.active:after + transform: rotate(90deg) + +div.outline-text-4 + display: block + + .playlist, .notes, .contents + display: none + + &.active + display: block + diff --git a/mba-main.org b/mba-main.org index 13b5dd0..4a209b2 100644 --- a/mba-main.org +++ b/mba-main.org @@ -1,6 +1,6 @@ #+title: An Entire MBA in 1 Course - Chris Haroun #+HTML_HEAD: -#+HTML_HEAD: +#+HTML_HEAD: * Table of Contents ** Section 1 - Launching a new company diff --git a/mba/ch13.org b/mba/ch13.org index f24b8e7..ac705d2 100644 --- a/mba/ch13.org +++ b/mba/ch13.org @@ -1,10 +1,12 @@ -#+title: How to Present +#+title: Section 2| Lesson 13 - How to Present like Steve Jobs #+HTML_HEAD: #+HTML_HEAD: -[[./../mba-main.org][Business TOC]] +* Links +- [[./../mba-main.org][