87 lines
2.5 KiB
Plaintext
87 lines
2.5 KiB
Plaintext
<style lang="scss">
|
|
@import 'bulmaswatch/darkly/_variables.scss';
|
|
@import 'bulma/bulma.sass';
|
|
@import 'bulmaswatch/darkly/_overrides.scss';
|
|
</style>
|
|
|
|
<nav class="navbar is-transparent" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item brand-text">
|
|
<!-- <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> -->
|
|
<span>thomaspcole.com</span>
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-item" href="/">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fas fa-home"></i>
|
|
</span>
|
|
<span>Home</span>
|
|
</span>
|
|
</a>
|
|
|
|
<!-- <a class="navbar-item" href="/projects">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fas fa-project-diagram"></i>
|
|
</span>
|
|
<span>Projects</span>
|
|
</span>
|
|
</a> -->
|
|
|
|
<a class="navbar-item" href="/about">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fas fa-user"></i>
|
|
</span>
|
|
<span>About</span>
|
|
</span>
|
|
</a>
|
|
|
|
<a class="navbar-item" href="https://github.com/thomaspcole">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fab fa-github"></i>
|
|
</span>
|
|
<span>Github</span>
|
|
</span>
|
|
</a>
|
|
|
|
<a class="navbar-item" href="https://git.thomaspcole.com/thomascole">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fab fa-git-alt"></i>
|
|
</span>
|
|
<span>Gitea</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
if ($navbarBurgers.length > 0) {
|
|
$navbarBurgers.forEach( el => {
|
|
el.addEventListener('click', () => {
|
|
const target = el.dataset.target;
|
|
const $target = document.getElementById(target);
|
|
el.classList.toggle('is-active');
|
|
$target.classList.toggle('is-active');
|
|
});
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|