puly
/
petitie-poli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add signature count

Browse Source
main
Joaquin 2 years ago
parent 3ea2a29a3b
commit 6cf4bcf5e3
2 changed files with 161 additions and 103 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 249
      css/dist.css
  2. 15
      ui/homepage.html

249
css/dist.css
Unescape View File

@ -1,5 +1,5 @@
/* /*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com ! tailwindcss v3.4.2 | MIT License | https://tailwindcss.com
*/ */
/* /*
@ -211,6 +211,8 @@ textarea {
/* 1 */ /* 1 */
line-height: inherit; line-height: inherit;
/* 1 */ /* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit; color: inherit;
/* 1 */ /* 1 */
margin: 0; margin: 0;
@ -234,9 +236,9 @@ select {
*/ */
button, button,
[type='button'], input:where([type='button']),
[type='reset'], input:where([type='reset']),
[type='submit'] { input:where([type='submit']) {
-webkit-appearance: button; -webkit-appearance: button;
/* 1 */ /* 1 */
background-color: transparent; background-color: transparent;
@ -492,6 +494,10 @@ video {
--tw-backdrop-opacity: ; --tw-backdrop-opacity: ;
--tw-backdrop-saturate: ; --tw-backdrop-saturate: ;
--tw-backdrop-sepia: ; --tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
} }
::backdrop { ::backdrop {
@ -542,6 +548,10 @@ video {
--tw-backdrop-opacity: ; --tw-backdrop-opacity: ;
--tw-backdrop-saturate: ; --tw-backdrop-saturate: ;
--tw-backdrop-sepia: ; --tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
} }
.fixed { .fixed {
@ -570,8 +580,8 @@ video {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.-mr-\[70vw\] { .-mr-\[80vw\] {
margin-right: -70vw; margin-right: -80vw;
} }
.mb-1 { .mb-1 {
@ -586,6 +596,10 @@ video {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.mb-5 {
margin-bottom: 1.25rem;
}
.ml-auto { .ml-auto {
margin-left: auto; margin-left: auto;
} }
@ -606,18 +620,6 @@ video {
margin-top: 10vw; margin-top: 10vw;
} }
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.-mr-\[80vw\] {
margin-right: -80vw;
}
.flex { .flex {
display: flex; display: flex;
} }
@ -634,12 +636,20 @@ video {
width: 85%; width: 85%;
} }
.w-\[90\%\] {
width: 90%;
}
.w-full { .w-full {
width: 100%; width: 100%;
} }
.w-\[90\%\] { .w-\[99\%\] {
width: 90%; width: 99%;
}
.max-w-\[700px\] {
max-width: 700px;
} }
.items-center { .items-center {
@ -658,9 +668,12 @@ video {
border-radius: 1.5rem; border-radius: 1.5rem;
} }
.bg-\[\#FFFFFF\] { .rounded-xl {
--tw-bg-opacity: 1; border-radius: 0.75rem;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.rounded-lg {
border-radius: 0.5rem;
} }
.bg-\[\#ffffff\] { .bg-\[\#ffffff\] {
@ -683,6 +696,26 @@ video {
background-color: rgb(22 21 36 / var(--tw-bg-opacity)); background-color: rgb(22 21 36 / var(--tw-bg-opacity));
} }
.bg-\[\#000000\] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#220022\] {
--tw-bg-opacity: 1;
background-color: rgb(34 0 34 / var(--tw-bg-opacity));
}
.bg-\[\#110022\] {
--tw-bg-opacity: 1;
background-color: rgb(17 0 34 / var(--tw-bg-opacity));
}
.bg-\[\#000011\] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 17 / var(--tw-bg-opacity));
}
.bg-contain { .bg-contain {
background-size: contain; background-size: contain;
} }
@ -731,6 +764,10 @@ video {
padding-bottom: 5rem; padding-bottom: 5rem;
} }
.pb-\[75px\] {
padding-bottom: 75px;
}
.pt-10 { .pt-10 {
padding-top: 2.5rem; padding-top: 2.5rem;
} }
@ -739,8 +776,16 @@ video {
padding-top: 5rem; padding-top: 5rem;
} }
.pb-\[75px\] { .pb-5 {
padding-bottom: 75px; padding-bottom: 1.25rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pb-2 {
padding-bottom: 0.5rem;
} }
.text-left { .text-left {
@ -755,18 +800,14 @@ video {
font-family: 'jetbrains'; font-family: 'jetbrains';
} }
.font-\[\'manrope\'\] {
font-family: 'manrope';
}
.text-2xl { .text-2xl {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 2rem; line-height: 2rem;
} }
.text-4xl { .text-5xl {
font-size: 2.25rem; font-size: 3rem;
line-height: 2.5rem; line-height: 1;
} }
.text-6xl { .text-6xl {
@ -774,6 +815,11 @@ video {
line-height: 1; line-height: 1;
} }
.text-\[3\.7rem\]\/\[3\.7rem\] {
font-size: 3.7rem;
line-height: 3.7rem;
}
.text-lg { .text-lg {
font-size: 1.125rem; font-size: 1.125rem;
line-height: 1.75rem; line-height: 1.75rem;
@ -789,70 +835,20 @@ video {
line-height: 1.75rem; line-height: 1.75rem;
} }
.text-5xl { .text-4xl {
font-size: 3rem; font-size: 2.25rem;
line-height: 1; line-height: 2.5rem;
}
.text-\[4rem\] {
font-size: 4rem;
}
.text-\[3\.9rem\] {
font-size: 3.9rem;
}
.text-\[3\.9rem\]\/loose {
font-size: 3.9rem;
line-height: 2;
}
.text-\[3\.9rem\]\/\[1rem\] {
font-size: 3.9rem;
line-height: 1rem;
}
.text-\[3\.9rem\]\/\[2rem\] {
font-size: 3.9rem;
line-height: 2rem;
}
.text-\[3\.9rem\]\/\[4rem\] {
font-size: 3.9rem;
line-height: 4rem;
}
.text-\[3\.7rem\]\/\[4rem\] {
font-size: 3.7rem;
line-height: 4rem;
}
.text-\[3\.7rem\]\/\[3\.9rem\] {
font-size: 3.7rem;
line-height: 3.9rem;
}
.text-\[3\.7rem\]\/\[3\.7rem\] {
font-size: 3.7rem;
line-height: 3.7rem;
} }
.font-\[1100\] { .text-3xl {
font-weight: 1100; font-size: 1.875rem;
line-height: 2.25rem;
} }
.font-black { .font-black {
font-weight: 900; font-weight: 900;
} }
.font-extrabold {
font-weight: 800;
}
.font-bold {
font-weight: 700;
}
.text-\[\#FFFFFF\] { .text-\[\#FFFFFF\] {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
@ -868,6 +864,16 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.text-\[\#110022\] {
--tw-text-opacity: 1;
color: rgb(17 0 34 / var(--tw-text-opacity));
}
.text-mycol {
--tw-text-opacity: 1;
color: rgb(138 151 255 / var(--tw-text-opacity));
}
.outline { .outline {
outline-style: solid; outline-style: solid;
} }
@ -880,6 +886,10 @@ video {
outline-color: #fff; outline-color: #fff;
} }
.outline-\[\#99c1f1\] {
outline-color: #99c1f1;
}
.backdrop-blur-2xl { .backdrop-blur-2xl {
--tw-backdrop-blur: blur(40px); --tw-backdrop-blur: blur(40px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@ -1279,8 +1289,9 @@ html.zoomedout{
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.md\:-mr-\[25vw\] { .md\:my-20 {
margin-right: -25vw; margin-top: 5rem;
margin-bottom: 5rem;
} }
.md\:-mr-\[35vw\] { .md\:-mr-\[35vw\] {
@ -1295,6 +1306,50 @@ html.zoomedout{
width: 75%; width: 75%;
} }
.md\:max-w-\[700px\] {
max-width: 700px;
}
.md\:max-w-\[70px\] {
max-width: 70px;
}
.md\:max-w-\[7000px\] {
max-width: 7000px;
}
.md\:max-w-\[5000px\] {
max-width: 5000px;
}
.md\:max-w-\[1000px\] {
max-width: 1000px;
}
.md\:max-w-\[3500px\] {
max-width: 3500px;
}
.md\:max-w-\[3000px\] {
max-width: 3000px;
}
.md\:max-w-\[2000px\] {
max-width: 2000px;
}
.md\:max-w-\[1300px\] {
max-width: 1300px;
}
.md\:max-w-\[1500px\] {
max-width: 1500px;
}
.md\:rounded-2xl {
border-radius: 1rem;
}
.md\:bg-fixed { .md\:bg-fixed {
background-attachment: fixed; background-attachment: fixed;
} }
@ -1316,6 +1371,11 @@ html.zoomedout{
line-height: 2rem; line-height: 2rem;
} }
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-5xl { .md\:text-5xl {
font-size: 3rem; font-size: 3rem;
line-height: 1; line-height: 1;
@ -1331,13 +1391,8 @@ html.zoomedout{
line-height: 1; line-height: 1;
} }
.md\:text-4xl { .md\:text-7xl {
font-size: 2.25rem; font-size: 4.5rem;
line-height: 2.5rem;
}
.md\:text-9xl {
font-size: 8rem;
line-height: 1; line-height: 1;
} }

15
ui/homepage.html
Unescape View File

@ -12,12 +12,12 @@
</style> </style>
</head> </head>
<body class="bg-mycol bg-contain bg-cover text-[#FFFFFF] md:bg-fixed"> <body class="bg-[#000011] bg-contain bg-cover text-[#FFFFFF] md:bg-fixed center items-center">
<div class="fixed top-5 right-5"> <div class="fixed top-5 right-5">
<button class="text-sm md:text-4xl bg-mycol1 rounded-2xl p-5 md:p-10 backdrop-blur-2xl" onclick="location.href='/semnez';">Vreau sa semnez</button> <button class="text-sm md:text-4xl bg-mycol1 rounded-2xl p-5 md:p-10 backdrop-blur-2xl" onclick="location.href='/semnez';">Vreau sa semnez</button>
</div> </div>
<div <div
class="bg-mycol2 mb-20 flex w-[100%] items-center justify-center pb-[75px]" class="bg-mycol2 my-10 md:my-20 mb-20 flex w-[100%] items-center justify-center pb-[75px] md:max-w-[1500px] center ml-auto mr-auto rounded-3xl"
> >
<div <div
class="center flex-center text-centers w-[90%] items-center justify-center md:w-[75%]" class="center flex-center text-centers w-[90%] items-center justify-center md:w-[75%]"
@ -33,7 +33,8 @@
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20 md:pt-20">Asadar, cerem corectarea acestei discrepante prin ajustarea in dificultate a celor doua examene, in mod transparent, pentru a preveni un avantaj injust al unei materii fata de alta in repartizarea pe locuri.</p> <p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20 md:pt-20">Asadar, cerem corectarea acestei discrepante prin ajustarea in dificultate a celor doua examene, in mod transparent, pentru a preveni un avantaj injust al unei materii fata de alta in repartizarea pe locuri.</p>
<p class="font-black text-center mt-20 pt-20 text-6xl md:text-8xl pb-20">Semnat,</p> <p class="font-black text-center mt-20 pt-10 text-6xl md:text-8xl pb-2">Semnat,</p>
<p class="pb-10 font-black text-center pt-20 text-3xl md:text-5xl mb-20" id="nrsem"> </p>
<div id="pleader" class="text-center items-center ml-auto mr-auto mb-10"> <div id="pleader" class="text-center items-center ml-auto mr-auto mb-10">
@ -50,13 +51,15 @@
var signatures = JSON.parse(signatures_STR); var signatures = JSON.parse(signatures_STR);
var pleader = document.getElementById("pleader"); var pleader = document.getElementById("pleader");
document.getElementById("nrsem").innerHTML = "(" + signatures.i_buffer + " semnatari" + ")";
Object.keys(signatures.signatures).forEach(function (key) { Object.keys(signatures.signatures).forEach(function (key) {
pleader.innerHTML += pleader.innerHTML +=
`<p class="mb-5 gradient_text2 buttonglow outline outline-1 outline-white text-black text-sm md:text-2xl px-6 py-3 mb-1 rounded-2xl buttonglow md:w-3/4 ml-auto mr-auto font-['jetbrains'] font-black">` + `<p class="mb-5 gradient_text2 buttonglow outline outline-1 outline-[#99c1f1] text-black text-sm md:text-2xl px-6 py-3 mb-1 rounded-lg md:rounded-2xl buttonglow md:w-3/4 ml-auto mr-auto font-['jetbrains'] font-black">` +
key + key +
`. ` + `. <span class="text-mycol">` +
signatures.signatures[key].name + signatures.signatures[key].name +
` - ` + `</span> - ` +
signatures.signatures[key].clasa + signatures.signatures[key].clasa +
` - ` + ` - ` +
signatures.signatures[key].domeniu + signatures.signatures[key].domeniu +

Write Preview
Loading…
Cancel
Save