...
 
Commits (3)
  • Mathieu Delestre's avatar
    main package frontend command update · 4c8f8969
    Mathieu Delestre authored
    Parcel command will be in the frontend/package.json file.
    The frontend must be considered as a external app as most as possible.
    Indeed the actual express server with HBS template support from the main apps is problematic to fully dissociate the app but it's a good start
    4c8f8969
  • Mathieu Delestre's avatar
    massive file reorganization · f86a97dd
    Mathieu Delestre authored
    1. frontend/ressources : 
    All the static file serve direclty from the main express server. 
    🎯Reduce number of file in this folder as much as possible.
    
    2. /frontend/src :
    Parcel sources file for build process (JS/CSS/FONTS/IMG)
    
    Parcel build the /frontend/src/app.js and this file do an ``import './app.css'`` then parcel output an app.css file in the output build folder
    
    Next step add scss support
    f86a97dd
  • Mathieu Delestre's avatar
    scss support (!!! 👾 see comment bellow) · e6db82da
    Mathieu Delestre authored
    👾 neested scss import break the path resolution
    - solution = app.css (still a basic CSS) loading some SCSS files
    So the SCSS file containing url(...) ar handled without error
    
    If app.css is rename to app.scss all the neested import path resolution will be made as if the neested file is in the src folder instead of the src/styles folder ... and the relative path to the assets will break
    e6db82da
......@@ -2,17 +2,24 @@
"name": "frontend",
"version": "1.0.0",
"main": "bundle.js",
"scripts": {
"dev": "npx parcel watch ./src/app.js --public-url ./ --out-dir ./build/",
"build": "npx parcel build ./src/app.js --public-url ./ --out-dir ./build/"
},
"dependencies": {
"axios": "^0.18.0",
"babel-polyfill": "^6.26.0",
"fonts": "^0.0.2",
"i18next": "^15.0.7",
"i18next-browser-languagedetector": "^3.0.1",
"i18next-xhr-backend": "^2.0.1",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-i18next": "^10.5.3"
"react-i18next": "^10.5.3",
"styles": "^0.2.1"
},
"devDependencies": {
"node-sass": "^4.12.0",
"parcel-bundler": "^1.12.3"
},
"license": "MIT"
......
......@@ -10,7 +10,7 @@
<meta name="author" content="mugen.karaokes.moe">
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel='shortcut icon' type='image/x-icon' href='/favicon2.ico' />
<link rel='shortcut icon' type='image/x-icon' href='/ressources/favicon2.ico' />
<link rel="stylesheet" href="/build/app.css">
</head>
......@@ -27,21 +27,21 @@
</script>
<script src="/socket.io/socket.io.js"></script>
<script src="/vendors/js/iso_639-2.js"></script>
<script src="/vendors/js/assignIE.js"></script>
<script src="/vendors/js/jquery-3.2.1.min.js"></script>
<script src="/vendors/js/select2.min.js"></script>
<script src="/vendors/js/bootstrap.min.js"></script>
<script src="/vendors/js/bootstrap-switch.min.js"></script>
<script src="/vendors/js/jquery-ui.min.js"></script>
<script src="/vendors/js/jquery.ui.touch-punch.min.js"></script>
<script src="/vendors/js/hammer.min.js"></script>
<script src="/vendors/js/hammer-time.min.js"></script>
<script src="/vendors/js/velocity.min.js"></script>
<script src="/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="/vendors/js/i18n.js"></script>
<script src="/vendors/js/intro.js"></script>
<script src="/vendors/js/sprintf.min.js"></script>
<script src="/ressources/vendors/js/iso_639-2.js"></script>
<script src="/ressources/vendors/js/assignIE.js"></script>
<script src="/ressources/vendors/js/jquery-3.2.1.min.js"></script>
<script src="/ressources/vendors/js/select2.min.js"></script>
<script src="/ressources/vendors/js/bootstrap.min.js"></script>
<script src="/ressources/vendors/js/bootstrap-switch.min.js"></script>
<script src="/ressources/vendors/js/jquery-ui.min.js"></script>
<script src="/ressources/vendors/js/jquery.ui.touch-punch.min.js"></script>
<script src="/ressources/vendors/js/hammer.min.js"></script>
<script src="/ressources/vendors/js/hammer-time.min.js"></script>
<script src="/ressources/vendors/js/velocity.min.js"></script>
<script src="/ressources/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="/ressources/vendors/js/i18n.js"></script>
<script src="/ressources/vendors/js/intro.js"></script>
<script src="/ressources/vendors/js/sprintf.min.js"></script>
<script src="/build/app.js"></script>
<script src="/ressources/js/karaokemugen.js"></script>
<script src="/ressources/js/tools.js"></script>
......
......@@ -10,7 +10,7 @@
<meta name="author" content="mugen.karaokes.moe">
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
<link rel='shortcut icon' type='image/x-icon' href='/ressources/favicon.ico' />
<link rel="stylesheet" href="/build/app.css">
</head>
......@@ -30,20 +30,20 @@
{{else}}
<script src="/socket.io/socket.io.js"></script>
<script src="/vendors/js/iso_639-2.js"></script>
<script src="/vendors/js/assignIE.js"></script>
<script src="/vendors/js/jquery-3.2.1.min.js"></script>
<script src="/vendors/js/select2.min.js"></script>
<script src="/vendors/js/bootstrap.min.js"></script>
<script src="/vendors/js/bootstrap-switch.min.js"></script>
<script src="/vendors/js/velocity.min.js"></script>
<script src="/vendors/js/hammer.min.js"></script>
<script src="/vendors/js/hammer-time.min.js"></script>
<script src="/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="/vendors/js/i18n.js"></script>
<script src="/vendors/js/intro.js"></script>
<script src="/vendors/js/f.min.js"></script>
<script src="/vendors/js/sprintf.min.js"></script>
<script src="/ressources/vendors/js/iso_639-2.js"></script>
<script src="/ressources/vendors/js/assignIE.js"></script>
<script src="/ressources/vendors/js/jquery-3.2.1.min.js"></script>
<script src="/ressources/vendors/js/select2.min.js"></script>
<script src="/ressources/vendors/js/bootstrap.min.js"></script>
<script src="/ressources/vendors/js/bootstrap-switch.min.js"></script>
<script src="/ressources/vendors/js/velocity.min.js"></script>
<script src="/ressources/vendors/js/hammer.min.js"></script>
<script src="/ressources/vendors/js/hammer-time.min.js"></script>
<script src="/ressources/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="/ressources/vendors/js/i18n.js"></script>
<script src="/ressources/vendors/js/intro.js"></script>
<script src="/ressources/vendors/js/f.min.js"></script>
<script src="/ressources/vendors/js/sprintf.min.js"></script>
<script src="/ressources/js/karaokemugen.js"></script>
<script src="/ressources/js/tools.js"></script>
<script src="/ressources/js/public.js"></script>
......
......@@ -240,22 +240,22 @@
var appFirstRun = {{appFirstRun}} == true;
welcomeScreen = true;
</script>
<script src="/vendors/js/jquery-3.2.1.min.js"></script>
<script src="/vendors/js/select2.min.js"></script>
<script src="/vendors/js/bootstrap.min.js"></script>
<script src="/vendors/js/i18n.js"></script>
<script src="/ressources/vendors/js/jquery-3.2.1.min.js"></script>
<script src="/ressources/vendors/js/select2.min.js"></script>
<script src="/ressources/vendors/js/bootstrap.min.js"></script>
<script src="/ressources/vendors/js/i18n.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="/vendors/js/assignIE.js"></script>
<script src="/vendors/js/bootstrap-switch.min.js"></script>
<script src="/vendors/js/jquery-ui.min.js"></script>
<script src="/vendors/js/jquery.ui.touch-punch.min.js"></script>
<script src="/vendors/js/hammer.min.js"></script>
<script src="/vendors/js/hammer-time.min.js"></script>
<script src="/vendors/js/velocity.min.js"></script>
<script src="/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="/vendors/js/intro.js"></script>
<script src="/vendors/js/sprintf.min.js"></script>
<script src="/ressources/vendors/js/assignIE.js"></script>
<script src="/ressources/vendors/js/bootstrap-switch.min.js"></script>
<script src="/ressources/vendors/js/jquery-ui.min.js"></script>
<script src="/ressources/vendors/js/jquery.ui.touch-punch.min.js"></script>
<script src="/ressources/vendors/js/hammer.min.js"></script>
<script src="/ressources/vendors/js/hammer-time.min.js"></script>
<script src="/ressources/vendors/js/velocity.min.js"></script>
<script src="/ressources/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="/ressources/vendors/js/intro.js"></script>
<script src="/ressources/vendors/js/sprintf.min.js"></script>
<script src="/ressources/js/karaokemugen.js"></script>
<script src="/ressources/js/admin.js"></script>
<script src="/ressources/js/tools.js"></script>
......
@import './fonts/Lato/stylesheet.css';
@import './fonts/Roboto/stylesheet.css';
/* css import of bootstrap from dist file - JS is still in static /ressources forlder */
@import './vendors/bootstrap3/css/bootstrap.css';
@import './vendors/bootstrap-switch.min.css';
@import './vendors/select2.min.css';
@import './vendors/select2-bootstrap.min.css';
@import './vendors/jquery-ui.min.css';
@import './vendors/perfect-scrollbar.min.css';
@import './vendors/introjs.min.css';
@import './styles/karaokemugen.scss';
@import './styles/admin.scss';
@import './styles/main.scss';
@import './styles/public.scss';
\ No newline at end of file
......@@ -2,7 +2,8 @@ import React, { Suspense } from 'react';
import ReactDOM from 'react-dom';
import Options from './components/options/Options';
import './components/i18n';
require('./style')
import './app.css'
const Loader = () => (
<div>loading...</div>
......
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<meta name="format-detection" content="telephone=no">
<title>Transfonter demo</title>
<link href="stylesheet.css" rel="stylesheet">
<style>
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* common styles */
body {
background: #f1f1f1;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before, .s11:before, .s12:before, .s14:before,
.s18:before, .s24:before, .s30:before, .s36:before,
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
position: relative;
padding: 9px;
margin: 0 0 10px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal !important;
font-style: normal !important;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
pre:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: 'Usage';
line-height: 1;
padding: 5px 8px;
font-size: 12px;
color: #767676;
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-radius: 0 4px 0 4px;
z-index: 10;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo" style="font-family: 'Lato'; font-weight: normal; font-style: normal;">
<h1>Lato Regular</h1>
<pre>.your-style {
font-family: 'Lato';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'Lato'; font-weight: bold; font-style: normal;">
<h1>Lato Bold</h1>
<pre>.your-style {
font-family: 'Lato';
font-weight: bold;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'Lato'; font-weight: 300; font-style: normal;">
<h1>Lato-Light</h1>
<pre>.your-style {
font-family: 'Lato';
font-weight: 300;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
@font-face {
font-family: 'Lato';
src: url('Lato-Regular.eot');
src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('Lato-Regular.woff2') format('woff2'),
url('Lato-Regular.woff') format('woff'),
url('Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('Lato-Bold.eot');
src: url('Lato-Bold.eot?#iefix') format('embedded-opentype'),
url('Lato-Bold.woff2') format('woff2'),
url('Lato-Bold.woff') format('woff'),
url('Lato-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('Lato-Light.eot');
src: url('Lato-Light.eot?#iefix') format('embedded-opentype'),
url('Lato-Light.woff2') format('woff2'),
url('Lato-Light.woff') format('woff'),
url('Lato-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<meta name="format-detection" content="telephone=no">
<title>Transfonter demo</title>
<link href="stylesheet.css" rel="stylesheet">
<style>
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* common styles */
body {
background: #f1f1f1;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before, .s11:before, .s12:before, .s14:before,
.s18:before, .s24:before, .s30:before, .s36:before,
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
position: relative;
padding: 9px;
margin: 0 0 10px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal !important;
font-style: normal !important;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
pre:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: 'Usage';
line-height: 1;
padding: 5px 8px;
font-size: 12px;
color: #767676;
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-radius: 0 4px 0 4px;
z-index: 10;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo" style="font-family: 'Roboto'; font-weight: bold; font-style: normal;">
<h1>Roboto Bold</h1>
<pre>.your-style {
font-family: 'Roboto';
font-weight: bold;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'Roboto'; font-weight: normal; font-style: normal;">
<h1>Roboto</h1>
<pre>.your-style {
font-family: 'Roboto';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'Roboto'; font-weight: 300; font-style: normal;">
<h1>Roboto Light</h1>
<pre>.your-style {
font-family: 'Roboto';
font-weight: 300;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
@font-face {
font-family: 'Roboto';
src: url('Roboto-Bold.eot');
src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('Roboto-Bold.woff2') format('woff2'),
url('Roboto-Bold.woff') format('woff'),
url('Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.eot');
src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('Roboto-Regular.woff2') format('woff2'),
url('Roboto-Regular.woff') format('woff'),
url('Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-Light.eot');
src: url('Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('Roboto-Light.woff2') format('woff2'),
url('Roboto-Light.woff') format('woff'),
url('Roboto-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
......@@ -600,7 +600,7 @@ button.closeParent.bottom {
position: absolute;
top: 0;
left: 0;
background: url(/ressources/img/nanami_g_1280w.jpg) no-repeat;
background: url(../assets/nanami_g_1280w.jpg) no-repeat;
background-size: 100%;
background-position: 0 20%;
width: 100%;
......@@ -827,8 +827,6 @@ input[type=range]:focus {
margin: 0;
position: absolute;
bottom: 0;
bottom: -33px\0/; /* specific to IE */
margin-left: -1px\0/; /* specific to IE */
width: inherit;
}
......@@ -1751,7 +1749,7 @@ animation: noise .45s steps(5,end) infinite both;
}
.playlistContainer[flipped]:after {
background: url(/ressources/img/nanami_g_980w.jpg) no-repeat;
background: url(../assets/nanami_g_980w.jpg) no-repeat;
background-size: 100%;
background-position: 0 20%;
}
......@@ -1781,7 +1779,7 @@ animation: noise .45s steps(5,end) infinite both;
}
.klogo {
background-image: url(/ressources/img/Klogo.png) !important;
background-image: url(../assets/Klogo.png) !important;
background-size: 67%;
background-repeat: no-repeat;
background-position: center;
......
......@@ -380,14 +380,4 @@ ul.news li.new.open {
.dash_title {
text-transform: uppercase;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(/vendors/fonts/Lato-Light.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
require('/styles/vendors/bootstrap.min.css');
require('/styles/vendors/bootstrap-switch.min.css');
require('/styles/vendors/select2.min.css');
require('/styles/vendors/select2-bootstrap.min.css');
require('/styles/vendors/jquery-ui.min.css');
require('/styles/vendors/perfect-scrollbar.min.css');
require('/styles/vendors/introjs.min.css');
require('/styles/karaokemugen.css');
require('/styles/admin.css');
require('/styles/main.css');
require('/styles/public.css');
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
The MIT License (MIT)
Copyright (c) 2014-2017 Materialize
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.