[WIP] Grants

app/app/settings.py

@@ -101,7 +101,8 @@
     'external_bounties',
     'dataviz',
     'impersonate',
-    'bounty_requests'
+    'grants',
+    'bounty_requests',
 ]
 
 MIDDLEWARE = [

app/app/urls.py

@@ -67,6 +67,9 @@
     re_path(r'^health/', include('health_check.urls')),
     re_path(r'^lbcheck/?', healthcheck.views.lbcheck, name='lbcheck'),
 
+    # grant views
+    path('grants/', include('grants.urls', namespace='grants')),
+
     # dashboard views
 
     # Dummy offchain index

app/assets/v2/css/base.css

@@ -534,6 +534,14 @@ p a {
   max-width: 100px;
 }
 
+.grant .loading_img {
+  display: none;
+}
+
+.grant .loading_img.waiting-state {
+  display: flex;
+}
+
 .dashboard .body .experienence.unknown {
   background: #eee;
 }

app/assets/v2/css/bounty.css

@@ -669,20 +669,23 @@ a.btn {
   text-align: center;
 }
 
-.bounty_details .quote-container {
+.bounty_details .quote-container,
+.grant_waiting .quote-container {
   width: 55%;
   margin: 4rem auto;
   font-weight: 700;
   z-index: 2;
 }
 
-.bounty_details .quote_text {
+.bounty_details .quote_text,
+.grant_waiting .quote_text {
   margin-top: 50px;
   font-size: 1.1rem;
   color: #4A4A4A;
 }
 
-.bounty_details .quote_author {
+.bounty_details .quote_author,
+.grant_waiting .quote_author {
   color: #4A4A4A;
   margin: 1rem auto;
   font-size: 1rem;

app/assets/v2/css/forms/button.css

@@ -52,11 +52,15 @@
   background-color: #ca001a;
 }
 
+.button--full {
+  width: 100%;
+}
+
 .button--warning:hover {
   background-color: #d43247;
 }
 
 .button__small {
   padding: 5px 10px;
   font-size: 12px;
-}
+}

app/assets/v2/css/forms/drop.css

@@ -0,0 +1,39 @@
+.form__drop {
+  align-items: center;
+  background-color: #F2F6F9;
+  border: 1px dashed #9B9B9B;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  margin-top: 35px;
+  justify-content: center;
+  padding: 24px;
+  position: relative;
+}
+
+.form__drop.is-dragging {
+  border: 1px dashed #0D0764;
+}
+
+.form__drop:hover {
+  cursor: pointer;
+}
+
+.form__drop span {
+  color: #9B9B9B;
+  cursor: pointer;
+  font-size: 14px;
+  pointer-events: none;
+}
+
+.form__drop input[type="file"] {
+  cursor: pointer;
+  height: 100%;
+  font-size: 0;
+  margin: 0;
+  padding: 0;
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  width: 100%;
+}

app/assets/v2/css/forms/form.css

@@ -1,3 +1,13 @@
+.form__intro {
+  margin: 40px 0;
+}
+
+.form__intro h1 {
+  font-size: 24px;
+  letter-spacing: 0;
+  text-transform: none;
+}
+
 .form__group {
   display: flex;
 }
@@ -6,6 +16,15 @@
   height: 37px;
 }
 
+.form__img {
+  margin-top: 70px;
+}
+
+.form__group-horizontal {
+  width: 100%;
+  margin-bottom: 12px;
+}
+
 .form__amount-wrapper {
   margin-right: 1rem;
 }

app/assets/v2/css/gitcoin.css

@@ -168,7 +168,6 @@ div.button-pink {
   font-size: 2em;
   font-weight: 500;
   font-style: italic;
-  letter-spacing: 0.1em;
 }
 
 .header-line-contributors {
@@ -565,7 +564,7 @@ div.button-pink {
 }
 
 .select2-container--default .select2-selection--single {
-  border-radius: 2px !important;
+  border-radius: 3px !important;
   border-color: black !important;
 }
 

app/assets/v2/css/grants/cancel.css

@@ -0,0 +1,17 @@
+.button--cancel, .button--cancel:hover, .button--cancel:focus {
+  background: #F1F1F2;
+  color: #0D0764;
+}
+
+.grant__progress.cancel {
+  padding-top: 50px;
+}
+
+.dates {
+  font-size: 14px;
+  color: #43484D;
+}
+
+.progress-bar--cancel span {
+  color: #D0021B;
+}

app/assets/v2/css/grants/card.css

@@ -0,0 +1,86 @@
+
+.grant-item {
+  border: 1px solid #D3D3D3;
+  border-radius: 5px;
+  display: flex;
+  margin: 1rem;
+  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
+  flex-direction: column;
+}
+
+.grant-item:hover {
+  box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+
+.grant-item__title {
+  line-height: 24px;
+}
+
+.grant-item__title a {
+  color: #454545;
+}
+
+.grant-item__pitch {
+  color: #9B9B9B;
+  line-height: 18px;
+  height: 6rem;
+}
+
+.grant-item__owner {
+  align-items: center;
+  display: flex;
+}
+
+.grant-item__owner-image {
+  height: 35px;
+  width: 35px;
+}
+
+.grant-item__owner-image img {
+  width: 100%;
+}
+
+.grant-item__footer {
+  margin-top: auto;
+}
+
+.grant-item__funding {
+  display: flex;
+  justify-content: space-between;
+}
+
+.grant-item__funding-number {
+  color: #0D0764;
+}
+
+.grant-item__funding-label {
+  color: #BBBDBF;
+}
+
+.grant-item__state-active,
+.grant-item__state-completed {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  top: 1px;
+}
+
+.grant-item__state-active {
+  background-color: #0FCE7C;
+}
+
+.grant-item__state-completed {
+  background-color: #1A91EB;
+}
+
+.inner {
+  margin-top: 2px;
+  margin-left: 2px;
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background-color: white;
+  border-radius: 50%
+}