Update

Reeversee · May 12, 2023 · b7389b8 · b7389b8
1 parent e6339fe
commit b7389b8
Show file tree

Hide file tree

Showing 2 changed files with 141 additions and 28 deletions.
diff --git a/new/index-new.html b/new/index-new.html
@@ -22,11 +22,9 @@ <h1>
             <div class="product-info-h">
                 <!-- empty div -->
                 <div class="product-card" id="product_--">
-                    <h1 class="product-header">
+                    <h1 class="product-header-empty">
                         ---
                     </h1>
-                    <p class="product-text">
-                    </p>
                 </div>
                 <!-- empty div end -->
                 <!-- RL div -->
@@ -77,17 +75,10 @@ <h1 class="product-header_NSY">
         <div class="news">
             <div class="news-h">
                 <div class="news-card" id="news_empty">
-                    <h1 class="news-header">
+                    <h1 class="news-header-empty">
                         ---
                     </h1>
-                    <p class="news-text">
-                        ---
-                        ---<br>
-                        ---<br>
-                        ---<br>
-                        ---<br>
-                        ---<br>
-                        ---<br>
+                    <p class="news-text-empty">
                     </p>
                 </div>
                 <div class="news-card" id="news_00">
@@ -122,7 +113,7 @@ <h1 class="news-header">
                     </h1>
                     <p class="news-text">
                         After the rebranding we needed to update the design and some parts of our launcher, and because of that the auto-updates broke.
-                        The fix is very simple: you need to reinstall our launcher at this <a href="https://reverseentertainment.github.io/#tab-launcher">link</a> 
+                        The fix is very simple: you need to reinstall our launcher at this <a class="post-link" href="https://reverseentertainment.github.io/#tab-launcher">link</a> 
                         After that you will have no problem with getting the latest luncher updates.
                     </p>
                 </div>
@@ -132,7 +123,7 @@ <h1 class="news-header">
                     </h1>
                     <p class="news-text">
                         After the rebranding we needed to update the design and some parts of our launcher, and because of that the auto-updates broke.
-                        The fix is very simple: you need to reinstall our launcher at this <a href="https://reverseentertainment.github.io/#tab-launcher">link</a> 
+                        The fix is very simple: you need to reinstall our launcher at this <a class="post-link" href="https://reverseentertainment.github.io/#tab-launcher">link</a> 
                         After that you will have no problem with getting the latest luncher updates.
                     </p>
                 </div>

diff --git a/new/src/style/style-new.css b/new/src/style/style-new.css
@@ -1,32 +1,143 @@
-@media screen and (max-width: 1280px) { 
-    div.product-info-block 
+@media screen and (max-width: 1400px) { 
+    div.nav-bar 
+    {
+        width: 500px;
+    }
+    a
+    {
+        font-size: 30px;
+    }
+    div.product-news-block 
+    {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+    }
+    div.product-info 
     {
         width: 800px;
     }
-    div.news-feed
+    div.product-info-h 
     {
         width: 800px;
     }
-    div.news-entry 
+    div.product-card 
+    {
+        width: 750px;
+    }
+    div.news 
+    {
+        width: 360px;
+    }
+    div.news-h
+    {
+        width: 360px;
+    }
+    div.news-card
+    {
+        width: 300px;
+    }
+    div.news-header-empty 
     {
-        width: 770px;
+        font-size: 100px;
+    }
+
+    div.product-header-empty {
+        font-size: 55px;
     }
 } 
-@media screen and (max-width: 1140px) { 
-    div.product-info-block 
+@media screen and (max-width: 1280px) { 
+    div.nav-bar 
+    {
+        width: 500px;
+    }
+    a
+    {
+        font-size: 30px;
+    }
+    div.product-news-block 
+    {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+    }
+    div.product-info 
     {
         width: 800px;
     }
-    div.news-feed
+    div.product-info-h 
     {
         width: 800px;
     }
-    div.news-entry 
+    div.product-card 
     {
-        width: 770px;
+        width: 750px;
     }
-} 
-@media screen and (max-width: 992px) { 
+    div.news 
+    {
+        width: 360px;
+    }
+    div.news-h
+    {
+        width: 360px;
+    }
+    div.news-card
+    {
+        width: 300px;
+    }
+    div.news-header-empty 
+    {
+        font-size: 100px;
+    }
+
+    div.product-header-empty 
+    {
+        font-size: 55px;
+    }
+}
+
+@media screen and (max-width: 980px) { 
+    div.nav-bar 
+    {
+        width: 500px;
+    }
+    a
+    {
+        font-size: 30px;
+    }
+    div.product-news-block 
+    {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+    }
+    div.product-info 
+    {
+        width: 420px;
+    }
+    div.product-info-h 
+    {
+        width: 420px;
+    }
+    div.product-card 
+    {
+        width: 370px;
+    }
+    div.news 
+    {
+        width: 420px;
+    }
+    div.news-h
+    {
+        width: 420px;
+    }
+    div.news-card
+    {
+        width: 360px;
+    }
+}
+
+@media screen and (max-width: 680px) { 
     div.nav-bar 
     {
         width: 380px;
@@ -73,6 +184,14 @@ body {
     background-color: #001c22;
 }
 
+.news-header-empty {
+    font-size: 30px;
+}
+
+.product-header-empty {
+    font-size: 55px;
+}
+
 .RE_Logo {
     border-radius: 25px;
     margin: 5px;
@@ -136,7 +255,6 @@ a:hover {
     width: 670px;
     height: 650px;
     margin: 15px;
-    box-shadow: 5px 5px 5px #1a1a1a;
 }
 
 .product-info-h {
@@ -199,7 +317,6 @@ a:hover {
     width: 670px;
     height: 650px;
     margin: 15px;
-    box-shadow: 5px 5px 5px #1a1a1a;
 }
 
 .news-h {
@@ -230,6 +347,11 @@ a:hover {
     color: #959595;
 }
 
+.post-link {
+    font-size: 10px;
+    margin: none;
+}
+
 .news-tags {
     font-size: 5px;
 }