github.com/Racer159/jackal@v0.32.7-0.20240401174413-0bd2339e4f2e/docs-website/static-components/SocialsBox/SocialsBox.js (about) 1 const fileToString = require("../utils/fileToString"); 2 3 const SocialsValues = { 4 SlackIconString: fileToString("static/img/SlackIcon.svg"), 5 GithubIconString: fileToString("static/img/GithubIcon.svg"), 6 SearchIconString: fileToString("src/css/images/svg/search-icon-dark.svg"), 7 slackUrl: "https://jackal.dev/slack", 8 githubUrl: "https://github.com/Racer159/jackal", 9 }; 10 11 function SocialsBox({ containerId = "", linkClass = "" } = {}) { 12 return ` 13 <div id="${containerId}" class="socials-box"> 14 <a class="svg-link ${linkClass}" href="${SocialsValues.slackUrl}"> 15 ${SocialsValues.SlackIconString} 16 </a> 17 <a class="svg-link ${linkClass}" href="${SocialsValues.githubUrl}"> 18 ${SocialsValues.GithubIconString} 19 </a> 20 </div> 21 <style> 22 ${fileToString("static-components/SocialsBox/SocialsBox.css")} 23 </style> 24 `; 25 } 26 27 module.exports = { 28 SocialsBox, 29 SocialsValues, 30 };