timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 19:13:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

add more changes

Browse Source
This commit is contained in:
timothypidashev
2021-07-15 04:04:12 +00:00
parent f72058988c
commit 2c256b62e1
3 changed files with 108 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/NavBar.vue
View File

@@ -1,37 +0,0 @@
<template>
<b-navbar toggleable="lg" type="dark" variant="dark" class="w-100">
<b-navbar-brand to="/">
<b-img
class="d-inline-block align-top"
src="~assets/logo.svg"
alt="Logo"
width="30"
height="30"
/>
<span class="font-weight-bold"></span>
</b-navbar-brand>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
<b-collapse id="nav-collapse" is-nav>
<b-navbar-nav>
<b-nav-item v-for="(item, index) in menu" :key="index" :href="item.to">
{{ item.label }}
</b-nav-item>
</b-navbar-nav>
</b-collapse>
</b-navbar>
</template>
<script>
export default {
data() {
return {
menu: [
{ to: "#about", label: "About" },
{ to: "#contact", label: "Contact" }
]
};
}
};
</script>

50
layouts/default.vue Normal file
View File

@@ -0,0 +1,50 @@
<template>
<div>
<nuxt />
</div>
</template>
<style>
html {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
}
.button--green {
display: inline-block;
border-radius: 4px;
border: 1px solid #3b8070;
color: #3b8070;
text-decoration: none;
padding: 10px 30px;
}
.button--green:hover {
color: #fff;
background-color: #3b8070;
}
.button--grey {
display: inline-block;
border-radius: 4px;
border: 1px solid #35495e;
color: #35495e;
text-decoration: none;
padding: 10px 30px;
margin-left: 15px;
}
.button--grey:hover {
color: #fff;
background-color: #35495e;
}
</style>

59
pages/index.vue
View File

@@ -1,6 +1,61 @@
<template> <template>
<div class="container">
<div> <div>
<NavBar /> <logo />
<About /> <h1 class="title">
Timothy Pidashev
</h1>
<h2 class="subtitle">
A 16-year-old on an epic journey to become a software developer!
</h2>
<div class="links">
<a
href="https://nuxtjs.org/"
target="_blank"
rel="noopener"
class="button--green"
>
Documentation
</a>
<a
href="https://github.com/timothypidashev"
target="_blank"
rel="noopener"
class="button--grey"
>
GitHub
</a>
</div>
</div>
</div> </div>
</template> </template>
<style>
.container {
margin: 0 auto;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.title {
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
display: block;
font-weight: 300;
font-size: 100px;
color: #35495e;
letter-spacing: 1px;
}
.subtitle {
font-weight: 300;
font-size: 42px;
color: #526488;
word-spacing: 5px;
padding-bottom: 15px;
}
.links {
padding-top: 15px;
}
</style>