diff --git a/client/public/img/favicon.ico b/client/public/favicon.ico similarity index 100% rename from client/public/img/favicon.ico rename to client/public/favicon.ico diff --git a/client/public/index.html b/client/public/index.html index 9cd4214..cb43775 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -4,9 +4,10 @@ - + + + Auracle - diff --git a/client/public/libs/clipboard.min.js b/client/public/libs/clipboard.min.js deleted file mode 100644 index 02c549e..0000000 --- a/client/public/libs/clipboard.min.js +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * clipboard.js v2.0.4 - * https://zenorocha.github.io/clipboard.js - * - * Licensed MIT © Zeno Rocha - */ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n + + \ No newline at end of file diff --git a/client/public/libs/material-design-icons.woff2 b/client/src/assets/fonts/material-design-icons.woff2 similarity index 100% rename from client/public/libs/material-design-icons.woff2 rename to client/src/assets/fonts/material-design-icons.woff2 diff --git a/client/public/img/bg1.png b/client/src/assets/images/bg1.png similarity index 100% rename from client/public/img/bg1.png rename to client/src/assets/images/bg1.png diff --git a/client/src/assets/scss/_fonts.scss b/client/src/assets/scss/_fonts.scss index e69de29..c533377 100644 --- a/client/src/assets/scss/_fonts.scss +++ b/client/src/assets/scss/_fonts.scss @@ -0,0 +1,36 @@ + +.font-display{ font-family: 'Playfair Display', serif; } +.font-weight-100{ font-weight: 100; } +.font-weight-200{ font-weight: 200; } +.font-weight-300{ font-weight: 300; } +.font-weight-400{ font-weight: 400; } +.font-weight-500{ font-weight: 500; } +.font-weight-600{ font-weight: 600; } +.font-weight-700{ font-weight: 700; } +.font-weight-800{ font-weight: 800; } +.font-weight-900{ font-weight: 900; } + +.line-height-100{ line-height: 100%; } + +@font-face{ + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url('../fonts/material-design-icons.woff2') format('woff2'); +} +.mad { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + transform: translateY(12.5%); + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; +} diff --git a/client/src/assets/scss/_global.scss b/client/src/assets/scss/_global.scss index 37fcf93..3e38270 100644 --- a/client/src/assets/scss/_global.scss +++ b/client/src/assets/scss/_global.scss @@ -1,6 +1,5 @@ // Other global files @import '_variables'; -@import '_mixins'; @import '_fonts'; // RESETS @@ -13,29 +12,21 @@ html { color: $primary--base; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -} - -html *, -html *::before, -html *::after { - box-sizing: border-box; -} - -* { - margin: 0; - padding: 0; - outline: none; + * { + margin: 0; + padding: 0; + outline: none; + box-sizing: border-box; + &:before, &:after { + box-sizing: border-box; + } + } } @at-root { @-ms-viewport { width: device-width; } } -a { - text-decoration: none; - color: inherit; -} - ul { list-style-type: none; } @@ -55,11 +46,13 @@ hr { .nav-link { cursor: pointer; } - .btn { margin-right: 5px; } +.word-break{ word-wrap: break-word; } +.cursor-pointer{ cursor: pointer; } + // LAYOUTS .fullpage { min-height: calc(100vh - 56px); diff --git a/client/src/assets/scss/_mixins.scss b/client/src/assets/scss/_mixins.scss deleted file mode 100644 index 14f2386..0000000 --- a/client/src/assets/scss/_mixins.scss +++ /dev/null @@ -1,6 +0,0 @@ -@mixin blue-glow-box($radius) { - box-shadow: 0 0 .5rem * $radius #fff, 0 0 1rem * $radius $primary--blue, 0 0 2rem * $radius $primary--blue; -} -@mixin blue-glow-text($radius) { - text-shadow: 0 0 .5rem * $radius #fff, 0 0 1rem * $radius $primary--blue, 0 0 2rem * $radius $primary--blue; -} \ No newline at end of file diff --git a/client/src/pages/index-page.vue b/client/src/pages/index-page.vue index 3018784..4774949 100644 --- a/client/src/pages/index-page.vue +++ b/client/src/pages/index-page.vue @@ -5,7 +5,7 @@

"C'est magique, ta gueule."

— N'importe quel MJ, une fois dans sa vie
-
Auracle est une base de données publique en ligne pour sortilèges, en soutien au jeu de rôle sur table Leïm.
+
Auracle est une base de données publique en ligne pour sortilèges, en soutien au jeu de rôle sur table Leïm.
@@ -24,9 +24,14 @@ section { width: 1000px; .title { font-size: 5rem; - font-weight: 700; + font-weight: 900; text-align: center; } + .lead { + .font-display { + font-weight: 700; + } + } } } @media only screen and (max-width: 600px) {