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

Portfolio navigation padding

Browse Source
This commit is contained in:
Michal Vanko 2020-01-17 08:31:06 +01:00
parent 04c001dba1
commit dcf94fea2c
2 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Nav.svelte
View File

@ -44,6 +44,13 @@
a.selected { a.selected {
text-shadow: 0px 0px 1px; text-shadow: 0px 0px 1px;
} }
.page-navigation {
font-size: 0.86em;
border-top: 1px solid #65624f;
margin-top: 0.3em;
padding-top: 0.4em;
}
</style> </style>
<nav class="navigation-theme"> <nav class="navigation-theme">
@ -80,11 +87,13 @@
</aside> </aside>
</section> </section>
<!-- <div class="page-navigation"> {#if segment === 'portfolio'}
<a href="portfolio#personal-information">About</a> <section class="page-navigation">
<a href="portfolio#skills">Skills</a> <a href="portfolio#personal-information">About</a>
<a href="portfolio#work-history">Work History</a> <a href="portfolio#skills">Skills</a>
<a href="portfolio#projects">Projects</a> <a href="portfolio#work-history">Work History</a>
<a href="portfolio#education">Education</a> <a href="portfolio#projects">Projects</a>
</div> --> <a href="portfolio#education">Education</a>
</section>
{/if}
</nav> </nav>

19
src/routes/portfolio/index.svelte
View File

@ -9,8 +9,8 @@
</script> </script>
<script> <script>
import Work from '../../components/portfolio/work.svelte'; import Work from '../../components/portfolio/work.svelte'
import Project from '../../components/portfolio/project.svelte'; import Project from '../../components/portfolio/project.svelte'
export let content export let content
</script> </script>
@ -19,8 +19,8 @@
:global([id])::before { :global([id])::before {
content: ''; content: '';
display: block; display: block;
height: 3em; height: 5em;
margin-top: -3em; margin-top: -5em;
visibility: hidden; visibility: hidden;
} }
@ -32,7 +32,8 @@
text-shadow: 2px 2px 1px #c8c4b7; text-shadow: 2px 2px 1px #c8c4b7;
} }
#personal-information :global(h3), #personal-information :global(h2) { #personal-information :global(h3),
#personal-information :global(h2) {
margin: 1em 0 0.5em; margin: 1em 0 0.5em;
} }
@ -48,7 +49,7 @@
</style> </style>
<svelte:head> <svelte:head>
<title>{content.title}</title> <title>{content.title}</title>
</svelte:head> </svelte:head>
<h1>Michal Vanko</h1> <h1>Michal Vanko</h1>
@ -67,7 +68,7 @@
<ul> <ul>
{#each content.workHistory as work} {#each content.workHistory as work}
<li> <li>
<Work work={work} /> <Work {work} />
</li> </li>
{/each} {/each}
</ul> </ul>
@ -78,7 +79,7 @@
<ul> <ul>
{#each content.projects as project} {#each content.projects as project}
<li> <li>
<Project project={project} /> <Project {project} />
</li> </li>
{/each} {/each}
</ul> </ul>
@ -89,7 +90,7 @@
<ul> <ul>
{#each content.education as work} {#each content.education as work}
<li> <li>
<Work work={work} /> <Work {work} />
</li> </li>
{/each} {/each}
</ul> </ul>