Propose different versions of icons rss and atom.

Author: HaudinFlorence

docusaurus.config.ts

@@ -169,7 +169,7 @@ const config: Config = {
           title: "Atom",
           position: "right",
           target: "_blank",
-          className: "rss-circle-icon",
+          className: "atom-circle-icon",
         },
       ],
     },

src/components/blog/index.tsx

@@ -2,7 +2,8 @@ import styles from "./styles.module.css";
 import React, { useState } from "react";
 import BlogpostCard from "./BlogpostCard";
 import { blogpostsDetails } from "./blogpostsDetails";
-import RSSOrange from "/img/icons/RSSOrange.svg";
+import RSSOrange from "/img/icons/RSS_orange_with_text.svg";
+import AtomOrange from "/img/icons/Atom_orange_with_text.svg";
 
 export default function BlogsComponent() {
   const numberOfBlogs = blogpostsDetails.length;
@@ -37,6 +38,11 @@ export default function BlogsComponent() {
                 <RSSOrange width={"42px"} height={"42px"} />
               </a>
               </div>
+            <div style={{padding:"0 10px"}}>
+              <a href={"/atom.xml"}>
+                <AtomOrange width={"42px"} height={"42px"} />
+              </a>
+              </div>
             </div>
             <div>
               <input

src/css/custom.css

@@ -591,7 +591,21 @@ a.menu__link:active {
 }
 
 .rss-circle-icon:before {
-  background: url(@site/static/img/socialmedias/RSS.svg);
+  background: url(@site/static/img/socialmedias/RSS_with_text.svg);
+  content: "";
+  display: flex;
+  height: 36px;
+  width: 36px;
+  background-repeat: no-repeat;
+}
+
+
+.atom-circle-icon:hover {
+  opacity: 0.6;
+}
+
+.atom-circle-icon:before {
+  background: url(@site/static/img/socialmedias/Atom_with_text.svg);
   content: "";
   display: flex;
   height: 36px;

static/atom.xml

@@ -2,7 +2,7 @@
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>https://quantstack.net/</id>
     <title>Recent blog posts featured by QuantStack team</title>
-    <updated>2025-07-29T13:22:53.411Z</updated>
+    <updated>2025-07-29T17:15:37.387Z</updated>
     <generator>https://github.com/jpmonette/feed</generator>
     <author>
         <name>QuantStack Team</name>