minor tweaks

2 years ago · 3ea2a29a3b
parent 0725f0731b
commit 3ea2a29a3b
4 changed files with 151 additions and 22 deletions
--- a/css/dist.css
+++ b/css/dist.css
@ -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 {
+.text-5xl {
-  font-size: 1.5rem;
+  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;
  }
 }
--- a/ui/homepage.html
+++ b/ui/homepage.html
@ -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-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="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="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 +
--- a/ui/multumesc.html
+++ b/ui/multumesc.html
@ -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>
--- a/ui/semnez.html
+++ b/ui/semnez.html
@ -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">
+                <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</p>
+                <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-['manrope']" id="clasai">
+                <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);
            }
        })