Skip to content
Henry Bley-Vroman edited this page Aug 9, 2016 · 2 revisions

How to contribute a new network:

  • (Fork the repo, clone your fork)

  • Add the four svgs:

    • if possible, use a heavily optimized svg
      • web.svg.min is a great source for optimized svgs
      • you could also check simple-icons
      • use svgomg to make sure things are minified
      • remove any markup that will be taken care of in css (see #51)
    • img/
      • icons/
        • line/
          • circle (1)
          • normal (2)
        • solid/
          • circle (3)
          • normal (4)
  • Add the button color and button hover color to css/modules/_share-buttons.css

    • (class should look like .resp-sharing-button--networkname)
    • base color should be the official brand color. Try searching for "yourplatform branding guidelines". If that doesn't work, check the homepage's stylesheets. You can also check https://brandcolors.net/, but that isn't always right. In your commit, please make a note of the color source.
  • Add the network to js/stores/AppStore.js's data.networks

    • for the .icons (the svg's) use the svg, replacing line breaks with \n and using four spaces ( ) for each level of indentation
    • for the .style use the css you added to css/modules/_share-buttons.css, replacing line breaks with \n and using two spaces ( ) for each level of indentation
Clone this wiki locally