LumeWeb
/
web3extension.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

*Add social sharing section

This commit is contained in:
Derrick Hammer 2022-05-28 00:33:38 -04:00
parent bc06f3713f
commit 1d1668fd3a
3 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/SEO/SEO.tsx
View File

@ -33,6 +33,7 @@ const SEO = ({title, desc, banner, pathname}) => {
<html lang={siteLanguage}/> <html lang={siteLanguage}/>
<meta name="description" content={seo.description}/> <meta name="description" content={seo.description}/>
<meta name="image" content={seo.image}/> <meta name="image" content={seo.image}/>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-6291a28498423e20"></script>
</Helmet> </Helmet>
<Facebook <Facebook
desc={seo.description} desc={seo.description}

25
src/css/style.scss
View File

@ -66,6 +66,12 @@ h2 {
text-align: center; text-align: center;
} }
h3 {
color: $dark;
text-align: center;
line-height: 1;
}
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
h2 { h2 {
font-size: 22px; font-size: 22px;
@ -416,6 +422,25 @@ p + p {
} }
} }
.section-share {
margin-top: 24px;
p {
margin-bottom: 1em;
}
.addthis_inline_share_toolbox {
text-align: center;
margin: auto;
}
}
@media only screen and (max-width: 480px) {
.section-share {
margin-top: 10px;
}
}
/* Advantages*/ /* Advantages*/
.section-advantages { .section-advantages {

7
src/pages/index.tsx
View File

@ -30,6 +30,13 @@ const IndexPage = () => {
</div> </div>
</div> </div>
</section> </section>
<section className="section-share">
<h3>Share</h3>
<div>
<p>Outside upgrading to web3, or supporting with $ if you can, the best way to support this initiative is by sharing and blue pilling your social network, friends and family. If orange is for bitcoin, then blue must represent web3, and both represent 2 sides of a bitcoin for freedom!</p>
<div className="addthis_inline_share_toolbox" />
</div>
</section>
<section className="section-advantages"> <section className="section-advantages">
<div className="advantage-card"> <div className="advantage-card">