[WIP] Grants

app/app/settings.py

@@ -100,7 +100,8 @@
     'external_bounties',
     'dataviz',
     'impersonate',
-    'bounty_requests'
+    'grants',
+    'bounty_requests',
 ]
 
 MIDDLEWARE = [
@@ -586,7 +587,7 @@
 
 STABLE_COINS = ['DAI', 'USDT', 'TUSD']
 
-BLOCKED_USERS = env('BLOCKED_USERS', default=[]) 
+BLOCKED_USERS = env('BLOCKED_USERS', default=[])
 
 
 # Silk Profiling and Performance Monitoring

app/app/urls.py

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

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

@@ -53,6 +53,10 @@
   background-color: #ca001a;
 }
 
+.button--full {
+  width: 100%;
+}
+
 .button--warning:hover {
   background-color: #d43247;
-}
+}

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/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/detail.css

@@ -0,0 +1,73 @@
+@media (min-width: 1200px) {
+  .grant-detail .container {
+    max-width: 85vw
+  }
+}
+
+/* Milestones */
+.milestones-container {
+  border: 1px solid #CECECE;
+  border-radius: 3px;
+  padding: 30px;
+}
+
+ul.milestones {
+  padding-left: 15px;
+  margin-top: -1px;
+}
+
+ul.milestones li {
+  padding-left: 33px;
+  list-style: none;
+  position: relative;
+  margin-bottom: 0;
+  padding-bottom: 2.5em;
+}
+
+ul.milestones li:last-child {
+  padding-bottom: 0;
+}
+
+.article-title, .milestone-title {
+  font-size: 20px;
+  color: #43484D;
+}
+
+.article-date, .milestone-date {
+  font-size: 14px;
+  color: #CCCCCC;
+}
+
+.article-description, .milestone-description {
+  font-size: 14px;
+  color: #43484D;
+}
+
+ul.milestones li:after {
+  content: url('/static/v2/images/list-icon.svg');
+  position: absolute;
+  left: -25px;
+  top: 10px;
+}
+
+ul.milestones li:before {
+  content: "";
+  position: absolute;
+  left: -16px;
+  border-left: 1px solid #979797;
+  height: 100%;
+  width: 1px;
+}
+
+ul.milestones li:first-child:before {
+  top: 15px;
+}
+
+ul.milestones li:last-child:before {
+  height: 15px;
+}
+
+#addUpdate {
+  background: #F9F9F9;
+  padding: 20px;
+}

app/assets/v2/css/grants/fund.css

@@ -0,0 +1,26 @@
+.fund__header {
+  font-family: Helvetica;
+  font-size: 36px;
+  color: #43484D;
+  letter-spacing: 0;
+  text-align: center;
+  margin: 40px 0;
+}
+
+.fund__header--highlight {
+  color: #0D0764;
+}
+
+.fund__title {
+  font-family: Helvetica-Bold;
+  color: #43484D;
+  margin-bottom: 10px;
+}
+
+.fund__period .select2-container--default .select2-selection--single {
+  min-height: 33px;
+}
+
+.progress-bar--fund span {
+  color: #0D0764;
+}