Yuika/partials/navigation.hbs

<div class="menu">
    {{#foreach navigation}}
    <div class="menu__item">
        <a href={{url absolute="true" }}>
            <p class="menu__text">{{label}}</p>
        </a>
    </div>
    {{/foreach}}

    <div class="menu__item" id="darkMode">
        <i class="material-icons md-24">brightness_low</i>
        <p class="menu__text">Dark Mode</p>
    </div>
</div>
Use Shian for styling 2021-04-14 08:24:27 +00:00			`<div class="menu">`
			`{{#foreach navigation}}`
			`<div class="menu__item">`
			`<a href={{url absolute="true" }}>`
			`<p class="menu__text">{{label}}</p>`
			`</a>`
			`</div>`
			`{{/foreach}}`
feat(theme): add dark mode With version 3, Yuika now uses Shian as a basis of styling. Since Shian was written with both light and dark themes in mind, this means that the theme now is able to support switching between them. This commit implements a dark theme toggle that will switch the site between light and dark themes. 2021-04-14 12:38:23 +00:00
			`<div class="menu__item" id="darkMode">`
			`<i class="material-icons md-24">brightness_low</i>`
			`<p class="menu__text">Dark Mode</p>`
			`</div>`
Use Shian for styling 2021-04-14 08:24:27 +00:00			`</div>`