michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade dependencies

Browse Source
This commit is contained in:
Michal Vanko
2019-12-28 20:14:33 +01:00
parent 9a93331c68
commit 2bfd966d50
3 changed files with 726 additions and 491 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Nav.svelte
View File

@ -1,9 +1,9 @@
<script>
export let segment;
// export let segment;
</script>
<style>
/* nav {
/* nav {
border-bottom: 1px solid rgba(255,62,0,0.1);
font-weight: 300;
padding: 0 1em;
@ -15,7 +15,7 @@
}
/* clearfix */
/* ul::after {
/* ul::after {
content: '';
display: block;
clear: both;
@ -41,12 +41,12 @@
bottom: -1px;
} */
/* a {
/* a {
text-decoration: none;
padding: 1em 0.5em;
display: block;
} */
nav {
position: sticky;
top: 0;
@ -58,24 +58,24 @@
nav a {
padding: 0.4em 0.5em;
}
}
</style>
<nav>
<!-- <ul> -->
<!-- <li><a class='{segment === undefined ? "selected" : ""}' href='.'>home</a></li> -->
<!-- <li><a class='{segment === "portfolio" ? "selected" : ""}' href='portfolio'>portfolio</a></li> -->
<!-- <ul> -->
<!-- <li><a class='{segment === undefined ? "selected" : ""}' href='.'>home</a></li> -->
<!-- <li><a class='{segment === "portfolio" ? "selected" : ""}' href='portfolio'>portfolio</a></li> -->
<!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
<!-- 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 class='{segment === "blog" ? "selected" : ""}' href='blog'>blog</a></li> -->
<!-- </ul> -->
<!-- <li><a rel=prefetch class='{segment === "blog" ? "selected" : ""}' href='blog'>blog</a></li> -->
<!-- </ul> -->
<div class="page-navigation">
<a href="portfolio#personal-information">About</a>
<a href="portfolio#skills">Skills</a>
<a href="portfolio#work-history">Work History</a>
<a href="portfolio#projects">Projects</a>
<a href="portfolio#education">Education</a>
<a href="portfolio#personal-information">About</a>
<a href="portfolio#skills">Skills</a>
<a href="portfolio#work-history">Work History</a>
<a href="portfolio#projects">Projects</a>
<a href="portfolio#education">Education</a>
</div>
</nav>
</nav>