Quickstart PR with corrected redirect

app/app/urls.py

@@ -71,6 +71,7 @@
     url(r'^explorer/?', dashboard.views.dashboard, name='explorer'),
 
     # action URLs
+    re_path(r'^bounty/quickstart/?', dashboard.views.quickstart, name='quickstart'),
     url(r'^bounty/new/?', dashboard.views.new_bounty, name='new_bounty'),
     url(r'^funding/new/?', dashboard.views.new_bounty, name='new_funding'),
     url(r'^new/?', dashboard.views.new_bounty, name='new_funding_short'),
@@ -153,6 +154,9 @@
     url(r'^sync/get_issue_details?', dashboard.helpers.issue_details, name='helpers_issue_details'),
     url(r'^sync/search_save?', dashboard.views.save_search, name='save_search'),
 
+    # modals
+    re_path(r'^modal/get_quickstart_video?', dashboard.views.get_quickstart_video, name='get_quickstart_video'),
+
     # brochureware views
     url(r'^about/?', retail.views.about, name='about'),
     url(r'^mission/?', retail.views.mission, name='mission'),

app/assets/v2/css/base.css

@@ -524,21 +524,6 @@ input[type=text].loading {
   background-size: 30px;
 }
 
-.blocking_error {
-  padding: 0 4em;
-  text-align: center;
-  margin: 100px auto;
-  max-width: 100%;
-}
-
-.blocking_error img {
-  max-width: 150px;
-  filter: grayscale(80%);
-  -moz-filter: grayscale(80%);
-  -ms-filter: grayscale(80%);
-  -o-filter: grayscale(80%);
-}
-
 #no_metamask_error img {
   filter: grayscale(100%);
   -moz-filter: grayscale(100%);
@@ -552,6 +537,10 @@ input[type=text].loading {
   padding: 0 2em;
 }
 
+.submit_bounty #primary_form {
+  max-width: none;
+}
+
 .submit_bounty .select2-search,
 .fulfill_bounty .select2-search,
 .submit_bounty .select2-results__option,
@@ -1168,6 +1157,26 @@ input.is-invalid {
   background: #FAFAFA !important;
 }
 
+.submit-notification {
+  color: #fff;
+  font-family: 'Muli', sans-serif;
+  font-size: 10px !important;
+  min-height: 100px;
+}
+
+.submit-notification h3 {
+  font-size: 20px !important;
+  text-transform: capitalize;
+}
+
+.submit-notification a {
+  color: #FFF;
+}
+
+.metamask-error {
+  background-color: #FF6700;
+}
+
 @media (max-width: 1350px) {
   .profile_details .tips li div.details {
     width: 300px;

app/assets/v2/css/current_balance.css

@@ -6,6 +6,10 @@
   color: #000000;
 }
 
+.submit_bounty #upper_left {
+  height: 100%;
+}
+
 #upper_left i {
   border-radius: 100%;
   height: 30px;

app/assets/v2/css/quickstart.css

@@ -0,0 +1,147 @@
+body.quickstart {
+  background: #f6f6f6;
+}
+
+.quickstart .title {
+  color: #0d0764;
+  letter-spacing: 0;
+}
+
+.quickstart .container-fluid.content {
+  margin-bottom: 13rem;
+}
+
+.quickstart h4.title {
+  font-size: 2.75rem;
+}
+
+.quickstart .dont-show {
+  text-align: right;
+  font-style: italic;
+  color: #4a4a4a;
+  width: 100%;
+}
+
+.quickstart .dont-show .checkbox_container .filter-label {
+  display: inline;
+}
+
+.quickstart ol,
+.quickstart ul {
+  padding: 0;
+}
+
+.quickstart .modal {
+  padding: 0;
+  line-height: 0;
+}
+
+.quickstart iframe {
+  width: 100%;
+  min-height: 450px;
+}
+
+
+.steps-container {
+  background-color: #fff;
+}
+
+.steps-container .image-container {
+  margin-top: 10rem;
+}
+
+.steps-container a {
+  color: #3e00ff;
+}
+
+.steps-list {
+  padding-left: 1.5rem !important;
+}
+
+.steps-list p {
+  font-size: 1.1rem;
+  color: #4a4a4a
+}
+
+.steps-list ol li {
+  color: #3d3d46;
+  list-style-type: none;
+  line-height: 2.5rem;
+  font-size: 1.1rem;
+}
+
+.steps-list .action-footer {
+  justify-content: space-between;
+}
+
+.action-footer .video-link {
+  width: 30%;
+}
+
+.action-footer .btn {
+  border-radius: 2px;
+  background-color: #0c0763;
+  border-color: #0c0763;
+}
+
+.tips-list {
+  border-left: #d7d7d7 2px solid;
+  padding-right: 0 !important;
+}
+
+.tips-list ul li {
+  font-size: 0.95rem !important;
+  line-height: 2rem !important;
+}
+
+.issuetypes-container {
+  background-color: #efefef;
+}
+
+.issuetypes-container .subheading {
+  width: 100%;
+  color: #15003e;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+.issuetypes-container h5 {
+  font-size: 1.1rem;
+  margin-top: 1rem;
+  flex: 1;
+  letter-spacing: 0;
+}
+
+.issuetypes-container p {
+  font-size: 0.9rem;
+  line-height: 0.9rem;
+}
+
+.notsuggested-container ol {
+  padding: 1rem 9rem;
+}
+
+.notsuggested-container ol li {
+  list-style: none;
+  display: flex;
+  padding: 1rem 0;
+}
+
+.notsuggested-container ol li span {
+  padding: 0rem 1rem;
+}
+
+.notsuggested-container .orange-text {
+  color: #ff7200;
+}
+
+@media screen and (max-width: 500px) {
+  iframe {
+    min-height: 200px;
+  }
+
+  .notsuggested-container ol {
+    padding: 1rem 0;
+  }
+
+}