How to use
Click on the SVG, then on the “edit” button.
Select all of the text (Ctrl+A or Cmd+A) and copy it.
Then on the page of your choice, add a Code Block and paste the text inside it.
Tweaking icons
Set the icon size and left/center/right alignment in the <style> tag at the start of the block. You can comment/uncomment a line with Ctrl+/ or Cmd+/.
Customize behavior in JavaScript by adding a <script> tag and a function callback to the onclick attribute of the div.
| Note: keep functions name unique accross pages or there will be conflict and unexpected behaviors!
SVG Logos
For some reason Squarespace does not support SVG as assets, so I made these as Code Blocks, they should behave like a normal image.
THE FINALS
ENTITIES
Changing color
Click on the SVG, then on the “edit” button.
On the second line you should see something like:
<style>.a{fill:#e5e6e8}</style>
Simply change the fill hex #value to the color of your choice!
GAMING PLATFORMS
Missing NEXON logo as an SVG :/