jeremy/open-signature-generator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More optimizations

Browse source
This commit is contained in:
Jeremy Karst 2025-01-14 23:30:21 -05:00
parent 454bdbe598
commit a661f7cfee
5 changed files with 88 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
compose.yaml
View file

@ -5,7 +5,7 @@ services:
context: .
dockerfile: osg.dockerfile
image: osg:27 # <--automate this number change to trigger stack redeploy.
image: osg:28 # <--automate this number change to trigger stack redeploy.
environment:
DOCKER: "true"

4
web_content/howto.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html lang="en">
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>How To Use - Open Signature Generator</title>
<meta name="Open Signature Generator" />

96
web_content/index.html
View file

@ -1,4 +1,5 @@
<!DOCTYPE html lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<title>Open Signature Generator</title>
<meta name="Open Signature Generator" />
@ -6,51 +7,53 @@
<meta name="keywords" content="open signature generator, signature, sign, digital signature, electronic signature, esign, e-signature, e-sign, pdf, qrcode, open source, free, privacy, docusign, adobe acrobat" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<!-- Add critical layout CSS inline to prevent layout shift -->
<style>
.hidden {
display: none !important;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
#document-container {
width: 70%;
max-width: 500px;
height: 300px;
margin: 100px auto 20px auto;
padding: 40px;
}
.document-content {
position: absolute;
width: calc(100% - 80px);
bottom: 100px;
line-height: 1.5;
font-size: 1em;
}
.controls {
margin: 20px auto;
padding: 10px 20px;
display: flex;
align-items: center;
gap: 20px;
width: 80%;
max-width: 540px;
}
#title-container {
position: absolute;
width: 100%;
top: 20px;
text-align: center;
}
</style>
</head>
<!-- Add critical layout CSS inline to prevent layout shift -->
<style>
.hidden {
display: none !important;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
#document-container {
width: 70%;
max-width: 500px;
height: 300px;
margin: 100px auto 20px auto;
padding: 40px;
}
.document-content {
position: absolute;
width: calc(100% - 80px);
bottom: 100px;
line-height: 1.5;
font-size: 1em;
}
.controls {
margin: 20px auto;
padding: 10px 20px;
display: flex;
align-items: center;
gap: 20px;
width: 80%;
max-width: 540px;
}
#title-container {
position: absolute;
width: 100%;
top: 20px;
text-align: center;
}
</style>
<body>
<div id="title-container">
<h1>
@ -732,4 +735,5 @@
background-color: #095fbf;
}
</style>
</style>
</html>

6
web_content/privacy.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html lang="en">
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Privacy Policy - Open Signature Generator</title>
<meta name="Open Signature Generator" />
@ -201,4 +201,4 @@
}
</style>
</html>
</html>

61
web_content/verification.html
View file

@ -1,38 +1,40 @@
<!DOCTYPE html lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<title>Open Signature Generator</title>
<meta name="Open Signature Generator" />
<meta name="description" content="Generate and verify document signatures for free!" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<!-- Add critical layout CSS inline to prevent layout shift -->
<style>
.hidden {
display: none !important;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
#document-container {
width: 70%;
max-width: 600px;
margin: 100px auto 20px auto;
padding: 40px;
}
#title-container {
position: absolute;
width: 100%;
top: 20px;
text-align: center;
}
</style>
</head>
<!-- Add critical layout CSS inline to prevent layout shift -->
<style>
.hidden {
display: none !important;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
#document-container {
width: 70%;
max-width: 600px;
margin: 100px auto 20px auto;
padding: 40px;
}
#title-container {
position: absolute;
width: 100%;
top: 20px;
text-align: center;
}
</style>
<body>
<div id="title-container">
<h1>
@ -303,4 +305,5 @@
transition: opacity 0.5s ease-in-out;
}
</style>
</style>
</html>