Footer social button not rendering
-
February 23, 2022 at 3:20 pm #6963[anonymous]
I have the following code for a Reddit social button, but it’s not rendering on my website at all. I put this in the svg-map.svg file in my simple-overrided theme folder. Since I had to “turn on” the other social buttons in the Publii graphical interface (which are working), how do I get this custom one to appear on the footer of my website like the others? I got the reddit svg icon from Font Awesome.
<symbol id="reddit" viewBox="0 0 512 512"> <path d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"/> </symbol>
February 23, 2022 at 3:24 pm #6964BobDoes it work on a live server?
Chrome, Firefox, and Safari do not allow for the referencing/loading of the external SVG files. So, to put it in motion locally you also need to add the SVG code to the svg-map.js file (/assets/js/).
February 23, 2022 at 4:12 pm #6965[anonymous]Thanks for the reply. It has not been working on a live server so far. I added this to the svg-map.js file and unfortunately it still didn’t render.
"#reddit": { "viewbox": "0 0 512 512", "content": "<path d=\"M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z\" />" }
February 23, 2022 at 4:23 pm #6966Bobprovide with me the link to the live demo of this issue.
February 23, 2022 at 5:34 pm #6967[anonymous]https://coincontroversy.com/. Thank you very much!
March 2, 2022 at 5:07 pm #6998[anonymous]@Bob could you please consider adding a reddit button natively? It’s a popular social network, and the new version has a follow functionality too.
March 2, 2022 at 5:32 pm #6999Bob[anonymous] wrote:https://coincontroversy.com/. Thank you very much!
I can’t find the reddit button in the source code, so I can’t figure out what’s wrong.
March 2, 2022 at 5:36 pm #7000Bob[anonymous] wrote:could you please consider adding a reddit button natively
I can do that, the huge app and themes update is coming soon, so any suggestions on what else is worth adding (follow buttons)?
March 2, 2022 at 6:26 pm #7001[anonymous][anonymous] wrote:[anonymous] wrote:https://coincontroversy.com/. Thank you very much!
I can’t find the reddit button in the source code, so I can’t figure out what’s wrong.
Thanks for trying.
March 2, 2022 at 6:37 pm #7002[anonymous][anonymous] wrote:[anonymous] wrote:could you please consider adding a reddit button natively
I can do that, the huge app and themes update is coming soon, so any suggestions on what else is worth adding (follow buttons)?
That would be great! My suggestions besides Reddit follow/share buttons would be a Discord follow button. I don’t think Discord can have a share button. Maybe also (if it’s possible) add an option in the UI to add custom buttons like donation buttons (Ko-Fi, Patreon, Buy me a Coffee, etc). Thank you for your help.