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/author.css
+++ b/newspaper/assets/css/author.css
@ -0,0 +1,168 @@
+.author-row{
+    border-top: none;
+    gap: 38px;
+}
+
+#author-socials .socials {
+    margin-top: 0px !important;
+    flex: none !important;
+    display: flex !important;
+}
+
+.big-card-author-image {
+    margin-bottom: 38px;
+}
+
+#latest-work,
+#other-authors,
+#author-mobile-image {
+    display: none;
+}
+
+#author-sidebar > :first-child {
+    display: block;
+}
+
+.author-image-layout #author-sidebar {
+    display: none;
+}
+
+.author-image-layout .column-layout-grid {
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+.author-image-right .column-layout-grid {
+    flex-direction: row;
+}
+
+.author-image-layout .author-center-column,
+.author-image-layout .left-column {
+    flex: 1;
+}
+
+.author-image-layout .left-column {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 38px;
+}
+
+.author-image-layout .text-card {
+   height: 100%;
+} 
+
+.author-image-layout .text-card-heading {
+    font-size: 62px;
+    margin-bottom: 20px;
+}
+
+.author-image-layout .text-card-paragraph {
+    max-width: 464px;
+}
+
+.simple-layout-socials {
+    margin-top: 27px;
+    gap: 38px;
+}
+
+.simple-layout-socials .social {
+    gap: 8px;
+    line-height: 100%;
+}
+
+.location-social:hover {
+    transform: translateY(0%);
+}
+
+/* Styles for large desktop */
+@media (min-width: 1439px) { 
+    .author-row {
+        gap: calc(2.64vw * var(--scale));
+    }
+    
+    .big-card-author-image {
+        margin-bottom: calc(2.64vw * var(--scale));
+    } 
+
+    .author-image-layout .left-column {
+        margin-bottom: calc(2.64vw * var(--scale));
+    }
+    
+    .author-image-layout .text-card-heading {
+        font-size: calc(4.31vw * var(--scale));
+        margin-bottom: calc(1.39vw * var(--scale));
+    }
+    
+    .author-image-layout .text-card-paragraph {
+        max-width: calc(32.2vw * var(--scale));
+    }
+
+    .simple-layout-socials {
+        margin-top: calc(1.88vw * var(--scale));
+        gap: calc(2.64vw * var(--scale));
+    }
+    
+    .simple-layout-socials .social {
+        gap: calc(0.56vw * var(--scale));
+    }
+}
+
+/* Styles for tablet */
+@media (max-width: 991px) { 
+    #author-sidebar,
+    #number-of-articles,
+    .author-center-column {
+        display: none;
+    }
+
+    .author-row {
+        border-bottom: none;
+        border-top: 1px solid var(--text-color);
+    }
+
+    #author-mobile-image {
+        display: block;
+        margin-bottom: 38px;
+    }
+
+    .author-image-layout .left-column {
+        margin-bottom: 0px;
+    }
+    
+    .author-image-layout .text-card-heading {
+        font-size: 48px;
+        margin-bottom: 12px;
+    }
+    
+    .author-image-layout .text-card-paragraph {
+        max-width: 540px;
+    }
+
+    .simple-layout-socials {
+        display: flex;
+        justify-content: center;
+        flex-wrap: wrap;
+        column-gap: 32px;
+        row-gap: 12px;
+    }
+}
+
+/* Styles for mobile */
+@media (max-width: 479px) { 
+    #author-mobile-image {
+        margin-bottom: 32px;
+    }
+    
+    .author-image-layout .text-card-heading {
+        font-size: 42px;
+    }
+    
+    .author-image-layout .text-card-paragraph {
+        max-width: 540px;
+    }
+
+    .simple-layout-socials {
+        margin-top: 20px;
+        column-gap: 22px;
+    }
+}