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/simple-hero.css
+++ b/newspaper/assets/css/simple-hero.css
@ -0,0 +1,87 @@
+.simple-hero {
+    margin-top: 18px;
+}
+
+.simple-hero-inner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.text-card {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding-top: 31px;
+    padding-bottom: 68px;
+}
+
+.text-card-heading {
+    line-height: 100%;
+    font-family: var(--font2);
+    font-size: 62px;
+    font-weight: 400;
+    margin-bottom: 14px;
+}
+
+.text-card-paragraph {
+    max-width: 540px;
+}
+
+/* Styles for large desktop */
+@media (min-width: 1439px) {  
+    .simple-hero {
+        margin-top: calc(1.25vw * var(--scale));
+    }
+
+    .text-card {
+        padding-top: calc(2.15vw * var(--scale));
+        padding-bottom: calc(4.72vw * var(--scale));
+    }
+    
+    .text-card-heading {
+        font-size: calc(4.31vw * var(--scale));
+        margin-bottom: calc(0.97vw * var(--scale));
+    }
+    
+    .text-card-paragraph {
+        max-width: calc(37.5vw * var(--scale));
+    }
+}
+
+/* Styles for tablet */
+@media (max-width: 991px) { 
+    .simple-hero {
+        margin-top: 26px;
+    }
+
+    .text-card-heading {
+        font-size: 48px;
+        margin-bottom: 12px;
+    }
+
+    .text-card {
+        border-top: 1px solid var(--text-color);
+        padding-top: 57px;
+        padding-bottom: 64px;
+    }
+}
+
+/* Styles for mobile */
+@media (max-width: 479px) { 
+    .simple-hero {
+        margin-top: 20px;
+    }
+
+    .text-card-heading {
+        font-size: 36px;
+    }
+
+    .text-card {
+        padding-bottom: 62px;
+    }
+}