div
.title
.outrun.small.glow {{ subtitle }}
.chrome.medium.shine(:data-text="title") {{ title }}
.container
em «{{ quote }}»
.row.skills
h3.chrome.small.shine(:data-text="hireme") {{ hireme }}
.progress-bar(v-for="skill in skills", :key="skill.title")
.skill-bar
.progress(v-bind:style="{ width: skill.progress + '%' }")
h4 {{ skill.title }}
.row
.chrome.small.shine(:data-text="myTools") {{ myTools }}
.column(v-for="tool of tools", :key="tool.name", :class="tool.kategory")
a.card(:href="tool.link")
img(:src="`icons/${tool.logo}`")
.footer
NuxtLink.navbutton(to="/") {{ homeLink }}
NuxtLink.navbutton(to="/profile") {{ profileLink }}
NuxtLink.navbutton(to="/projects") {{ projectLink }}
NuxtLink.navbutton(to="/certification") {{ certificationLink }}