Merge pull request 'alignment change' (#5) from nitishkumar/geno.sh-thirappu-vizha:master into master
Reviewed-on: #5 Reviewed-by: Aravinth Manivannan <realaravinth@batsense.net>
This commit is contained in:
commit
d06438b5f0
1 changed files with 31 additions and 25 deletions
|
@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
|||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id='starter'>please press enter to launch the store</div>
|
||||
<div id='starter'>Please press enter to launch the store</div>
|
||||
<div id='scene'>
|
||||
<div id='curtain'>
|
||||
|
||||
|
@ -25,9 +25,10 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
|||
|
||||
</div>
|
||||
<style>
|
||||
/* @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 {
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
min-height: 600px;
|
||||
height: 100%;
|
||||
|
@ -41,22 +42,23 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
|||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 300px;
|
||||
left: 25%;
|
||||
width: 1000px;
|
||||
height: 50px;
|
||||
margin-top: -25px;
|
||||
margin-left: -150px;
|
||||
text-align: center;
|
||||
font-family: "Sevillana", cursive;
|
||||
font-family: "Petit Formal Script", cursive;
|
||||
font-size: 3em;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#scene {
|
||||
/* position: fixed; */
|
||||
/* top: 20%; */
|
||||
left: 40%;
|
||||
left: 10%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
@ -106,16 +108,19 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
|||
|
||||
h1 {
|
||||
position: absolute;
|
||||
/* left: 20%;
|
||||
top: 20%; */
|
||||
display: inline;
|
||||
width: 1500px;
|
||||
height: 350px;
|
||||
/* margin-top: -90px;
|
||||
margin-left: -50px; */
|
||||
text-align: center;
|
||||
font-family: "Sevillana", cursive;
|
||||
font-size: 10em;
|
||||
white-space: nowrap;
|
||||
|
||||
|
||||
/* top: 50%; */
|
||||
/* display: inli */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
|
||||
margin-left: -300px;
|
||||
|
||||
font-family: "Petit Formal Script", cursive;
|
||||
font-size: 6.2em;
|
||||
color: #FFD700;
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
|
@ -124,20 +129,21 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
|||
|
||||
#countdown {
|
||||
position: absolute;
|
||||
top: 80%;
|
||||
left: 90%;
|
||||
transform: translate(-50%, -50%);
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
height:150px;
|
||||
width:300px;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
font-size: 8em;
|
||||
font-size: 5em;
|
||||
color: #FFD700;
|
||||
}
|
||||
}
|
||||
/* **********
|
||||
opening
|
||||
********** */
|
||||
|
||||
#scene.expand {
|
||||
width: 140%;
|
||||
left: -20%;
|
||||
left: -10%;
|
||||
margin-left: 0;
|
||||
background-color: rgb(32,32,32);
|
||||
box-shadow: 0 0 0 red inset;
|
||||
|
@ -283,7 +289,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
|||
form.setAttribute("action", "/");
|
||||
form.setAttribute("method", "post");
|
||||
}
|
||||
startCountdown();
|
||||
// startCountdown();
|
||||
}
|
||||
|
||||
function showTime() {
|
||||
|
|
Reference in a new issue