Links screen style

epicyon-links.css

@@ -182,23 +182,6 @@ a:focus {
     border: 2px solid var(--focus-color);
 }
 
-.timeline-banner {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
-    height: 15%;
-    background-repeat: no-repeat;
-    background-size: 100vw;
-    position: relative;
-}
-
-.hero-image {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("image.png");
-    height: 50%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    position: relative;
-}
-
 .rssfeed img {
     width: 5%;
     float: right;
@@ -231,10 +214,6 @@ a:focus {
     transform: translateY(30%) scaleX(-1);
 }
 
-.hero-image img {
-    width: 50%;
-}
-
 .new-post-text {
     font-size: var(--font-size2);
     font-family: Arial, Helvetica, sans-serif;
@@ -262,30 +241,6 @@ a:focus {
     background-color: var(--main-bg-color);
 }
 
-.hero-text img.emoji {
-    width: 50px;
-    padding: 0 0;
-    margin: 0 0;
-    float: none;
-}
-
-.hero-text button {
-    border: none;
-    outline: 0;
-    display: inline-block;
-    padding: 10px 25px;
-    color: black;
-    background-color: #ddd;
-    text-align: center;
-    cursor: pointer;
-    font-family: Arial, Helvetica, sans-serif;
-}
-
-.hero-text button:hover {
-    background-color: var(--button-background);
-    color: var(--button-text);
-}
-
 .timelineIcon {
     width: 10%;
 }
@@ -408,16 +363,6 @@ a:focus {
     vertical-align: middle;
 }
 
-.hero-text img.emojiprofile {
-    float: none;
-    width: 50px;
-    margin-left: 0px;
-    margin-right: 0px;
-    padding-right: 0px;
-    border-radius: 0px;
-    vertical-align: middle;
-}
-
 .containericons {
     padding: 0px 0px;
     margin: 0px 0px;
@@ -960,8 +905,9 @@ aside .toggle-inside li {
         width: 100vw;
     }
     .timeline-banner {
+        object-fit: cover;
         width: 98vw;
-        height: var(--banner-height);
+        max-height: var(--banner-height);
     }
     .column-left {
         width: var(--column-left-width);
@@ -1337,26 +1283,6 @@ aside .toggle-inside li {
         font-family: Arial, Helvetica, sans-serif;
         opacity: 0.7;
     }
-    .hero-text {
-        text-align: center;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: 70%;
-        transform: translate(-50%, -50%);
-        color: var(--font-color-header);
-        font-size: var(--font-size-header);
-        font-family: Arial, Helvetica, sans-serif;
-    }
-    .hero-text img.qrcode {
-        border-radius: 1%;
-        width: 5%;
-        min-width: 20px;
-    }
-    .hero-text img.title {
-        border-radius: 1%;
-        width: 15%;
-    }
     #msgscope label img {
         width: 46px;
         height: 46px;
@@ -1449,6 +1375,7 @@ aside .toggle-inside li {
         width: 100vw;
     }
     .timeline-banner {
+        object-fit: cover;
         width: 98vw;
         height: var(--banner-height-mobile);
     }
@@ -1826,26 +1753,6 @@ aside .toggle-inside li {
         font-family: Arial, Helvetica, sans-serif;
         opacity: 0.7;
     }
-    .hero-text {
-        text-align: center;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: 70%;
-        transform: translate(-50%, -50%);
-        color: var(--font-color-header);
-        font-size: var(--font-size-header-mobile);
-        font-family: Arial, Helvetica, sans-serif;
-    }
-    .hero-text img.qrcode {
-        border-radius: 1%;
-        width: 15%;
-        min-width: 20px;
-    }
-    .hero-text img.title {
-        border-radius: 1%;
-        width: 25%;
-    }
     #msgscope label  img {
         width: 64px;
         height: 64px;