Font,countdown,image change #3
3 changed files with 9 additions and 9 deletions
BIN
src/curatain-min.jpeg
Normal file
BIN
src/curatain-min.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 428 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.5 MiB |
|
@ -12,11 +12,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
<title>Document</title>
|
<title>Document</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id='starter'>press enter</div>
|
<div id='starter'>please press enter to launch the store</div>
|
||||||
<div id='scene'>
|
<div id='scene'>
|
||||||
<div id='curtain'>
|
<div id='curtain'>
|
||||||
|
|
||||||
<h1>You will be redirected to New Website</h1>
|
<h1>Please wait while the store is being provisioned</h1>
|
||||||
<h1 id="countdown">10</h1>
|
<h1 id="countdown">10</h1>
|
||||||
|
|
||||||
<div class='left'></div>
|
<div class='left'></div>
|
||||||
|
@ -25,8 +25,8 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<style>
|
<style>
|
||||||
@import url("https://fonts.googleapis.com/css?family=Open+Sans:800|Roboto+Condensed:700i");
|
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:800|Roboto+Condensed:700i"); */
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sevillana&display=swap');
|
||||||
body {
|
body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 600px;
|
min-height: 600px;
|
||||||
|
@ -47,8 +47,8 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
margin-top: -25px;
|
margin-top: -25px;
|
||||||
margin-left: -150px;
|
margin-left: -150px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: 'Roboto Condensed', sans-serif;
|
font-family: "Sevillana", cursive;
|
||||||
font-size: 2em;
|
font-size: 3em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
@ -79,7 +79,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
filter: brightness(180%);
|
filter: brightness(180%);
|
||||||
background-image: url("./curtain.jpeg");
|
background-image: url("./curatain-min.jpeg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
@ -114,7 +114,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
/* margin-top: -90px;
|
/* margin-top: -90px;
|
||||||
margin-left: -50px; */
|
margin-left: -50px; */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: "Sevillana", cursive;
|
||||||
font-size: 10em;
|
font-size: 10em;
|
||||||
color: #FFD700;
|
color: #FFD700;
|
||||||
transform: scale(0.5);
|
transform: scale(0.5);
|
||||||
|
@ -302,7 +302,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
}
|
}
|
||||||
|
|
||||||
function startCountdown() {
|
function startCountdown() {
|
||||||
var count = 10;
|
var count = 5;
|
||||||
var countdownElement = document.getElementById("countdown");
|
var countdownElement = document.getElementById("countdown");
|
||||||
var countdownInterval = setInterval(function() {
|
var countdownInterval = setInterval(function() {
|
||||||
count--;
|
count--;
|
||||||
|
|
Reference in a new issue