libre-solutions/geno.sh-thirappu-vizha
Archived
5
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

Merge pull request 'alignment change' (#5) from nitishkumar/geno.sh-thirappu-vizha:master into master

Browse source 
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
1 changed files with 31 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
src/open.html
View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
<title>Document</title> <title>Document</title>
</head> </head>
<body> <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='scene'>
<div id='curtain'> <div id='curtain'>
@ -25,9 +25,10 @@ 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/css2?family=Sevillana&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');
body {
body {
width: 100%; width: 100%;
min-height: 600px; min-height: 600px;
height: 100%; height: 100%;
@ -41,22 +42,23 @@ SPDX-License-Identifier: AGPL-3.0-or-later
z-index: 1; z-index: 1;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 25%;
width: 300px; width: 1000px;
height: 50px; height: 50px;
margin-top: -25px; margin-top: -25px;
margin-left: -150px; margin-left: -150px;
text-align: center; text-align: center;
font-family: "Sevillana", cursive; font-family: "Petit Formal Script", cursive;
font-size: 3em; font-size: 3em;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
color:#fff;
} }
#scene { #scene {
/* position: fixed; */ /* position: fixed; */
/* top: 20%; */ /* top: 20%; */
left: 40%; left: 10%;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
@ -106,16 +108,19 @@ SPDX-License-Identifier: AGPL-3.0-or-later
h1 { h1 {
position: absolute; position: absolute;
/* left: 20%; white-space: nowrap;
top: 20%; */
display: inline;
width: 1500px; /* top: 50%; */
height: 350px; /* display: inli */
/* margin-top: -90px; width: 100%;
margin-left: -50px; */ height: 100%;
text-align: center; display: inline-block;
font-family: "Sevillana", cursive;
font-size: 10em; margin-left: -300px;
font-family: "Petit Formal Script", cursive;
font-size: 6.2em;
color: #FFD700; color: #FFD700;
transform: scale(0.5); transform: scale(0.5);
opacity: 0; opacity: 0;
@ -124,20 +129,21 @@ SPDX-License-Identifier: AGPL-3.0-or-later
#countdown { #countdown {
position: absolute; position: absolute;
top: 80%; bottom: 0;
left: 90%; right: 0;
transform: translate(-50%, -50%); height:150px;
width:300px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-size: 8em; font-size: 5em;
color: #FFD700; color: #FFD700;
} }
/* ********** /* **********
opening opening
********** */ ********** */
#scene.expand { #scene.expand {
width: 140%; width: 140%;
left: -20%; left: -10%;
margin-left: 0; margin-left: 0;
background-color: rgb(32,32,32); background-color: rgb(32,32,32);
box-shadow: 0 0 0 red inset; box-shadow: 0 0 0 red inset;
@ -283,7 +289,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
form.setAttribute("action", "/"); form.setAttribute("action", "/");
form.setAttribute("method", "post"); form.setAttribute("method", "post");
} }
startCountdown(); // startCountdown();
} }
function showTime() { function showTime() {