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

fix(landing): caps + btn alignment #8298

Merged
merged 11 commits into from
Feb 3, 2021
Merged

fix(landing): caps + btn alignment #8298

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
426d0e9
fix caps
chibie Jan 25, 2021
ad33eeb
fix btn-alignment
chibie Jan 25, 2021
5d171da
adjust column width
chibie Jan 25, 2021
dd794b0
make action buttons on first view; add login
chibie Jan 28, 2021
2f0a173
handle auth flag
chibie Jan 28, 2021
713f602
adjust content
chibie Jan 28, 2021
693bfb7
fix static proxy links
chibie Jan 28, 2021
baf5940
fix typo
chibie Jan 28, 2021
308181f
set login hover + redirect url
chibie Feb 1, 2021
85d4117
remove dead code
chibie Feb 3, 2021
67d142b
use django template for url
chibie Feb 3, 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
10 changes: 10 additions & 0 deletions app/assets/landingpage/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -638,6 +638,10 @@ section#intro {
margin-left: 1.5em;
margin-right: 1.5em; } }

section#whatisgitcoin .actions {
display: none
}

section#whatisgitcoin {
margin: 0em;
margin-top: 12em; }
Expand All @@ -659,6 +663,12 @@ section#whatisgitcoin {
margin-right: 26px; }

@media (max-width: 688px) {
section#whatisgitcoin .actions {
display: block;
}
section#whatisgitcoin .actions-reverse {
display: none;
}
section#whatisgitcoin div.grid {
grid-template-columns: 1fr;
margin-left: 1.5em;
Expand Down
56 changes: 36 additions & 20 deletions app/retail/templates/home/index2020.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@
{% include 'shared/cards.html' %} {% include 'shared/favicon.html' %}

<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;800&display=swap" rel="stylesheet" />

<link href="/static/v2/css/bootstrap.min.css" rel="stylesheet" />

<link href="/static/landingpage/app.css" type="text/css" rel="stylesheet" media="screen,projection" />

Expand Down Expand Up @@ -106,7 +108,7 @@ <h1>
</span>
at Gitcoin.<br />
Earn money while building open source decentralized applications,
learning new technologies and meeting like-minded developers.
learning new technologies, and meeting like-minded developers.
</h1>
</div>

Expand All @@ -121,26 +123,40 @@ <h1>
<!-- what is gitcoin -->

<section id="whatisgitcoin">
<div class="grid">
<div>
<h2>Here to earn?</h2>
<p>
Build exciting projects and upskill on development while earning
Ethereum and other tokens. Find mentorship by connecting with
talented developers and leaders of Ethereum’s top companies.
</p>
<a class="btn fe-pulse" href="/hackathon-list"><span>Join a Hackathon</span></a>
<a class="btn fe-pulse" href="/explorer"><span>Work on a Bounty</span></a>
<a class="btn fe-pulse" href="/grants"><span>Get Grant Funding</span></a>
<div class="container">
<div class="row">
<div class="col-md-8">
<h2>Here to Earn?</h2>
<p>
Build exciting projects and upskill on development while earning
Ethereum and other tokens. Find mentorship by connecting with
talented developers and leaders of Ethereum’s top companies.
</p>
<div class="actions">
<a class="btn fe-pulse" href="/hackathon-list"><span>Join a Hackathon</span></a>
<a class="btn fe-pulse" href="/explorer"><span>Work on a Bounty</span></a>
<a class="btn fe-pulse" href="/grants"><span>Get Grant Funding</span></a>
</div>
</div>
<div class="col-md-4">
<h2>Here to Support?</h2>
<p>
Discover great open source projects working hard to impact the
ecosystem. Get involved by funding, supporting, or mentoring
projects to help push the Ethereum forward.
</p>
<a class="btn fe-pulse actions" href="/grants"><span>Support Grant Projects</span></a>
</div>
</div>
<div>
<h2>Here to Support?</h2>
<p>
Discover great open source projects working hard to impact the
ecosystem. Get involved by funding, supporting, or mentoring
projects to help push the Ethereum forward.
</p>
<a class="btn fe-pulse" href="/grants"><span>Support Grant Projects</span></a>
<div class="row actions-reverse">
<div class="col-md-8">
<a class="btn fe-pulse" href="/hackathon-list"><span>Join a Hackathon</span></a>
<a class="btn fe-pulse" href="/explorer"><span>Work on a Bounty</span></a>
<a class="btn fe-pulse" href="/grants"><span>Get Grant Funding</span></a>
</div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@frankchen07 is this intended ? we show the same actions for
Here to earn and Here to support ?

<div class="col-md-4">
<a class="btn fe-pulse" href="/grants"><span>Support Grant Projects</span></a>
</div>
</div>
</div>
<figure>
Expand Down