51 lines
1.4 KiB
Vue
51 lines
1.4 KiB
Vue
<template lang="pug">
|
|
.welcome
|
|
main
|
|
h1.text-black.font-bold.text-xl.mb-2 {{ $t('general.siteTitle') }}
|
|
p Webgems is a goto place for devs and designers to find new resources and more. As a beginner it's sometimes not easy to find what you need since you don't know what you should look for.
|
|
p Therefore i created this project to have the most common and best resources for beginners and veterans in one place. Kinda like a bookmarks list for devs and designers, containing only the best gems out there.
|
|
p If you want to add your own gem, go ahead and open a pull request on github (click on that octocat at the top right corner).
|
|
p By the way, this project lives by getting shared, if you find this worthy please share it with others.
|
|
p.muted // made with love by
|
|
p.contributors class
|
|
a(href="https://twitter.com/lostdesign") @lostdesign
|
|
span extends
|
|
a(href="https://github.com/S3B4S") @S3B4S
|
|
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.welcome {
|
|
display:flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.muted {
|
|
font-size: 0.8rem;
|
|
opacity: 0.5;
|
|
margin-top: 3rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.contributors {
|
|
margin-top: 0;
|
|
}
|
|
|
|
main {
|
|
display:flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
max-width: 50%;
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
main {
|
|
max-width: 90%;
|
|
}
|
|
}
|
|
</style>
|
|
|