$title$
$endif$ 40 | 41 | $if(toc)$ 42 | 43 |46 |
45 |  46 |
47 | 48 | 49 | ## Quotes 50 | > Imagination is more important than knowledge. 51 | > 52 | > Albert Einstein 53 | 54 | ## Hlines 55 | Use three dashes `---` to draw an horizontal line like: 56 | 57 | --- 58 | 59 | ## Tables 60 | 1st Header|2nd Header|3rd Header 61 | :---|:---:|---: 62 | col 1 is|left-aligned|1 63 | col 2 is|center-aligned|2 64 | col 3 is|right-aligned|3 65 | 66 | ## Code blocks 67 | In Markdown, we can simply add plain code blocks to display (not evaluating) by inserting triple back quote i.e. ` ``` `. For example: 68 | ```r 69 | norm = function(x) { 70 | sqrt(x%*%x) 71 | } 72 | norm(1:4) 73 | ``` 74 | 75 | For inline plain codes use single back quote before and after the code, for example we defined `this codes here` in this way. 76 | 77 | ## Mathematical formula 78 | We can use inline LaTex equassion by using sigle `$` before and after the equation for example $y = x + z$. And we can display equations with double `$` such that: 79 | 80 | $$\mathbb{N} = \{ a \in \mathbb{Z} : a > 0 \}$$ 81 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | /* Global Variables */ 2 | :root { 3 | --navbar-padding: 8px; 4 | --navbar-height: calc(42px + 2 * var(--navbar-padding)); 5 | --navbar-font-color: var(--bs-white-rgb); 6 | --navbar-bg-color: var(--bs-dark-rgb); 7 | --bd-toc-color: rgba(var(--bs-dark-rgb), 1); 8 | } 9 | 10 | /* Dark Theme Variables */ 11 | [data-bs-theme="dark"] { 12 | --bd-toc-color: rgba(var(--bs-white-rgb), 1); 13 | } 14 | 15 | /* General Link Styles */ 16 | a { 17 | text-decoration: none; 18 | } 19 | 20 | /* Layout Styles */ 21 | .bd-layout { 22 | margin-top: calc(var(--navbar-height) + 1.5rem); 23 | } 24 | 25 | /* Code Block Styles */ 26 | .hljs { 27 | padding: 1.25rem 1em !important; 28 | border: var(--bs-border-width) solid var(--bs-border-color); 29 | border-radius: var(--bs-border-radius); 30 | background-color: var(--bd-pre-bg); 31 | } 32 | 33 | /* Blockquote Styles */ 34 | blockquote { 35 | font-size: 1.35rem; 36 | color: var(--bs-secondary-color); 37 | margin: 1rem 0 1.5rem; 38 | padding-left: 1.5rem; 39 | border-left: 3px solid var(--bs-secondary-border-subtle); 40 | } 41 | 42 | /* Pagination Styles */ 43 | .pagination { 44 | margin-top: 3rem; 45 | } 46 | 47 | /* Footer Styles */ 48 | .footer { 49 | font-size: 0.875rem; 50 | } 51 | 52 | /* Navbar Styles */ 53 | .navbar, 54 | .navbar::after { 55 | padding-top: var(--navbar-padding); 56 | padding-bottom: var(--navbar-padding); 57 | background-image: linear-gradient(rgba(var(--navbar-bg-color), 1), rgba(var(--navbar-bg-color), 0.95)); 58 | } 59 | 60 | /* Navbar Brand Styles */ 61 | .navbar .navbar-brand, 62 | .navbar .navbar-brand:hover { 63 | color: rgba(var(--navbar-font-color), 1); 64 | transform: none; 65 | } 66 | 67 | /* Navbar Items Styles */ 68 | .navbar .nav-link, 69 | .navbar .nav-line, 70 | .navbar .navbar-toggler { 71 | color: rgba(var(--navbar-font-color), 0.85); 72 | } 73 | 74 | .navbar .nav-link:hover, 75 | .navbar .nav-link.active, 76 | .navbar .nav-link.show, 77 | .navbar .navbar-toggler:hover { 78 | color: rgba(var(--navbar-font-color), 1); 79 | } 80 | 81 | /* Navbar Dropdown Menu Styles */ 82 | .navbar .dropdown-menu { 83 | --bs-dropdown-link-active-bg: unset; 84 | --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); 85 | } 86 | 87 | /* Navbar Toggler Styles */ 88 | .navbar .navbar-toggler { 89 | border: none; 90 | } 91 | 92 | /* Scrollable Navbar for Small Screens */ 93 | @media (max-width: 992px) { 94 | .scrollable-navbar { 95 | max-height: calc(100vh - var(--navbar-height)); 96 | overflow-y: auto; 97 | scrollbar-width: none; /* Hide scrollbar in Firefox */ 98 | } 99 | 100 | /* Hide scrollbar in Chrome, Edge, Safari */ 101 | .scrollable-navbar::-webkit-scrollbar { 102 | display: none; 103 | } 104 | } 105 | -------------------------------------------------------------------------------- /template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | $if(author)$$endif$ 8 | $if(description)$$endif$ 9 | $if(title)$