diff --git a/_sass/_fonts.scss b/_sass/_fonts.scss index 73193db5..13561eac 100644 --- a/_sass/_fonts.scss +++ b/_sass/_fonts.scss @@ -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"); diff --git a/_sass/friends.scss b/_sass/friends.scss index 87e4fd06..58b1ecca 100644 --- a/_sass/friends.scss +++ b/_sass/friends.scss @@ -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; + } +} diff --git a/assets/csv/entities.csv b/assets/csv/entities.csv new file mode 100644 index 00000000..66055196 --- /dev/null +++ b/assets/csv/entities.csv @@ -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, diff --git a/assets/fonts/Inter-UI-Medium.woff2 b/assets/fonts/Inter-UI-Medium.woff2 new file mode 100755 index 00000000..7878abed Binary files /dev/null and b/assets/fonts/Inter-UI-Medium.woff2 differ diff --git a/assets/fonts/Inter-UI-SemiBold.woff2 b/assets/fonts/Inter-UI-SemiBold.woff2 new file mode 100755 index 00000000..bf08df50 Binary files /dev/null and b/assets/fonts/Inter-UI-SemiBold.woff2 differ diff --git a/assets/images/grin-logo.png b/assets/images/grin-logo.png new file mode 100644 index 00000000..2bb681de Binary files /dev/null and b/assets/images/grin-logo.png differ diff --git a/dev.html b/dev.html deleted file mode 100644 index 2c41ceef..00000000 --- a/dev.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -layout: default ---- -
-
- - -
-
diff --git a/friends.html b/friends.html new file mode 100644 index 00000000..a4dce9df --- /dev/null +++ b/friends.html @@ -0,0 +1,461 @@ +--- +layout: page +--- + +

Friends of Grin

+

+ The following companies, institutions, or individuals have generously donated + financial resources to the Grin project under our + community funding model. We're grateful for their + support, and are proud to display their logos or names as supporters of Grin. +

+ +

Hall of Fame

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +

Companies

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+

Individuals

+ In alphabetical order:

+
+
+ + Redouan Ahaloui +
+
+ + Aurel +
+
+ + Leonid Beder +
+
+ + Roy Blankman +
+
+ + Ivan Brightly +
+
+ + Guy Corem +
+
+ + Chance Du +
+
+ + Adonis Ferreira +
+
+ + Poseidon Ho +
+
+ + Michalis Kargakis +
+
+ + Baek Kyoum Kim +
+
+ + Sehwan Kim (misskiwi) +
+
+ + Mitchell Krawiec-Thayer Ph.D. (Isthmus) +
+
+ + Jameson Lopp +
+
+ + juelianshana +
+
+ + Chris McCann +
+
+ + Jack Misteli Jean-Guillaume +
+
+ + Bart Mol +
+
+ + Yan Pritzker +
+
+ + Hendrik Richter +
+
+ + Niels de Ruiter +
+
+ + Alex (X) Sherman +
+
+ + Max Tannahill +
+
+ + Aaron Ting +
+
+ + Alexander Zaidelson +
+
+ +

Anonymous Supporters

+

We'd also like to explicitly thank everyone who's donated to one of Grin's campaigns but chosen to remain anonymous. We're working to protect that choice!

+ +

Minimum amounts

+

100 USD in crypto-equivalent in order to be listed in the individuals section, 1,000 USD in the companies section.

+
+ + + + + + + + diff --git a/friends.md b/friends.md deleted file mode 100644 index 882ddd9c..00000000 --- a/friends.md +++ /dev/null @@ -1,115 +0,0 @@ ---- -layout: page ---- - -# Friends of Grin - -The following companies, institutions, or individuals have generously donated financial resources to the Grin project under our [community funding model](funding). We're grateful for their support, and are proud to display their logos or names as supporters of Grin. - -## Companies - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-## Individuals - -_In alphabetical order:_ -Redouan Ahaloui - Aurel - Leonid Beder - Roy Blankman - Ivan Brightly - Guy Corem - Chance Du - Adonis Ferreira - Poseidon Ho - Michalis Kargakis - Baek Kyoum Kim - Sehwan Kim (misskiwi) - Mitchell Krawiec-Thayer Ph.D. (Isthmus) - Jameson Lopp - juelianshana - Chris McCann - Jack Misteli Jean-Guillaume - Bart Mol - Yan Pritzker - Hendrik Richter - Niels de Ruiter - Alex (X) Sherman - Max Tannahill - Aaron Ting - Alexander Zaidelson - -## Anonymous Supporters - -We'd also like to explicitly thank everyone who's donated to one of Grin's campaigns but chosen to remain anonymous. We're working to protect that choice! - -## Minimum amounts - -100 USD in crypto-equivalent in order to be listed in the individuals section, 1,000 USD in the companies section. -