moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

add logo and links to social networks

Browse source
This commit is contained in:
Moritz Ruth 2019-02-20 19:16:47 +01:00
parent 01dd314499
commit 95f432d91e
24 changed files with 9152 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

43
pages/index.vue Normal file
View file

@ -0,0 +1,43 @@
<template>
<div class="hero full-width">
<div id="centered">
<Logo/>
<div id="social-icons">
<SocialIcon icon="github" to="https://github.com/ctexxx" username="ctexxx" invert/>
<SocialIcon icon="twitter" to="https://twitter.com/cte3x" username="cte3x" invert/>
<SocialIcon icon="instagram" to="https://instagram.com/cte3x" username="cte3x" invert/>
<SocialIcon icon="keybase" to="https://keybase.io/ctexxx" username="cte3x"/>
</div>
</div>
</div>
</template>
<script>
import Logo from "../components/Logo";
import SocialIcon from "@/components/SocialIcon";
export default {
name: "index",
components: { SocialIcon, Logo }
};
</script>
<style scoped lang="scss">
.hero {
height: 100vh;
background-color: #1C1C1C;
display: table;
}
#centered {
display: table-cell;
vertical-align: middle;
}
#social-icons {
margin: 0 auto;
width: fit-content;
}
</style>