Skip to content

Commit

Permalink
Merge pull request #106 from nijynot/leaderboard5
Browse files Browse the repository at this point in the history 
add React leaderboard/Hall of Fame
  • Loading branch information
@lehnberg
lehnberg authored Mar 10, 2019
2 parents 9c82297 + 52f5a99 commit 0334802
Show file tree
Hide file tree
Showing 9 changed files with 747 additions and 134 deletions.
10 changes: 10 additions & 0 deletions _sass/_fonts.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,16 @@
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Inter UI";
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2");
font-weight: 500;
}
@font-face {
font-family: "Inter UI";
src: url("../fonts/Inter-UI-SemiBold.woff2") format("woff2");
font-weight: 600;
}
@font-face {
font-family: "Inter UI";
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2");
Expand Down
253 changes: 245 additions & 8 deletions _sass/friends.scss
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,271 @@
.companies {
border-radius: 4px;
padding: $small 0 3px $small;
border: 1px solid #ddd;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: $small;
margin-top: $small;
margin-bottom: $base;
}
.companies a {
align-items: center;
background-color: #000;
background-color: #080808;
border: 1px solid #f2f2f2;
border-bottom: 0;
box-shadow: 0 10px 45px -12px rgba(93, 90, 50, 0.25), 0 18px 36px -18px rgba(0, 0, 0, .3);
border-radius: 4px;
cursor: pointer;
display: flex;
height: 150px;
margin: 4px;
height: 115px;
margin: 0 16px 16px 0;
transition: all .15s ease;
width: 150px;
width: 115px;
border: 0;
&:hover {
box-shadow: 0 15px 55px -12px rgba(93, 90, 50, 0.25), 0 18px 36px -18px rgba(0, 0, 0, .3);
// box-shadow: 0 15px 55px -12px rgba(93, 90, 50, 0.25), 0 18px 36px -18px rgba(0, 0, 0, .3);
transform: translateY(-2px);
}
}
.companies a img {
border-radius: 4px;
padding: $small;
padding: 8px;
vertical-align: top;
width: 150px;
width: 115px;
}
.companies a img.no-frame {
padding: 0;
}

#leaderboard {}
.leaderboard-loading {
border-radius: 4px;
width: 105px;
height: 105px;
background-color: #f0f0f0;
}
.leaderboard-content {
flex-wrap: wrap;
margin-top: 16px;
border-radius: 4px;
border: 1px solid #ddd;
margin-bottom: $base;
display: flex;
}
.leaderboard-row {
flex: 1 0 100%;
flex-wrap: wrap;
padding: $small;
border-bottom: 1px solid #ddd;
display: flex;
flex-direction: row;
flex-grow: 1;
justify-content: flex-start;
align-items: center;
transition: all .15s ease;
&:nth-child(even) {
background-color: #f6f6f6;
}
}
.leaderboard-row .logo {
background-color: #080808;
border-radius: 4px;
margin-right: 18px;
height: 105px;
width: 105px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.leaderboard-row .logo a {
border: 0;
}
.leaderboard-row .logo img {
border-radius: 4px;
width: 115px;
}
.leaderboard-row .header {
flex: 1 0 46%;
display: flex;
align-items: center;
padding-right: 25px;
}
.leaderboard-row .header-info {
}
.leaderboard-row .heading {
display: block;
margin-bottom: 4px;
}
.leaderboard-row .heading a {
border: 0;
font-weight: 700;
line-height: 1.6em;
// transition: all .15s ease;
&:hover {
border-bottom: 2px solid black;
// color: #fef136;
// font-weight: 600;
}
}
.leaderboard-row .desc {
line-height: 1.3em;
color: #6d6d6d;
font-size: 13px;
}
.leaderboard-row .info {
display: flex;
flex: 1 0 54%;
flex-wrap: wrap;
padding-bottom: 0;
}
.leaderboard-row .donations {
font-size: 13px;
background-color: white;
border-radius: 4px;
flex: 1 0 100%;
flex-wrap: wrap;
padding: $small;
margin-top: $small;
border: 1px solid #ddd;
// display: flex;
&.hide {
display: none;
}
& a {
margin-bottom: $tiny;
flex: 1 0 100%;
border: 0;
}
& a:last-child {
margin-bottom: 0;
flex: 1 0 100%;
border: 0;
}
& strong {
font-weight: 600;
}
}
.leaderboard-row .donation {
padding-bottom: 4px;
line-height: 1.6em;
&:last-child {
padding-bottom: 0;
}
}
.leaderboard-row .subheading {
display: block;
margin-bottom: 4px;
font-size: 13px;
color: #6d6d6d;
}
.leaderboard-row .data {
flex: 1;
padding-right: $small;
// flex-grow: 9;
}
.leaderboard-row .donation-number {
font-weight: 600;
cursor: pointer;
border: 0;
background: transparent;
outline: 0;
padding: 0;
font-size: $small;
font-family: 'Inter UI';
position: relative;
top: -2px;
& svg {
position: relative;
top: 2px;
margin-left: 4px;
}
}
#leaderboard .empty {
color: #777;
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 100%;
padding: $base;
border-bottom: 1px solid #ddd;
font-size: 15px;
font-weight: 500;
&:nth-child(even) {
background-color: #f6f6f6;
}
&:hover {
font-weight: 600;
}
}
.friends-show-more {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: $base;
}
#friends-show-more-btn {
border-radius: 4px;
border: 1px solid #ddd;
background-color: transparent;
font-family: 'Inter UI';
font-size: 16px;
cursor: pointer;
padding: $tiny $small;
color: #999;
transition: all .15s ease;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
transform: translateY(0);
outline: 0;
&:hover {
transform: translateY(-1px);
color: black;
}
}
.individuals {
display: flex;
flex-wrap: wrap;
margin-bottom: $base;
// justify-content: center;
}
.individual {
border-radius: 25px;
background-color: #f1f1f1;
padding-right: $small;
margin: 0 $tiny $tiny 0;
// display:
}
.individual img {
width: 40px;
height: 40px;
// background: grey;
border-radius: 50%;
vertical-align: middle;
margin-right: 4px;
}
.individual span {
font-weight: 500;
font-size: 13px;
vertical-align: middle;
}
@media (max-width: 767px) {
.leaderboard-row .logo {
width: 65px;
height: 65px;
}
.leaderboard-row .logo img {
width: 65px;
}
.leaderboard-row .info {
margin-top: 12px;
}
.leaderboard-row .header {
flex: 1 0 100%;
}
.leaderboard-row .data {
display: flex;
align-items: center;
flex-direction: column;
}
}
31 changes: 31 additions & 0 deletions assets/csv/entities.csv
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
id,name,href,profile_src,description
1,Bitonic,https://www.bitonic.nl/,assets/images/logos/bitonic-white.png,
2,KR1,https://www.kryptonite1.co/,assets/images/logos/kr1_med.png,
3,TMGOX,https://www.tmgox.com/,assets/images/logos/tmgox-logo.jpg,
4,GPU.one,https://gpu.one/,assets/images/logos/gpuOne-white.png,
5,Mega Pool,https://www.megapool.info,assets/images/logos/Mega-Pool-Logo-trans.png,
6,BlockCypher,https://www.blockcypher.com,assets/images/logos/blockcypher_logo_white.svg,
7,Kyokan,https://kyokan.io,assets/images/logos/kyokan_teal_white.png,
8,Innosilicon,http://innosilicon.com,assets/images/logos/Innosilicon.png,
9,Galleon,https://galleon.exchange,assets/images/logos/galleon.png,
10,Luxor,https://mining.luxor.tech,assets/images/logos/luxor_logo.png,
11,Beam,https://beam-mw.com,assets/images/logos/beam_logo.png,
12,Continue Capital,https://continue.capital,assets/images/logos/continuecapital.png,
13,Cypher Capital,http://cyphercapital.net,assets/images/logos/cypher_capital.png,
14,HashRabbit,https://hashrabbit.co,assets/images/logos/hashrabbit.png,
15,Lemniscap,https://lemniscap.com,assets/images/logos/lemniscap.png,
16,Chance Ventures,#,assets/images/logos/chanceventures.png,
17,Wings,https://www.wings.ai,assets/images/logos/wingsai-grey.png,
18,CGS Group,https://www.cgs.group,assets/images/logos/cgs-logo-white.svg,
19,CoinGecko,https://www.coingecko.com/en/coins/grin,assets/images/logos/CoinGecko-WhiteText-small.png,
20,Outliers,https://hashoutliers.com,assets/images/logos/Outliers-256x.png,
21,Blue Helix Exchange (BHEX),https://www.bhex.com,assets/images/logos/bhex-384x.png,
22,SparkPool,https://www.sparkpool.com,assets/images/logos/Sparkpool-660x.png,
23,Qtum,https://qtum.org,assets/images/logos/qtum.png,
24,bitfish,https://bit.fish,assets/images/logos/bitfish.png,
25,bminer,https://bminer.me,assets/images/logos/bminer-white-only.png,
26,Prokapi,https://prokapi.com,assets/images/logos/prokapi-white.png,
27,Hashtag Capital,https://hashtagchain.com,assets/images/logos/hashtag-capital.png,
28,F2Pool,https://www.f2pool.com,assets/images/logos/f2pool.png,
29,Minerbabe,https://www.minerbabe.com,assets/images/logos/minerbabe-white.png,
30,Sparkpool,https://www.sparkpool.com,assets/images/logos/Sparkpool-660x.png,
Binary file added assets/fonts/Inter-UI-Medium.woff2
View file
Binary file not shown.
Binary file added assets/fonts/Inter-UI-SemiBold.woff2
View file
Binary file not shown.
Binary file added assets/images/grin-logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 0 additions & 11 deletions dev.html
View file

This file was deleted.

Loading

0 comments on commit 0334802

Please sign in to comment.