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:
Aravinth Manivannan 2024-03-21 15:47:29 +05:30
commit d06438b5f0

View file

@ -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() {