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

minor tweaks

Browse Source
main
Joaquin 2 years ago
parent 0725f0731b
commit 3ea2a29a3b
4 changed files with 151 additions and 22 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. 131
      css/dist.css
  2. 16
      ui/homepage.html
  3. 2
      ui/multumesc.html
  4. 24
      ui/semnez.html

131
css/dist.css
Unescape View File

@ -556,10 +556,6 @@ video {
top: 1.25rem;
}
.m-20 {
margin: 5rem;
}
.m-5 {
margin: 1.25rem;
}
@ -610,6 +606,18 @@ video {
margin-top: 10vw;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.-mr-\[80vw\] {
margin-right: -80vw;
}
.flex {
display: flex;
}
@ -630,6 +638,10 @@ video {
width: 100%;
}
.w-\[90\%\] {
width: 90%;
}
.items-center {
align-items: center;
}
@ -727,6 +739,10 @@ video {
padding-top: 5rem;
}
.pb-\[75px\] {
padding-bottom: 75px;
}
.text-left {
text-align: left;
}
@ -743,6 +759,16 @@ video {
font-family: 'manrope';
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-6xl {
font-size: 3.75rem;
line-height: 1;
@ -763,15 +789,70 @@ video {
line-height: 1.75rem;
}
.text-2xl {
font-size: 1.5rem;
.text-5xl {
font-size: 3rem;
line-height: 1;
}
.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\] {
font-weight: 1100;
}
.font-black {
font-weight: 900;
}
.font-extrabold {
font-weight: 800;
}
.font-bold {
font-weight: 700;
}
.text-\[\#FFFFFF\] {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
@ -787,6 +868,18 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.outline {
outline-style: solid;
}
.outline-1 {
outline-width: 1px;
}
.outline-white {
outline-color: #fff;
}
.backdrop-blur-2xl {
--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);
@ -1190,6 +1283,10 @@ html.zoomedout{
margin-right: -25vw;
}
.md\:-mr-\[35vw\] {
margin-right: -35vw;
}
.md\:w-3\/4 {
width: 75%;
}
@ -1206,6 +1303,14 @@ html.zoomedout{
padding: 2.5rem;
}
.md\:pb-20 {
padding-bottom: 5rem;
}
.md\:pt-20 {
padding-top: 5rem;
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -1225,5 +1330,19 @@ html.zoomedout{
font-size: 6rem;
line-height: 1;
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-9xl {
font-size: 8rem;
line-height: 1;
}
.md\:font-black {
font-weight: 900;
}
}

16
ui/homepage.html
Unescape View File

@ -14,23 +14,23 @@
<body class="bg-mycol bg-contain bg-cover text-[#FFFFFF] md:bg-fixed">
<div class="fixed top-5 right-5">
<button class="text-sm md:text-6xl 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
class="bg-mycol2 my-20 flex w-[100%] items-center justify-center py-[75px]"
class="bg-mycol2 mb-20 flex w-[100%] items-center justify-center pb-[75px]"
>
<div
class="center flex-center text-centers w-[85%] items-center justify-center md:w-[75%]"
class="center flex-center text-centers w-[90%] items-center justify-center md:w-[75%]"
>
<p class="font-black text-center items-center ml-auto mr-auto text-6xl md:text-8xl mt-20 mb-20 gradient_text">Scrisoare Deschisa, pentru o admitere echitabila.</p>
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-[10vw]">Momentan, actualii aplicanti ai sesiunilor de admitere in UNSTPB ce au optat sa sustina examenul la Informatica pentru P2, se confrunta cu o problema mult prea cunoscuta in randul viitorilor studenti, anume dificultatea relativa a subiectelor, mai ales in comparatie cu cele sustinute de cei ce au optat pentru Fizica. Acest lucru, acumulat cu precedentul de curriculum in afara materiei de BAC pentru profilul Real determina un avantaj nedrept pentru cei ce opteaza sa sustina examenul de Fizica.</p>
<p class="font-black text-center items-center ml-auto mr-auto text-[3.7rem]/[3.7rem] md:text-8xl mt-20 pt-20 mb-20 gradient_text">Scrisoare Deschisa, pentru o admitere echitabila.</p>
<p class="md:font-black text-left text-xl md:text-5xl gradient_text2 mt-[10vw] mb-20 md:pb-20">Momentan, actualii aplicanti ai sesiunilor de admitere in UNSTPB ce au optat sa sustina examenul la Informatica pentru P2, se confrunta cu o problema mult prea cunoscuta in randul viitorilor studenti, anume dificultatea relativa a subiectelor, mai ales in comparatie cu cele sustinute de cei ce au optat pentru Fizica. Acest lucru, acumulat cu precedentul de curriculum in afara materiei de BAC pentru profilul Real determina un dezavantaj nedrept pentru cei ce opteaza sa sustina examenul la Informatica.</p>
<div class=" w-full bg-[#ffffff] rounded-3xl my-10 items-center">
<p class="text-black font-black text-lg md:text-2xl text-center pt-10 pb-10 px-5">~10% dintre candidatii simularii 2024 au obtinut 10 curat la Fizica</p>
</div>
<div class=" w-[10%] bg-[#ffffff] rounded-3xl my-10">
<p class="text-white font-black text-lg md:text-2xl text-center pt-10 pb-10 -mr-[70vw] md:-mr-[25vw]">~1% la informatica</p>
<p class="text-white font-black text-lg md:text-2xl text-center pt-10 pb-10 -mr-[80vw] md:-mr-[35vw]">doar ~1% la informatica</p>
</div>
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-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 repatrizarea 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>
@ -52,7 +52,7 @@
Object.keys(signatures.signatures).forEach(function (key) {
pleader.innerHTML +=
`<p class="bg-[#FFFFFF] 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']">` +
`<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">` +
key +
`. ` +
signatures.signatures[key].name +

2
ui/multumesc.html
Unescape View File

@ -22,7 +22,7 @@
<div
class="center flex-center text-centers w-[85%] items-center justify-center md:w-[75%]"
>
<p class="font-black text-center items-center ml-auto mr-auto text-6xl md:text-8xl mt-20 mb-20 gradient_text">Multumim!</p>
<p class="font-black text-center items-center ml-auto mr-auto text-5xl md:text-8xl mt-20 mb-20 gradient_text">Multumim!</p>
</div>
</div>

24
ui/semnez.html
Unescape View File

@ -17,21 +17,21 @@
<button class="text-sm md:text-6xl bg-mycol1 rounded-2xl p-5 md:p-10 backdrop-blur-2xl" onclick="location.href='/';">Homepage</button>
</div>
<div
class="bg-mycol2 my-20 flex w-[100%] items-center justify-center py-[75px]"
class="bg-mycol2 mb-20 flex w-[100%] items-center justify-center pb-[75px]"
>
<div
class="center flex-center text-centers w-[85%] items-center justify-center md:w-[75%]"
>
<p class="font-black text-center items-center ml-auto mr-auto text-6xl md:text-8xl mt-20 mb-20 gradient_text">Semneaza "Scrisoare Deschisa, pentru o admitere echitabila."</p>
<p class="font-black text-center items-center ml-auto mr-auto text-5xl md:text-8xl pt-20 mt-20 mb-20 gradient_text">Semneaza "Scrisoare Deschisa, pentru o admitere echitabila."</p>
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20">Nume Complet</p>
<input type="text" class="p-10 rounded-2xl mt-5 mb-20 w-full text-black font-['manrope']" id="numei">
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20">Clasa</p>
<input type="text" class="p-10 rounded-2xl mt-5 mb-20 w-full text-black font-['manrope']" id="clasai">
<input type="text" class="p-10 rounded-2xl mt-5 mb-20 w-full text-black font-['jetbrains']" id="numei">
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20">Clasa / An de studiu / Profesie</p>
<input type="text" class="p-10 rounded-2xl mt-5 mb-20 w-full text-black font-['jetbrains']" id="clasai">
<p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20">Domeniu de Interes din cadrul UNSTPB (ACS-CTI, ETTI-IETTI, etc)</p>
<input type="text" class="p-10 rounded-2xl mt-5 mb-20 w-full text-black font-['manrope']" id="domeniui">
<input type="text" class="p-10 rounded-2xl mt-5 mb-20 w-full text-black font-['jetbrains']" id="domeniui">
<input type="checkbox" id="acordi">
<label for="acordi" class="text-xl p-20 md:biginput">Declar, pe proprie raspundere, ca informatiile furnizate sunt conforme cu realitatea si ca acestea corespund, de fapt si de drept, persoanei ce completeaza de buna voie acest formular. De asemenea, imi exprim acordul ca aceste date sa fie afisate public pe pagina web cu scrisoarea, la sectiunea semnatari.</label>
<label for="acordi" id="acordilabel" class="text-xl p-20 biginput">Declar, pe proprie raspundere, ca informatiile furnizate sunt conforme cu realitatea si ca acestea corespund, de fapt si de drept, persoanei ce completeaza de buna voie acest formular. De asemenea, imi exprim acordul ca aceste date sa fie afisate public pe pagina web cu scrisoarea, la sectiunea semnatari.</label>
<button class="text-2xl md:text-6xl bg-emerald-700 p-10 m-5 rounded-2xl" id="ok">SEMNEAZA</button>
</div>
</div>
@ -43,9 +43,19 @@
var clasai = document.getElementById("clasai");
var domeniui = document.getElementById("domeniui");
var acordi = document.getElementById("acordi");
var acordilabel = document.getElementById("acordilabel");
var ok = document.getElementById("ok");
ok.addEventListener("click", function(){
if(acordi.checked){ location.href = '/api_sign?name='+numei.value+'&clasa='+clasai.value+'&domeniu='+domeniui.value; console.log("OK!")}
else {
acordilabel.style.color = "#FF0000";
setTimeout(function(){
acordilabel.style.color = "#FFFFFF"
}, 1000);
}
})

Write Preview
Loading…
Cancel
Save