# Friends of the Reef

> Buttons and banners for the sites Snax's friends run. Yours can go up there too.

Canonical page: https://reefsnax.com/friends.html

ReefSnax — Friends of the Reef

    [Skip to content](#main)

# Snax's Wall of Friends

Cool people Snax knows, and the sites they run.

## Get your site on the wall

Know Snax? Have a website? You can be added to the wall!

Send the following to [contact@reefsnax.com](mailto:contact@reefsnax.com):

- your URL (personal site preferred, but Twitch and social media are fine too!)

- a one-line description

- 468 × 60 banner (shown here)

- 88 × 31 button (shown on the home page)

Please only provide SFW URLs and imagery.
Please do not include tracking queries in the URLs.

[Download Banner Templates (PSD)](templates/templates.zip)

## Link back

Buttons work both ways. Grab either size for your own site and link back to [reefsnax.com](https://reefsnax.com). Copy the code and paste it into your HTML:

                    Banner — 468 × 60

![ReefSnax 468x60 banner](img/friends/reefsnax-468x60.png)

                        <a href="https://reefsnax.com"><img src="https://reefsnax.com/img/friends/reefsnax-468x60.png" alt="ReefSnax" width="468" height="60"></a>
                        Copy code

                     Button — 88 &times; 31

![ReefSnax 88x31 button](img/friends/reefsnax-88x31.png)

                        <a href="https://reefsnax.com"><img src="https://reefsnax.com/img/friends/reefsnax-88x31.png" alt="ReefSnax" width="88" height="31"></a>
                        Copy code

## Structured page data

Source: data/friends.json

```json
{
  "_readme": "Friend sites. Order here = display order. button = 88x31 art (home page), banner = 468x60 art (friends page). Leave button/banner empty ('') to render a dashed text slot. url '' = reserved slot, not clickable.",
  "friends": [
    {
      "name": "Kimmie Sasumori",
      "url": "https://sasusclubhouse.carrd.co/",
      "desc": "A Miserable little pile of secrets!!",
      "button": "img/friends/kimmie-small.png",
      "banner": "img/friends/kimmie-large.png"
    },
    {
      "name": "Calidori",
      "url": "https://calidori.carrd.co/",
      "desc": "🤖💚CALI-HO💚🤖",
      "button": "img/friends/calidori-small.png",
      "banner": "img/friends/calidori-large.png"
    },
    {
      "name": "HailStone",
      "url": "https://www.twitch.tv/hailstone_wg",
      "desc": "Your local Lumpfish Merfolk VTuber",
      "button": "img/friends/hailstone-small.png",
      "banner": "img/friends/hailstone-large.png"
    }
  ]
}
```