From fb250de6672ef4b6b4da6fb9fd5144b7394494ad Mon Sep 17 00:00:00 2001 From: Saptak Sengupta Date: Tue, 1 May 2018 00:04:08 +0530 Subject: [PATCH 01/23] Quickstart: Images needed for quickstart page --- app/assets/v2/images/quickstart-box.svg | 1 + app/assets/v2/images/quickstart-icons/bug-icon.svg | 1 + app/assets/v2/images/quickstart-icons/design-icon.svg | 1 + app/assets/v2/images/quickstart-icons/documentation-icon.svg | 1 + app/assets/v2/images/quickstart-icons/feature-icon.svg | 1 + app/assets/v2/images/quickstart-icons/list-icon.svg | 1 + app/assets/v2/images/quickstart-icons/newproduct-icon.svg | 1 + app/assets/v2/images/quickstart-icons/other-icon.svg | 1 + app/assets/v2/images/quickstart-icons/review-icon.svg | 1 + app/assets/v2/images/quickstart-icons/upgrade-icon.svg | 1 + 10 files changed, 10 insertions(+) create mode 100644 app/assets/v2/images/quickstart-box.svg create mode 100644 app/assets/v2/images/quickstart-icons/bug-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/design-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/documentation-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/feature-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/list-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/newproduct-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/other-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/review-icon.svg create mode 100644 app/assets/v2/images/quickstart-icons/upgrade-icon.svg diff --git a/app/assets/v2/images/quickstart-box.svg b/app/assets/v2/images/quickstart-box.svg new file mode 100644 index 00000000000..bb8090e7a91 --- /dev/null +++ b/app/assets/v2/images/quickstart-box.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/bug-icon.svg b/app/assets/v2/images/quickstart-icons/bug-icon.svg new file mode 100644 index 00000000000..131c46dfe75 --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/bug-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/design-icon.svg b/app/assets/v2/images/quickstart-icons/design-icon.svg new file mode 100644 index 00000000000..4557bbe7fed --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/design-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/documentation-icon.svg b/app/assets/v2/images/quickstart-icons/documentation-icon.svg new file mode 100644 index 00000000000..47b1b17392e --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/documentation-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/feature-icon.svg b/app/assets/v2/images/quickstart-icons/feature-icon.svg new file mode 100644 index 00000000000..188ab58a5fd --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/feature-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/list-icon.svg b/app/assets/v2/images/quickstart-icons/list-icon.svg new file mode 100644 index 00000000000..f10014651f8 --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/list-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/newproduct-icon.svg b/app/assets/v2/images/quickstart-icons/newproduct-icon.svg new file mode 100644 index 00000000000..070abccecc8 --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/newproduct-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/other-icon.svg b/app/assets/v2/images/quickstart-icons/other-icon.svg new file mode 100644 index 00000000000..ca1e5fff7cb --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/other-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/review-icon.svg b/app/assets/v2/images/quickstart-icons/review-icon.svg new file mode 100644 index 00000000000..cd2065e0804 --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/review-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/quickstart-icons/upgrade-icon.svg b/app/assets/v2/images/quickstart-icons/upgrade-icon.svg new file mode 100644 index 00000000000..c33cb239e68 --- /dev/null +++ b/app/assets/v2/images/quickstart-icons/upgrade-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file From 50f48e5688cb65aedf0338c21babed958250eeba Mon Sep 17 00:00:00 2001 From: Saptak Sengupta Date: Tue, 1 May 2018 00:04:19 +0530 Subject: [PATCH 02/23] Quickstart: Frontend and routing implementation done --- app/app/urls.py | 1 + app/assets/v2/css/quickstart.css | 115 ++++++++++++++++++ app/dashboard/templates/quickstart.html | 147 ++++++++++++++++++++++++ app/dashboard/views.py | 10 ++ 4 files changed, 273 insertions(+) create mode 100644 app/assets/v2/css/quickstart.css create mode 100644 app/dashboard/templates/quickstart.html diff --git a/app/app/urls.py b/app/app/urls.py index e8b211db32d..28c018e119a 100644 --- a/app/app/urls.py +++ b/app/app/urls.py @@ -71,6 +71,7 @@ url(r'^explorer/?', dashboard.views.dashboard, name='explorer'), # action URLs + url(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'), diff --git a/app/assets/v2/css/quickstart.css b/app/assets/v2/css/quickstart.css new file mode 100644 index 00000000000..3194b73f1de --- /dev/null +++ b/app/assets/v2/css/quickstart.css @@ -0,0 +1,115 @@ +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; +} + +.dont-show { + text-align: right; + font-style: italic; + color: #4a4a4a; + width: 100%; +} + +.steps-container { + background-color: #fff; +} + +.steps-container .image-container { + margin-top: 10rem; +} + +.steps-list { + padding-left: 1.5rem !important; +} + +ol, ul { + padding: 0; +} + +.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 button { + border-radius: 2px; + background-color: #0c0763; + border-color: #0c0763; +} + +.steps-list p { + font-size: 1.1rem; + color: #4a4a4a +} + +.steps-container a { + color: #3e00ff; +} + +.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; +} + +.issuetypes-container h5 { + font-size: 1.1rem; + margin-top: 1rem; + flex: 1; +} + +.issuetypes-container p { + font-size: 0.75rem; + line-height: 0.9rem; + padding: 0 1.7rem; +} + +.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; + diff --git a/app/dashboard/templates/quickstart.html b/app/dashboard/templates/quickstart.html new file mode 100644 index 00000000000..57fa7b47667 --- /dev/null +++ b/app/dashboard/templates/quickstart.html @@ -0,0 +1,147 @@ +{% comment %} + Copyright (C) 2017 Gitcoin Core + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published + by the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +{% endcomment %} +{% load i18n static %} + + + + + {% include 'shared/head.html' %} + {% include 'shared/cards.html' %} + + + + + + {% include 'shared/tag_manager_2.html' %} +
+ {% include 'shared/nav.html' %} +
+
+
+
+

{% trans "Quickstart Guide" %}

+
+
+
+
+ + Don't show again +
+
+
+
+ +
+
+
    +
  1. 1) Create a Github Issue, you'll need the issue URL
    2. +
  2. 2) Select the type of issue to fund
    3. +
  3. 3) Complete the form and press "Fund Issue"
    4. +
  4. 4) Confirm the transaction in metamask
    5. +
+

+ Once confirmed on blockchain, your bounty is posted to Gitcoin! + Wait for developers across the world to discover your bounty and + start working on your issue. +

+
+
+ Watch 90 second video +
+ +
+
+
+
Tips & Tricks
+
    +
  • Know what you're looking for.
    • +
  • Set clear acceptance criteria.
    • +
  • Set a reasonable timeframe.
    • +
  • Pick a fair price.
    • +
  • Documentation is Key.
    • +
  • Leave Room for Error.
    • +
+

Have fun! Meet new people!

+ More Funding Tips +
+
+
+

Other Repo Maintainers are funding these types of issues

+
+ +
NEW PRODUCT OR FEATURE
+

Build new product ideas or new features

+
+
+ +
FEATURE IMPROVEMENT
+

Iterate on the next set of features

+
+
+ +
BUG FIX
+

Find and fix bugs in your product

+
+
+ +
CODE REVIEW
+

Get help reviewing code

+
+
+ +
TECH UPGRADE
+

Frameworks, migrations, batches

+
+
+ +
DOCUMENTATION
+

Product documentation, set up instructions

+
+
+ +
DESIGN
+

Architecture, flows, wireframes, designs

+
+
+ +
OTHER
+

Ideas, discussions, contests, consulting

+
+
+

In our experience, the following are not good candidates for bounties:

+
    +
  1. + + Core Architecture +
    2. +
  2. + + Anything that requires a high degree of situational awareness + of the product/mark fit (unless there is well documented material) +
    3. +
  3. + + Anything that requires privleged access (like SSH access, + prod private API key) +
    4. +
+ If you're unsure, please reachout to a Gitcoin Core Team member +
+
+
+ \ No newline at end of file diff --git a/app/dashboard/views.py b/app/dashboard/views.py index ad4450775a4..de36130d0ce 100644 --- a/app/dashboard/views.py +++ b/app/dashboard/views.py @@ -715,6 +715,16 @@ def bounty_details(request, ghuser='', ghrepo='', ghissue=0, stdbounties_id=None return TemplateResponse(request, 'bounty_details.html', params) +def quickstart(request): + """Display quickstart guide. + + """ + # if not request.user.is_authenticated: + # return redirect('index') + + return TemplateResponse(request, 'quickstart.html', {}) + + def profile_helper(handle): """Define the profile helper. From a7b6d7de7dd391dbbcca436cfe77377599e2fad4 Mon Sep 17 00:00:00 2001 From: Saptak Sengupta Date: Thu, 3 May 2018 14:15:49 +0530 Subject: [PATCH 03/23] Quckstart: JS actions on various links added --- app/app/urls.py | 1 + app/assets/v2/css/quickstart.css | 133 +++++++++++------- app/assets/v2/js/pages/quickstart.js | 29 ++++ app/dashboard/templates/quickstart.html | 22 ++- app/dashboard/templates/quickstart_video.html | 22 +++ app/dashboard/views.py | 12 ++ 6 files changed, 162 insertions(+), 57 deletions(-) create mode 100644 app/assets/v2/js/pages/quickstart.js create mode 100644 app/dashboard/templates/quickstart_video.html diff --git a/app/app/urls.py b/app/app/urls.py index 28c018e119a..39710f08b9c 100644 --- a/app/app/urls.py +++ b/app/app/urls.py @@ -128,6 +128,7 @@ url(r'^sync/get_amount?', dashboard.helpers.amount, name='helpers_amount'), 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'), + url(r'^sync/get_quickstart_video?', dashboard.views.get_quickstart_video, name='get_quickstart_video'), # brochureware views url(r'^about/?', retail.views.about, name='about'), diff --git a/app/assets/v2/css/quickstart.css b/app/assets/v2/css/quickstart.css index 3194b73f1de..64210084854 100644 --- a/app/assets/v2/css/quickstart.css +++ b/app/assets/v2/css/quickstart.css @@ -1,115 +1,142 @@ body.quickstart { - background: #f6f6f6; + background: #f6f6f6; } .quickstart .title { - color: #0d0764; - letter-spacing: 0; + color: #0d0764; + letter-spacing: 0; } .quickstart .container-fluid.content { - margin-bottom: 13rem; + margin-bottom: 13rem; } .quickstart h4.title { - font-size: 2.75rem; + font-size: 2.75rem; } -.dont-show { - text-align: right; - font-style: italic; - color: #4a4a4a; - width: 100%; +.quickstart .dont-show { + text-align: right; + font-style: italic; + color: #4a4a4a; + width: 100%; } +.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; + background-color: #fff; } .steps-container .image-container { - margin-top: 10rem; + margin-top: 10rem; +} + +.steps-container a { + color: #3e00ff; } .steps-list { - padding-left: 1.5rem !important; + padding-left: 1.5rem !important; } -ol, ul { - padding: 0; +.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; + color: #3d3d46; + list-style-type: none; + line-height: 2.5rem; + font-size: 1.1rem; } .steps-list .action-footer { - justify-content: space-between; + justify-content: space-between; } .action-footer .video-link { - width: 30%; + width: 30%; } .action-footer button { - border-radius: 2px; - background-color: #0c0763; - border-color: #0c0763; -} - -.steps-list p { - font-size: 1.1rem; - color: #4a4a4a -} - -.steps-container a { - color: #3e00ff; + border-radius: 2px; + background-color: #0c0763; + border-color: #0c0763; } .tips-list { - border-left: #d7d7d7 2px solid; - padding-right: 0 !important; + border-left: #d7d7d7 2px solid; + padding-right: 0 !important; } .tips-list ul li { - font-size: 0.95rem !important; - line-height: 2rem !important; + font-size: 0.95rem !important; + line-height: 2rem !important; } .issuetypes-container { - background-color: #efefef; + background-color: #efefef; } .issuetypes-container .subheading { - width: 100%; - color: #15003e; - text-transform: none; + width: 100%; + color: #15003e; + text-transform: none; } .issuetypes-container h5 { - font-size: 1.1rem; - margin-top: 1rem; - flex: 1; + font-size: 1.1rem; + margin-top: 1rem; + flex: 1; } .issuetypes-container p { - font-size: 0.75rem; - line-height: 0.9rem; - padding: 0 1.7rem; + font-size: 0.75rem; + line-height: 0.9rem; + padding: 0 1.7rem; } .notsuggested-container ol { - padding: 1rem 9rem; + padding: 1rem 9rem; } .notsuggested-container ol li { - list-style: none; - display: flex; - padding: 1rem 0; + list-style: none; + display: flex; + padding: 1rem 0; } .notsuggested-container ol li span { - padding: 0rem 1rem; - + 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; + } + +} \ No newline at end of file diff --git a/app/assets/v2/js/pages/quickstart.js b/app/assets/v2/js/pages/quickstart.js new file mode 100644 index 00000000000..90c32ebd65e --- /dev/null +++ b/app/assets/v2/js/pages/quickstart.js @@ -0,0 +1,29 @@ +var localStorage; + +try { + localStorage = window.localStorage; +} catch (e) { + localStorage = {}; +} + +$(document).ready(function() { + $(document).on('click', '.show_video', function(e) { + e.preventDefault(); + $('#video').remove(); + var url = '/sync/get_quickstart_video'; + + setTimeout(function() { + $.get(url, function(newHTML) { + $(newHTML).appendTo('body').modal(); + }); + }, 300); + }); + + $(document).on('change', '#dontshow', function(e) { + if ($(this)[0].checked) { + localStorage['quickstart_dontshow'] = true; + } else { + localStorage['quickstart_dontshow'] = false; + } + }); +}); \ No newline at end of file diff --git a/app/dashboard/templates/quickstart.html b/app/dashboard/templates/quickstart.html index 57fa7b47667..3d29b37470b 100644 --- a/app/dashboard/templates/quickstart.html +++ b/app/dashboard/templates/quickstart.html @@ -39,7 +39,7 @@

{% trans "Quickstart Guide" %}

- + Don't show again
@@ -61,7 +61,7 @@

{% trans "Quickstart Guide" %}

- Watch 90 second video + Watch 90 second video
@@ -77,7 +77,7 @@
Tips & Tricks
  • Leave Room for Error.

    • Have fun! Meet new people!

    - More Funding Tips + More Funding Tips
    @@ -123,7 +123,7 @@
    OTHER

    Ideas, discussions, contests, consulting

    -

    In our experience, the following are not good candidates for bounties:

    +

    In our experience, the following are not good candidates for bounties:

    1. @@ -144,4 +144,18 @@

      In our experience, the following are not good candidates

    + + + + {% include 'shared/analytics.html' %} + {% include 'shared/footer_scripts.html' %} + {% include 'shared/rollbar.html' %} + {% include 'shared/footer.html' %} + + + + + \ No newline at end of file diff --git a/app/dashboard/templates/quickstart_video.html b/app/dashboard/templates/quickstart_video.html new file mode 100644 index 00000000000..ff51d754305 --- /dev/null +++ b/app/dashboard/templates/quickstart_video.html @@ -0,0 +1,22 @@ +{% comment %} + Copyright (C) 2017 Gitcoin Core + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published + by the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +{% endcomment %} +{% load i18n static %} +
    + +
    diff --git a/app/dashboard/views.py b/app/dashboard/views.py index de36130d0ce..9e18e5fa702 100644 --- a/app/dashboard/views.py +++ b/app/dashboard/views.py @@ -846,6 +846,18 @@ def save_search(request): return TemplateResponse(request, 'save_search.html', context) +@csrf_exempt +@ratelimit(key='ip', rate='5/m', method=ratelimit.UNSAFE, block=True) +def get_quickstart_video(request): + """Show quickstart video.""" + + context = { + 'active': 'video', + 'title': 'Quickstart Video', + } + return TemplateResponse(request, 'quickstart_video.html', context) + + @require_POST @csrf_exempt @ratelimit(key='ip', rate='5/s', method=ratelimit.UNSAFE, block=True) From ba72b8240eb2333196fc5532dd8fdfe8b7d86e99 Mon Sep 17 00:00:00 2001 From: Saptak Sengupta Date: Sat, 5 May 2018 02:53:52 +0530 Subject: [PATCH 04/23] Quickstart: Dont show implementation done --- app/assets/v2/css/quickstart.css | 2 +- app/assets/v2/js/pages/new_bounty.js | 14 ++++++++++++++ app/assets/v2/js/pages/quickstart.js | 2 +- app/dashboard/templates/quickstart.html | 2 +- 4 files changed, 17 insertions(+), 3 deletions(-) diff --git a/app/assets/v2/css/quickstart.css b/app/assets/v2/css/quickstart.css index 64210084854..d2365c403f2 100644 --- a/app/assets/v2/css/quickstart.css +++ b/app/assets/v2/css/quickstart.css @@ -74,7 +74,7 @@ body.quickstart { width: 30%; } -.action-footer button { +.action-footer .btn { border-radius: 2px; background-color: #0c0763; border-color: #0c0763; diff --git a/app/assets/v2/js/pages/new_bounty.js b/app/assets/v2/js/pages/new_bounty.js index a77713bd1c8..dc91893e2bf 100644 --- a/app/assets/v2/js/pages/new_bounty.js +++ b/app/assets/v2/js/pages/new_bounty.js @@ -2,6 +2,20 @@ /* eslint-disable nonblock-statement-body-position */ load_tokens(); +/* Check if quickstart page is to be shown */ +var localStorage; +var quickstartURL = document.location.origin + '/bounty/quickstart'; + +try { + localStorage = window.localStorage; +} catch (e) { + localStorage = {}; +} + +if (localStorage['quickstart_dontshow'] !== 'true' && document.referrer !== quickstartURL) { + window.location = quickstartURL; +} + // Wait until page is loaded, then run the function $(document).ready(function() { // Load sidebar radio buttons from localStorage diff --git a/app/assets/v2/js/pages/quickstart.js b/app/assets/v2/js/pages/quickstart.js index 90c32ebd65e..c5b89021798 100644 --- a/app/assets/v2/js/pages/quickstart.js +++ b/app/assets/v2/js/pages/quickstart.js @@ -26,4 +26,4 @@ $(document).ready(function() { localStorage['quickstart_dontshow'] = false; } }); -}); \ No newline at end of file +}); diff --git a/app/dashboard/templates/quickstart.html b/app/dashboard/templates/quickstart.html index 3d29b37470b..ec201633bee 100644 --- a/app/dashboard/templates/quickstart.html +++ b/app/dashboard/templates/quickstart.html @@ -63,7 +63,7 @@

    {% trans "Quickstart Guide" %}

    Watch 90 second video
    - +
    From ce710e6185a878958b1165f5e910895a0981b1e1 Mon Sep 17 00:00:00 2001 From: Saptak Sengupta Date: Sat, 5 May 2018 13:18:07 +0530 Subject: [PATCH 05/23] Funder Flow: Clean forms and put labels --- app/assets/v2/css/base.css | 36 ++- app/assets/v2/images/Lightbulb.svg | 19 ++ app/assets/v2/images/metamask-color.svg | 1 + app/assets/v2/images/metamask.svg | 2 +- .../templates/shared/no_issue_error.html | 32 ++ .../templates/shared/no_metamask_error.html | 35 ++- .../templates/shared/unlock_metamask.html | 34 ++- .../templates/shared/zero_balance_error.html | 45 +-- app/dashboard/templates/submit_bounty.html | 277 +++++++++--------- 9 files changed, 270 insertions(+), 211 deletions(-) create mode 100644 app/assets/v2/images/Lightbulb.svg create mode 100644 app/assets/v2/images/metamask-color.svg create mode 100644 app/dashboard/templates/shared/no_issue_error.html diff --git a/app/assets/v2/css/base.css b/app/assets/v2/css/base.css index 2e3d3af75f8..4ce9005c70c 100644 --- a/app/assets/v2/css/base.css +++ b/app/assets/v2/css/base.css @@ -520,21 +520,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%); @@ -1252,6 +1237,27 @@ input.is-invalid { background: #FAFAFA !important; } +.submit-notification { + color: #fff; + font-family: "Muli"; + 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; diff --git a/app/assets/v2/images/Lightbulb.svg b/app/assets/v2/images/Lightbulb.svg new file mode 100644 index 00000000000..ddd8f2f7d74 --- /dev/null +++ b/app/assets/v2/images/Lightbulb.svg @@ -0,0 +1,19 @@ + + + + Metamask Copy 2 + Created with Sketch. + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/assets/v2/images/metamask-color.svg b/app/assets/v2/images/metamask-color.svg new file mode 100644 index 00000000000..963c73efa67 --- /dev/null +++ b/app/assets/v2/images/metamask-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/v2/images/metamask.svg b/app/assets/v2/images/metamask.svg index c92aed33942..11c26ffb8c0 100644 --- a/app/assets/v2/images/metamask.svg +++ b/app/assets/v2/images/metamask.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/app/dashboard/templates/shared/no_issue_error.html b/app/dashboard/templates/shared/no_issue_error.html new file mode 100644 index 00000000000..eca64dfb662 --- /dev/null +++ b/app/dashboard/templates/shared/no_issue_error.html @@ -0,0 +1,32 @@ +{% comment %} + Copyright (C) 2017 Gitcoin Core + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published + by the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +{% endcomment %} +{% load static %} +
    +
    +
    +

    Get Started Funding You First Issue

    +

    + Before you begin, create an issue on Github so that we can reference the details of the issue. + Can't get web3 to work? Get help here. +

    +
    +
    + +
    +
    +
    \ No newline at end of file diff --git a/app/dashboard/templates/shared/no_metamask_error.html b/app/dashboard/templates/shared/no_metamask_error.html index a07c3438c39..d9fa0e1f0a8 100644 --- a/app/dashboard/templates/shared/no_metamask_error.html +++ b/app/dashboard/templates/shared/no_metamask_error.html @@ -15,22 +15,21 @@ along with this program. If not, see . {% endcomment %} {% load i18n static %} -