quartznet/quartznet-info
Watch
2
0
Fork
You've already forked quartznet-info
 0
Code Issues Pull requests Packages Activity Actions

Testing

Browse source
This commit is contained in:
Rgebee 2021-12-24 11:47:14 +00:00
commit e3a9f76fe2
8 changed files with 406 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/Nav.svelte
View file

@ -17,24 +17,24 @@
}
</style>
<header>
<nav class="navbar navbar-expand-md">
<div class="navbar-collapse order-1 order-md-0 dual-collapse2">
<ul class="navbar-nav mr-auto">
<li><a aria-current="{segment === undefined ? 'page' : undefined}" href=".">Quartznet</a></li>
<li><a aria-current="{segment === 'about' ? 'page' : undefined}" href="about">About</a></li>
<nav class="navbar navbar-expand">
<!-- <a class="navbar-brand" href="/"></a>
<img class="logo" width="105" height="105" src="{{ site.logo }}" alt="Chris Dill">
</a> -->
<!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
the blog data when we hover over the link or tap it on a touchscreen -->
<li><a rel=prefetch aria-current="{segment === 'blog' ? 'page' : undefined}" href="blog">Blog</a>
</li>
</ul>
</div>
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul class="navbar-nav ml-auto">
<li>
<svelte:component this={rightComponent}/>
</li>
</ul>
</div>
<ul class="navbar-nav mr-auto">
<li><a aria-current="{segment === undefined ? 'page' : undefined}" href=".">Quartznet</a></li>
<li><a aria-current="{segment === 'about' ? 'page' : undefined}" href="about">About</a></li>
<!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
the blog data when we hover over the link or tap it on a touchscreen -->
<li><a rel=prefetch aria-current="{segment === 'blog' ? 'page' : undefined}" href="blog">Blog</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li>
<svelte:component this={rightComponent}/>
</li>
</ul>
</nav>
</header>