initial commit

2025-07-03 01:43:25 +06:00
commit 5dc53b896e
279 changed files with 28956 additions and 0 deletions
--- a/newspaper/assets/css/form-page.css
+++ b/newspaper/assets/css/form-page.css
@ -0,0 +1,150 @@
+.form-page-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 430px;
+    text-align: center;
+    margin-bottom: 4vh;
+    width: 100%;
+}
+
+.form-page-content .subscribe-wrapper {
+    margin-bottom: 0px;
+}
+
+.form-page-excerpt {
+    margin-bottom: 24px;
+}
+
+.form-container {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.form-container form {
+    width: 100%;
+}
+
+.under-form-text {
+    color: var(--text-color) !important;
+    display: block;
+    margin-top: 14px;
+}
+
+.form-container .form-alert {
+    margin-top: 10px;
+}
+
+.lower-opacity-small-text {
+    opacity: 0.7;
+}
+
+.form-success-button {
+    display: none;
+}
+
+.vertical-form {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 15px;
+}
+
+.vertical-form-button {
+    margin-top: 12px;
+}
+
+.contact-content {
+    max-width: 590px;
+}
+
+.contact-content .form-page-excerpt {
+    max-width: 430px;
+}
+
+.contact-form {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 15px;
+}
+
+.contact-form-inputs {
+    width: 100%;
+    display: flex;
+    gap: 15px;
+}
+
+/* Styles for large desktop */
+@media (min-width: 1439px) {  
+    .form-page-content {
+        max-width: calc(29.9vw * var(--scale));
+    }
+    
+    .form-page-excerpt {
+        margin-bottom: calc(1.67vw * var(--scale));
+    } 
+
+    .under-form-text {
+        margin-top: calc(0.97vw * var(--scale));
+    }
+
+    .form-container .form-alert {
+        margin-top: calc(0.69vw * var(--scale));
+    }
+
+    .vertical-form {
+        gap: calc(1.04vw * var(--scale));
+    }
+
+    .vertical-form-button {
+        margin-top: calc(0.83vw * var(--scale));
+    }
+
+    .contact-content {
+        max-width: calc(41vw * var(--scale));
+    }
+    
+    .contact-content .form-page-excerpt {
+        max-width: calc(29.9vw * var(--scale));
+    }
+    
+    .contact-form {
+        gap: calc(1.04vw * var(--scale));
+    }
+    
+    .contact-form-inputs {
+        gap: calc(1.04vw * var(--scale));
+    }
+}
+
+/* Styles for mobile */
+@media (max-width: 479px) {  
+    .form-page-excerpt {
+        margin-bottom: 21px;
+    }
+
+    .form-container .form-alert {
+        margin-top: 9px;
+    }
+
+    .under-form-text {
+        margin-top: 12px;
+    }
+
+    .vertical-form,
+    .contact-form,
+    .contact-form-inputs  {
+        gap: 12px;
+    }
+
+    .vertical-form-button {
+        margin-top: 8px;
+    }
+    
+    .contact-form-inputs {
+        flex-direction: column;
+    }
+}