Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed footer language selection drop-down on Support page #288

Closed
wants to merge 2 commits into from
Closed

Fixed footer language selection drop-down on Support page #288

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
03ceebe
Fixed uneven content cards
cojohen Jul 1, 2021
d9e07b3
Fixed footer language drop-down menu
cojohen Jul 2, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 11 additions & 3 deletions assets/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -538,17 +538,25 @@ img {
-khtml-user-select: none !important;
}

#support-items {
display: flex;
flex-wrap: wrap;
margin: 0;
}

.support-content {
min-height: 300px;
max-width: 500px;
max-width: 340px;
border: 1px solid #4a6c7d;
margin: 0px auto;
padding: 20px;
margin: 15px;
padding: 50px 20px;
border-radius: .5rem;
}

.support-content .fa {
font-size: 2rem;
}

.support-content .heading {
font-size: 1.2rem;
}
Expand Down
115 changes: 56 additions & 59 deletions support.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,67 +73,53 @@ <h1>
<section class="page-section wallet-guide-detail" id="windows">
<div class="container">
<!-- Portfolio Grid Items-->
<div class="row text-center justify-content-center">
<div class="col-lg-4 col-md-6 mb-4">
<div class="support-content">
<i class="fa fa-bullhorn text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-spread-the-word" class="heading mb-4">
Spread the Word
</h3>
<div class="text">
Become a self-appointed Dogecoin ambassador. Tell your friends and family about it. Join <a class="btn btn-sm btn-secondary" href="https://www.reddit.com/r/dogecoin/" target="_blank">r/dogecoin</a>. Ask your favorite shops to let you pay with Dogecoin. You can even donate Dogecoin to someone in need. Much noble. So respect.
</div>
<div class="row text-center justify-content-center" id="support-items">
<div class="support-content">
<i class="fa fa-bullhorn text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-spread-the-word" class="heading mb-4">
Spread the Word
</h3>
<div class="text">
Become a self-appointed Dogecoin ambassador. Tell your friends and family about it. Join <a class="btn btn-sm btn-secondary" href="https://www.reddit.com/r/dogecoin/" target="_blank">r/dogecoin</a>. Ask your favorite shops to let you pay with Dogecoin. You can even donate Dogecoin to someone in need. Much noble. So respect.
</div>
</div>

<div class="col-lg-4 col-md-6 mb-4">
<div class="support-content">
<i class="fa fa-server text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-run-full-node" class="heading mb-4">
Run a Full Node
</h3>
<div class="text">
A full node is a program that validates transactions on the Dogecoin blockchain. Since Dogecoin is fully decentralized, meaning there is no central authority that owns or operates it, the network has to be supported and maintained entirely by individual computers running full nodes. <a class="btn btn-sm btn-secondary" href="https://www.reddit.com/r/dogecoin/comments/l7q640/why_running_a_full_node_is_the_secondbest/" target="_blank">Learn more here</a> about running a full node and how you can do your part to keep the Dogecoin network barking.
</div>
<div class="support-content">
<i class="fa fa-server text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-run-full-node" class="heading mb-4">
Run a Full Node
</h3>
<div class="text">
A full node is a program that validates transactions on the Dogecoin blockchain. Since Dogecoin is fully decentralized, meaning there is no central authority that owns or operates it, the network has to be supported and maintained entirely by individual computers running full nodes. <a class="btn btn-sm btn-secondary" href="https://www.reddit.com/r/dogecoin/comments/l7q640/why_running_a_full_node_is_the_secondbest/" target="_blank">Learn more here</a> about running a full node and how you can do your part to keep the Dogecoin network barking.
</div>
</div>

<div class="col-lg-4 col-md-6 mb-4">
<div class="support-content">
<i class="fa fa-globe text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-contribute-to-website" class="heading mb-4">
Contribute to dogecoin.com
</h3>
<div class="text">
Dogecoin.com is free software. If you are a web developer and a devoted shiba, you can help maintain the official dogecoin website and add features.
</div>
<a class="btn btn-sm btn-secondary mt-1" href="https://github.com/dogecoin/dogecoin.com" target="_blank">Github</a>
<div class="support-content">
<i class="fa fa-globe text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-contribute-to-website" class="heading mb-4">
Contribute to dogecoin.com
</h3>
<div class="text">
Dogecoin.com is free software. If you are a web developer and a devoted shiba, you can help maintain the official dogecoin website and add features.
</div>
<a class="btn btn-sm btn-secondary mt-1" href="https://github.com/dogecoin/dogecoin.com" target="_blank">Github</a>
</div>

<div class="col-lg-4 col-md-6 mb-4">
<div class="support-content">
<i class="fa fa-book text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-educate" class="heading mb-4">
Educate People
</h3>
<div class="text">
Some shibas want to know more than the basics. They need teachers. If you are well-informed about Dogecoin, you can post educational videos about it online, write blog posts, share info on social media, and so much more. Anything that makes people better educated about Dogecoin is good for Dogecoin. <a class="btn btn-sm btn-secondary mt-1" href="https://www.reddit.com/r/dogeducation/" target="_blank">Start Here</a>
</div>
<div class="support-content">
<i class="fa fa-book text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-educate" class="heading mb-4">
Educate People
</h3>
<div class="text">
Some shibas want to know more than the basics. They need teachers. If you are well-informed about Dogecoin, you can post educational videos about it online, write blog posts, share info on social media, and so much more. Anything that makes people better educated about Dogecoin is good for Dogecoin. <a class="btn btn-sm btn-secondary mt-1" href="https://www.reddit.com/r/dogeducation/" target="_blank">Start Here</a>
</div>
</div>

<div class="col-lg-4 col-md-6 mb-4">
<div class="support-content">
<i class="fa fa-code text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-develop" class="heading mb-4">
Develop
</h3>
<div class="text">
Dogecoin is free software. If you are a software developer, you can use your shibapowers to do good and improve Dogecoin. You can even build amazing new services or software that use Dogecoin.
</div>
<a class="btn btn-sm btn-secondary mt-1" href="https://www.reddit.com/r/dogecoindev/" target="_blank">r/dogecoindev</a>
<div class="support-content">
<i class="fa fa-code text-secondary mb-2"></i>
<h3 data-i18n="dgc-support-develop" class="heading mb-4">
Develop
</h3>
<div class="text">
Dogecoin is free software. If you are a software developer, you can use your shibapowers to do good and improve Dogecoin. You can even build amazing new services or software that use Dogecoin.
</div>
<a class="btn btn-sm btn-secondary mt-1" href="https://www.reddit.com/r/dogecoindev/" target="_blank">r/dogecoindev</a>
</div>
</div>
</div>
Expand All @@ -155,13 +141,24 @@ <h3 data-i18n="dgc-support-develop" class="heading mb-4">
</div>
<!-- Footer About Text-->
<div class="col-lg-4">
<p class="lead" data-i18n="dgc-language">Language</p>
<a class="text-white select-lang" style="cursor: pointer;" data-lang="en">English</a><br>
<a class="text-white select-lang" style="cursor: pointer;" data-lang="de">Deutsch</a><br>
<a class="text-white select-lang" style="cursor: pointer;" data-lang="fr">Français</a><br>
<a class="text-white select-lang" style="cursor: pointer;" data-lang="es">Español</a><br>
<a class="text-white select-lang" style="cursor: pointer;" data-lang="kn">Kannada</a><br>
<a class="text-white select-lang" style="cursor: pointer;" data-lang="ru">Русский</a><br>
<div class="dropdown">
<a class="btn btn-lg btn-outline-light dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span data-i18n="dgc-language">Language</span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item select-lang" data-lang="en">English</a></li>
<li><a class="dropdown-item select-lang" data-lang="de">Deutsch</a></li>
<li><a class="dropdown-item select-lang" data-lang="es">Español</a></li>
<li><a class="dropdown-item select-lang" data-lang="fr">Français</a></li>
<li><a class="dropdown-item select-lang" data-lang="it">Italiano</a></li>
<li><a class="dropdown-item select-lang" data-lang="hi">Hindi</a></li>
<li><a class="dropdown-item select-lang" data-lang="id">Bahasa Indonesia</a></li>
<li><a class="dropdown-item select-lang" data-lang="mr">Marathi</a></li>
<li><a class="dropdown-item select-lang" data-lang="tr">Türkçe</a></li>
<li><a class="dropdown-item select-lang" data-lang="kn">Kannada</a></li>
<li><a class="dropdown-item select-lang" data-lang="ru">Русский</a></li>
</div>
</div>
</div>
</div>
</div>
Expand Down