adding the social links to the social share buttons. minor edit for the toggle buttons

This commit is contained in:
Calvin Jhunjhnuwala
2020-09-17 14:20:50 -07:00
parent 76c5a1cfe2
commit 0c95827d97
4 changed files with 19 additions and 13 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -172,14 +172,6 @@
background: $primary;
color: $black;
}
#data-selector li:first-child a {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
#data-selector li:last-child a {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.tab-content div {
display: none;
}
@@ -267,6 +259,16 @@
display: block;
}
}
@include media-breakpoint-up(md){
#data-selector li:first-child a {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
#data-selector li:last-child a {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
}
.viz-wrapper {
position: relative;
height: 204px;

View File

@@ -16,6 +16,9 @@
{% block breadcrumbs %}{% endblock %}
{% block main %}
<!-- <div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0" nonce="IhVJTgzU"></script> -->
<div class="fullwidth-bg">
<div class="container mt-30">
@@ -73,9 +76,10 @@
</ul>
</div>
<div class="d-flex mb-3 ml-3">
<a href="#" class="mr-3"><img src="./img/logos/Twitter.png" alt="{% trans %}Twitter share{% endtrans %}" class="mw-100"></a>
<a href="#" class="mr-3"><img src="./img/logos/LinkedIn.png" alt="{% trans %}LinkedIn share{% endtrans %}" class="mw-100"></a>
<a href="#" class="mr-3"><img src="./img/logos/Facebook.png" alt="{% trans %}Facebook share{% endtrans %}" class="mw-100"></a>
<a href="https://twitter.com/intent/tweet?url=https://xrpl.org/carbon-calculator.html&text=XRPL Carbon Calculator" target="_blank" class="mr-3"><img src="./img/logos/Twitter.png" alt="{% trans %}Twitter share{% endtrans %}" class="mw-100"></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://xrpl.org/carbon-calculator.html" target="_blank" class="mr-3"><img src="./img/logos/LinkedIn.png" alt="{% trans %}LinkedIn share{% endtrans %}" class="mw-100"></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://xrpl.org/carbon-calculator.html" target="_blank" class="mr-3"><img src="./img/logos/Facebook.png" alt="{% trans %}Facebook share{% endtrans %}" class="mw-100">
</a>
</div>
</div>
<a href="#" class="text-white arrow-link bold mt-4 d-block">{% trans %}Learn more about the methodology{% endtrans %}</a>