Add sponsor information

pull/1657/head
Kamran Ahmed 5 years ago
parent 79573705d8
commit d26008d990
  1. 11
      components/sponsor-banner/index.js
  2. 14
      components/sponsor-banner/style.js
  3. BIN
      public/roadmaps/backend.png
  4. BIN
      public/roadmaps/devops.png
  5. BIN
      public/roadmaps/frontend.png
  6. BIN
      public/roadmaps/frontend/frontend.png
  7. 27
      public/sponsors/do.svg
  8. 1
      public/sponsors/heart-eyes.svg

@ -1,13 +1,18 @@
import React from 'react'; import React from 'react';
import { BannerWrap, CloseSponsor, EmojiWrap } from './style'; import { BannerWrap, CloseSponsor, EmojiWrap, SponsorLogo } from './style';
export function SponsorBanner({ onCloseBanner = () => null }){ export function SponsorBanner({ onCloseBanner = () => null }){
return ( return (
<div className='row'> <div className='row'>
<div className='col p-0'> <div className='col p-0'>
<BannerWrap href='https://google.com' target='_blank' className='alert alert-info'> <BannerWrap
href={`https://try.digitalocean.com/developer-cloud/?utm_source=roadmapsh&utm_medium=partnerships`}
target='_blank'
className='alert alert-info'
>
<SponsorLogo src='/sponsors/do.svg' />
Sponsored by DigitalOcean Sponsored by DigitalOcean
<EmojiWrap>😍</EmojiWrap> <EmojiWrap src={'/sponsors/heart-eyes.svg'} />
Check them out! Check them out!
<CloseSponsor <CloseSponsor

@ -17,10 +17,18 @@ export const BannerWrap = styled.a`
} }
`; `;
export const EmojiWrap = styled.span` export const SponsorLogo = styled.img`
height: 20px;
margin-right: 10px;
position: relative; position: relative;
top: 1px; top: -2px;
margin: 0 0 0 6px; `;
export const EmojiWrap = styled.img`
height: 18px;
position: relative;
top: -1px;
margin: 0 6px 0 6px;
`; `;
export const CloseSponsor = styled.span` export const CloseSponsor = styled.span`

Binary file not shown.

Before

Width:  |  Height:  |  Size: 884 KiB

After

Width:  |  Height:  |  Size: 894 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 741 KiB

After

Width:  |  Height:  |  Size: 752 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 915 KiB

After

Width:  |  Height:  |  Size: 926 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 915 KiB

After

Width:  |  Height:  |  Size: 926 KiB

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="67 175.2 176.4 176.5" style="enable-background:new 67 175.2 176.4 176.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g id="XMLID_229_">
<g id="XMLID_690_">
<g id="XMLID_691_">
<g>
<g id="XMLID_44_">
<g id="XMLID_48_">
<path id="XMLID_49_" class="st0" d="M155.2,351.7v-34.2c36.2,0,64.3-35.9,50.4-74c-5.1-14.1-16.4-25.4-30.5-30.5
c-38.1-13.8-74,14.2-74,50.4l0,0H67c0-57.7,55.8-102.7,116.3-83.8c26.4,8.3,47.5,29.3,55.7,55.7
C257.9,295.9,213,351.7,155.2,351.7z"/>
</g>
<polygon id="XMLID_47_" class="st0" points="155.3,317.6 121.3,317.6 121.3,283.6 121.3,283.6 155.3,283.6 155.3,283.6
"/>
<polygon id="XMLID_46_" class="st0" points="121.3,343.8 95.1,343.8 95.1,343.8 95.1,317.6 121.3,317.6 "/>
<path id="XMLID_45_" class="st0" d="M95.1,317.6H73.2l0,0v-21.9l0,0h21.9l0,0V317.6z"/>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M35.885 11.833c0-5.45-4.418-9.868-9.867-9.868-3.308 0-6.227 1.633-8.018 4.129-1.791-2.496-4.71-4.129-8.017-4.129-5.45 0-9.868 4.417-9.868 9.868 0 .772.098 1.52.266 2.241C1.751 22.587 11.216 31.568 18 34.034c6.783-2.466 16.249-11.447 17.617-19.959.17-.721.268-1.469.268-2.242z"/></svg>

After

Width:  |  Height:  |  Size: 368 B

Loading…
Cancel
Save