new: add feeds to news page

public/download.css

@@ -18,20 +18,27 @@
 .downloads {
   display: flex;
   flex-direction: row;
-  gap: 5px;
+  gap: 8px;
+}
+
+.downloads a:first-child {
+  border-right: solid 1px var(--bright-third);
+  padding-right: 8px;
 }
 
 .entry h1 {
   color: var(--bright-main);
+  font-weight: 900;
   font-size: 20px;
 }
 
-.entry a, .entry p {
-  color: var(--bright-main);
-  font-size: 20px;
+.entry a {
+  color: var(--bright-second);
   text-decoration: none;
+  font-weight: 100;
+  font-size: 20px;
 }
 
 .entry a:hover {
-  color: var(--bright-second);
+  text-decoration: underline;
 }

public/news.css

@@ -11,6 +11,42 @@ main {
   }
 }
 
+.feed-menu {
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 6px;
+  color: white;
+  gap: 10px;
+}
+
+.feed-menu p {
+  color: var(--bright-main);
+  border-right: solid 1px var(--bright-third);
+  padding-right: 8px;
+  font-weight: 900;
+  font-size: 17px;
+}
+
+.feed-menu .feeds {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+}
+
+.feed-menu .feeds a {
+  font-weight: 100;
+  font-size: 16px;
+  color: var(--bright-second);
+  text-decoration: none;
+}
+
+.feed-menu .feeds a:hover {
+  text-decoration: underline;
+}
+
 .small {
   display: flex;
   flex-direction: row;

public/post.css

@@ -1,5 +1,17 @@
 .subtext {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: 12px 0 15px 0;
+  gap: 8px;
+}
+
+.subtext p {
   font-size: 18px;
   color: var(--bright-main);
-  margin: 5px 0 15px 0;
+}
+
+.subtext p:first-child {
+  border-right: solid 1px var(--bright-third);
+  padding-right: 8px;
 }