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

UI changes and language dropdown #164

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open

UI changes and language dropdown #164

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
4 changes: 4 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,3 +13,7 @@ site/_site/
coverage
.ruby-version
.sass-cache
/.idea/.gitignore
/.idea/dogecoin.com.iml
/.idea/modules.xml
/.idea/vcs.xml
16 changes: 15 additions & 1 deletion assets/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,7 +199,21 @@ h1, h2, h3, h4, h5, h6,
line-height: 3rem;
color: #1abc9c;
opacity: 1;
}
}
.img-holder {
margin-top: -100px;
}
.portfolio-img{
max-width: 150px;
}
@media (max-width: 767px) {
.porfolio-col {
margin-bottom: 100px !important;
}
.porfolio-col:last-child {
margin-bottom: 0px !important;
}
}
.floating-label-form-group {
position: relative;
border-bottom: 1px solid #e9ecef;
Expand Down
16 changes: 8 additions & 8 deletions guide.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,16 +66,16 @@
<div class="container d-flex align-items-center flex-column">
<div class="row">
<div class="col-md-12">
<img class="masthead-avatar mb-1" style="margin-top:-3rem;" src="assets/img/doge.png" alt="" />
<img class="masthead-avatar mb-5" style="margin-top:-3rem;" src="assets/img/doge.png" alt="" />
<!-- Masthead Subheading-->
<p class="masthead-subheading font-weight-light text-secondary mb-0"><span data-i18n="dgc-getting-started-desc">Getting started with Dogecoin</span> <span data-i18n="dgc-getting-started-is-123">is easy as 1, 2, 3</span></p>
<p data-i18n="dgc-getting-started-choose" class="text-secondary">Please choose your operating system to begin</p>
<div class="btn-holder">
<div class="btn btn-md btn-info wallet-button" data-target="#windows"><span class="fab fa-windows"></span> Windows</div>
<div class="btn btn-md btn-success wallet-button" data-target="#linux"><span class="fab fa-linux"></span> Linux</div>
<div class="btn btn-md btn-secondary wallet-button" data-target="#osx"><span class="fab fa-apple"></span> macOS</div>
<div class="btn btn-md btn-danger wallet-button" data-target="#android"><span class="fab fa-android"></span> Android</div>
</div>
<p data-i18n="dgc-getting-started-choose" class="text-secondary mb-5">Please choose your operating system to begin</p>
<div class="btn-holder d-flex">
<div class="btn btn-md btn-info wallet-button w-100 mr-1" data-target="#windows"><span class="fab fa-windows d-block"></span> Windows</div>
<div class="btn btn-md btn-success wallet-button w-100 mr-1" data-target="#linux"><span class="fab fa-linux d-block"></span> Linux</div>
<div class="btn btn-md btn-secondary wallet-button w-100 mr-1" data-target="#osx"><span class="fab fa-apple d-block"></span> macOS</div>
<div class="btn btn-md btn-danger wallet-button w-100" data-target="#android"><span class="fab fa-android d-block"></span> Android</div>
</div>
</div>
</div>
</div>
Expand Down
118 changes: 79 additions & 39 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,11 +48,16 @@
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<ul class="navbar-nav ml-auto align-items-center">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#wallets">Wallets</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about"><span data-i18n="dgc-what-is-doge">What is dogecoin</span></a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#start"><span data-i18n="dgc-get-started-now">How to get started</span></a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="guide.html"><span data-i18n="dgc-guide">Guide</span></a></li>
<li class="nav-item mx-0 mx-lg-1">
<a class="btn btn-outline-light btn-lg rounded-circle" href="https://github.com/dogecoin/dogecoin" target="_blank">
<span class="fab fa-github"></span>
</a>
</li>
</ul>
</div>
</div>
Expand All @@ -70,8 +75,9 @@ <h2 class="text-secondary"><span id="curPrice_DOGE">1 Dogecoin =</span> <div id=
<!-- Masthead Subheading-->
<p data-i18n="dgc-header-desc" class="masthead-subheading font-weight-light text-secondary mb-0">Dogecoin is an open source peer-to-peer digital currency, favored by Shiba Inus worldwide.</p>
<div class="btn-holder mt-4">
<a class="btn btn-secondary btn-lg js-scroll-trigger" href="#start"><span data-i18n="dgc-get-started-now">Get Dogecoin</a>&nbsp;
<a class="btn btn-outline-secondary btn-lg" href="https://github.com/dogecoin/dogecoin" target="_blank"><span class="fab fa-github"></span> <span data-i18n="dgc-wallet-source">View on GitHub</span></a>
<a class="btn btn-secondary btn-lg js-scroll-trigger" href="#start"><span data-i18n="dgc-get-started-now">
Get Dogecoin
</a>
</div>
</div>
</div>
Expand All @@ -94,42 +100,76 @@ <h2 data-i18n="dgc-choose-wallet" class="page-section-heading text-center text-u
<span data-i18n="dgc-windows-wallet-modal-full-wallet">Dogecoin Core, on the other hand, is a "full" wallet. It syncs by downloading it, providing a solid-working Dogecoin wallet.</span>
</p>
<!-- Portfolio Grid Items-->
<div class="row text-center justify-content-center">
<div class="col-md-6 col-lg-6 mb-5">
<div class="mx-auto">
<div class="img-holder">
<p class="lead">Multidoge</p>
<img style="max-width: 150px;" src="assets/img/multidoge.png">
<div class="row text-center" style="margin-top: 100px;">
<div class="col-md-4 col-lg-4 mb-4 porfolio-col">
<div class="card card-body bg-primary h-100">
<div class="img-holder mb-2">
<img class="portfolio-img" src="assets/img/multidoge.png">
</div>
<p class="lead">Multidoge</p>
<br>
<a href="https://multidoge.org/?dl=win" target="_blank" class="btn btn-md btn-info wallet-button mb-2"><span class="fab fa-windows"></span> <span data-i18n="dgc-wallet-windows"> Windows</span></a>
<br>
<a href="https://multidoge.org/?dl=lin" target="_blank" class="btn btn-md btn-success wallet-button mb-2"><span class="fab fa-linux"></span> <span data-i18n="dgc-wallet-linux"> Linux</span></a>
<br>
<a href="https://multidoge.org/?dl=osx" target="_blank" class="btn btn-md btn-secondary wallet-button"><span class="fab fa-apple"></span> <span data-i18n="dgc-wallet-osx"> macOS</span></a>
<a href="https://multidoge.org/?dl=win" target="_blank" class="btn btn-md btn-info wallet-button mb-2">
<span class="fab fa-windows"></span>
<span data-i18n="dgc-wallet-windows"> Windows</span>
</a>
<a href="https://multidoge.org/?dl=lin" target="_blank" class="btn btn-md btn-success wallet-button mb-2">
<span class="fab fa-linux"></span>
<span data-i18n="dgc-wallet-linux"> Linux</span>
</a>
<a href="https://multidoge.org/?dl=osx" target="_blank" class="btn btn-md btn-secondary wallet-button mb-2">
<span class="fab fa-apple"></span>
<span data-i18n="dgc-wallet-osx"> macOS</span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-5">
<div class="mx-auto">
<p class="lead">Dogecoin Core</p>
<div class="img-holder">
<img style="max-width: 150px;" src="assets/img/dogecoin-300.png">
<div class="col-md-4 col-lg-4 mb-4 porfolio-col">
<div class="card card-body bg-primary h-100">
<div class="img-holder mb-2">
<img class="portfolio-img" src="assets/img/dogecoin-300.png">
</div>
<p class="lead">Dogecoin Core</p>
<br>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-win32-setup-unsigned.exe" target="_blank" class="btn btn-md btn-info wallet-button mb-2"><span class="fab fa-windows"></span> <span> Windows 32-bit</span></a>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-win64-setup-unsigned.exe" target="_blank" class="btn btn-md btn-info wallet-button mb-2"><span class="fab fa-windows"></span> <span> Windows 64-bit</span></a>
<div class="d-flex">
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-win32-setup-unsigned.exe" target="_blank" class="btn btn-block btn-md btn-info wallet-button mt-0 mr-1">
<span class="fab fa-windows d-block"></span>
<span class="d-none d-lg-block">Windows</span>
<span>32-bit</span>
</a>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-win64-setup-unsigned.exe" target="_blank" class="btn btn-block btn-md btn-info wallet-button mt-0">
<span class="fab fa-windows d-block"></span>
<span class="d-none d-lg-block">Windows</span>
<span>64-bit</span>
</a>
</div>
<br>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-i686-pc-linux-gnu.tar.gz" target="_blank" class="btn btn-md btn-success wallet-button mb-2"><span class="fab fa-linux"></span> <span> Linux 32-bit</span></a>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-x86_64-linux-gnu.tar.gz" target="_blank" class="btn btn-md btn-success wallet-button mb-2"><span class="fab fa-linux"></span> <span> Linux 64-bit</span></a>
<div class="d-flex">
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-i686-pc-linux-gnu.tar.gz" target="_blank" class="btn btn-block btn-md btn-success wallet-button mt-0 mr-1">
<span class="fab fa-linux d-block"></span>
<span class="d-none d-lg-block">Linux</span>
<span>32-bit</span>
</a>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-x86_64-linux-gnu.tar.gz" target="_blank" class="btn btn-block btn-md btn-success wallet-button mt-0">
<span class="fab fa-linux d-block"></span>
<span class="d-none d-lg-block">Linux</span>
<span>64-bit</span>
</a>
</div>
<br>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-osx.dmg" target="_blank" class="btn btn-md btn-secondary wallet-button"><span class="fab fa-apple"></span> <span data-i18n="dgc-wallet-osx"> macOS</span></a>
<a href="https://github.com/dogecoin/dogecoin/releases/download/v1.14.3/dogecoin-1.14.3-osx.dmg" target="_blank" class="btn btn-md btn-secondary wallet-button">
<span class="fab fa-apple"></span>
<span data-i18n="dgc-wallet-osx"> macOS</span>
</a>
</div>
</div>
<div class="col-md-12 col-lg-12 mb-5">
<div class="mx-auto">
<div class="col-md-4 col-lg-4 mb-4 porfolio-col">
<div class="card card-body bg-primary h-100">
<div class="img-holder mb-2">
<img class="portfolio-img" src="assets/img/multidoge.png">
</div>
<p class="lead">Android Wallet</p>
<a href="https://play.google.com/store/apps/details?id=de.langerhans.wallet&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1" target="_blank" class="img-holder">
<img style="max-width: 150px;" src="assets/img/google_play.png">
<br>
<a href="https://play.google.com/store/apps/details?id=de.langerhans.wallet&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1" target="_blank">
<img style="width: 220px; margin-top: -15px;" class="img-fluid mb-2" src="assets/img/google_play.png">
</a>
</div>
</div>
Expand All @@ -146,31 +186,31 @@ <h2 data-i18n="dgc-what-is-doge" class="page-section-heading text-center text-up
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
<div class="divider-custom-line"></div>
</div>
<p data-i18n="dgc-header-desc" class="lead">Dogecoin is a decentralized, peer-to-peer digital currency that enables you to easily send money online. Think of it as "the internet currency."</p>
<p data-i18n="dgc-header-desc" class="lead text-center">Dogecoin is a decentralized, peer-to-peer digital currency that enables you to easily send money online. Think of it as "the internet currency."</p>
<div class="row">
<div class="col-md-12">
<div class="video-container">
<iframe class="mt-5" src="https://www.youtube-nocookie.com/embed/_KVZmS_UO5I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="col-md-12 mb-4">
<div class="video-container">
<iframe class="mt-5" src="https://www.youtube-nocookie.com/embed/_KVZmS_UO5I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<div class="col-md-6 mt-4 mb-5">
<!-- About Section Heading-->
<h3 data-i18n="dgc-fun-currency" class="text-center text-uppercase text-secondary">The fun and friendly internet currency?</h3>
<!-- About Section Content-->
<div class="ml-auto"><p data-i18n="dgc-set-apart" class="lead">Dogecoin sets itself apart from other digital currencies with an amazing, vibrant community made up of friendly folks just like you."</p></div>
<!-- About Section Button-->
<div class="text-center mt-4">
<a class="btn btn-secondary mb-2" target="_blank" href="https://www.reddit.com/r/dogecoin">
<a class="btn btn-secondary w-75 mb-2" target="_blank" href="https://www.reddit.com/r/dogecoin">
<i class="fab fa-reddit mr-2"></i>
<span data-i18n="dgc-reddit">Join our Community</span>
</a>
<br>
<a class="btn btn-secondary mb-2" target="_blank" href="https://discord.gg/dogecoin">
<a class="btn btn-secondary w-75 mb-2" target="_blank" href="https://discord.gg/dogecoin">
<i class="fab fa-discord mr-2"></i>
<span>Discord Community</span>
</a>
<br>
<a class="btn btn-outline-secondary" target="_blank" href="https://www.reddit.com/r/dogeducation">
<a class="btn btn-outline-secondary w-75" target="_blank" href="https://www.reddit.com/r/dogeducation">
<i class="fab fa-reddit mr-2"></i>
<span data-i18n="dgc-dogeducation">Learn more</span>
</a>
Expand All @@ -183,11 +223,11 @@ <h3 data-i18n="dgc-what-with-dog" class="text-center text-uppercase text-seconda
<div class="ml-auto"><p data-i18n="dgc-doge-explained" class="lead">"Doge" is our fun, friendly mascot! The Shiba Inu is a Japanese breed of dog that was popularized as an online meme and represents Dogecoin.</p></div>
<!-- About Section Button-->
<div class="text-center mt-4">
<a class="btn btn-secondary mb-2" href="https://knowyourmeme.com/memes/doge" target="_blank">
<a class="btn btn-secondary w-75 mb-2" href="https://knowyourmeme.com/memes/doge" target="_blank">
<span data-i18n="dgc-doge-learn">Learn more about the Meme</span>
</a>
<br>
<a class="btn btn-outline-secondary" href="https://en.wikipedia.org/wiki/Shiba_Inu" target="_blank">
<a class="btn btn-outline-secondary w-75" href="https://en.wikipedia.org/wiki/Shiba_Inu" target="_blank">
<i class="fab fa-wikipedia-w mr-2"></i>
<span data-i18n="dgc-shiba-inu">Shiba Inu</span>
</a>
Expand Down