[page.*] [scss.layout] added loader for bad connection

This commit is contained in:
xdrm-brackets 2018-03-14 12:44:11 +01:00
parent f2201ebedc
commit 84ecabedd0
8 changed files with 36 additions and 12 deletions

View File

@ -39,6 +39,7 @@
<p>Prenez la fusée pour retourner à l'accueil en un clic</p> <p>Prenez la fusée pour retourner à l'accueil en un clic</p>
</div> </div>
</body> </body>
</html> </html>

View File

@ -26,7 +26,7 @@
<script type='text/javascript' src='/js/_SERVER.js'></script> <script type='text/javascript' src='/js/_SERVER.js'></script>
</head> </head>
<body> <body class='loading'>
<div id='main-vue'></div> <div id='main-vue'></div>
@ -43,6 +43,6 @@
<!-- Main loop --> <!-- Main loop -->
<script type='text/javascript' src='/js/bundle@fiche.js'></script> <script type='text/javascript' src='/js/bundle@fiche.js' onload="document.body.className=''"></script>
</body> </body>
</html> </html>

View File

@ -26,7 +26,7 @@
<script type='text/javascript' src='/js/_SERVER.js'></script> <script type='text/javascript' src='/js/_SERVER.js'></script>
</head> </head>
<body> <body class='loading'>
<div id='main-vue'></div> <div id='main-vue'></div>
@ -43,6 +43,6 @@
<!-- Main loop --> <!-- Main loop -->
<script type='text/javascript' src='/js/bundle@home.js'></script> <script type='text/javascript' src='/js/bundle@home.js' onload="document.body.className=''"></script>
</body> </body>
</html> </html>

View File

@ -24,7 +24,7 @@
<script type='text/javascript' src='/js/_SERVER.js'></script> <script type='text/javascript' src='/js/_SERVER.js'></script>
</head> </head>
<body> <body class='loading'>
<div id='main-vue'></div> <div id='main-vue'></div>
@ -41,6 +41,6 @@
<!-- Main loop --> <!-- Main loop -->
<script type='text/javascript' src='/js/bundle@login.js'></script> <script type='text/javascript' src='/js/bundle@login.js' onload="document.body.className=''"></script>
</body> </body>
</html> </html>

View File

@ -26,7 +26,7 @@
<script type='text/javascript' src='/js/_SERVER.js'></script> <script type='text/javascript' src='/js/_SERVER.js'></script>
</head> </head>
<body> <body class='loading'>
<div id='main-vue'></div> <div id='main-vue'></div>
@ -43,6 +43,6 @@
<!-- Main loop --> <!-- Main loop -->
<script type='text/javascript' src='/js/bundle@settings.js'></script> <script type='text/javascript' src='/js/bundle@settings.js' onload="document.body.className=''"></script>
</body> </body>
</html> </html>

View File

@ -26,7 +26,7 @@
<script type='text/javascript' src='/js/_SERVER.js'></script> <script type='text/javascript' src='/js/_SERVER.js'></script>
</head> </head>
<body> <body class='loading'>
<div id='main-vue'></div> <div id='main-vue'></div>
@ -43,6 +43,6 @@
<!-- Main loop --> <!-- Main loop -->
<script type='text/javascript' src='/js/bundle@teacher.js'></script> <script type='text/javascript' src='/js/bundle@teacher.js' onload="document.body.className=''"></script>
</body> </body>
</html> </html>

View File

@ -26,7 +26,7 @@
<script type='text/javascript' src='/js/_SERVER.js'></script> <script type='text/javascript' src='/js/_SERVER.js'></script>
</head> </head>
<body> <body class='loading'>
<div id='main-vue'></div> <div id='main-vue'></div>
@ -43,6 +43,6 @@
<!-- Main loop --> <!-- Main loop -->
<script type='text/javascript' src='/js/bundle@ue.js'></script> <script type='text/javascript' src='/js/bundle@ue.js' onload="document.body.className=''"></script>
</body> </body>
</html> </html>

View File

@ -15,6 +15,29 @@ body{
font-size: 17px; font-size: 17px;
font-family: 'Fira Sans'; font-family: 'Fira Sans';
&.loading{
background: #dee6ec;
&:after{
content: "Chargement en cours";
display: block;
position: fixed;
top: 50%;
left: 50%;
color: #333;
font-size: 4vw;
text-shadow: 2px 2px 0 #fff;
transform: translateX(-50%) translateY(-50%);
}
}
} }