diff --git a/README.md b/README.md index ee38524c..25afdeb3 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ $ npm install # Or yarn install # serve with hot reload at localhost:3000 -$ npm run dev +$ npm start # build for production and launch server $ npm run build diff --git a/src/components/Github.vue b/src/components/Github.vue index c3c1a078..737187e7 100644 --- a/src/components/Github.vue +++ b/src/components/Github.vue @@ -1,37 +1,54 @@ + \ No newline at end of file + .github-corner { + position: fixed; + top: 0; + right: 0; + + .svg { + position: absolute; + top: 0; + right: 0; + border: 0; + } + } + + .github-corner:hover .octo-arm { + animation: octocat-wave 560ms ease-in-out + } + + @keyframes octocat-wave { + 0%, 100% { + transform: rotate(0) + } + 20%, 60% { + transform: rotate(-25deg) + } + 40%, 80% { + transform: rotate(10deg) + } + } + + @media (max-width: 500px) { + .github-corner:hover .octo-arm { + animation: none + } + .github-corner .octo-arm { + animation: octocat-wave 560ms ease-in-out + } + } + diff --git a/src/components/Module.vue b/src/components/Module.vue index de157195..dace9e62 100644 --- a/src/components/Module.vue +++ b/src/components/Module.vue @@ -51,7 +51,14 @@
-

npm install {{module.npmName}}

+

+ + npm install {{module.npmName}} + +

@@ -168,11 +175,10 @@ export default { .npmBadge { background-color: transparentize($blue, 0.6); padding: 15px; - color: white; text-align: right; width: 100%; font-size: 0.9rem; - font-weight: 300; + font-weight: 400; font-family: 'Montserrat', sans-serif; } .hasParent{ diff --git a/src/layouts/default.vue b/src/layouts/default.vue index 86af3f2b..476ebae7 100644 --- a/src/layouts/default.vue +++ b/src/layouts/default.vue @@ -4,9 +4,9 @@ - + @@ -112,4 +112,4 @@ export default { margin-top: 0px; } } - \ No newline at end of file + diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 087d5a60..166f6e16 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -1,6 +1,11 @@ $green: #2ECC71; $blue: #0C3952; +$lightBlue: lighten($blue, 20%); $grey: #ECF0F1; $lightGrey: #FAFAFA; $offset1: percentage(1 /24); -$offset3: percentage(3 / 24); \ No newline at end of file +$offset3: percentage(3 / 24); + +a:hover { + color: $lightBlue; +}