From 92c80255d669b7fec90de5a7c6b2e845aa897c6d Mon Sep 17 00:00:00 2001 From: Mohit Anand Date: Mon, 5 Jun 2017 00:55:51 +0530 Subject: [PATCH 01/30] Fixed issue #168 which arose again. From a374a385ccce36bb99091b00c134fd290d3812dc Mon Sep 17 00:00:00 2001 From: Mohit Anand Date: Tue, 6 Jun 2017 00:55:44 +0530 Subject: [PATCH 02/30] Added migration files From ea231d42591c02c1444a5161e8d53fad186d610f Mon Sep 17 00:00:00 2001 From: Mohit Anand Date: Wed, 7 Jun 2017 11:02:02 +0530 Subject: [PATCH 03/30] Add files via upload From 55db9f3fd57d2543b897f3314a3f63a06d4e25dd Mon Sep 17 00:00:00 2001 From: Mohit Anand Date: Wed, 7 Jun 2017 12:03:02 +0530 Subject: [PATCH 04/30] Add files via upload From 300e119623000622d70b82c2fdb7fc8b7a545168 Mon Sep 17 00:00:00 2001 From: swapnil shinde Date: Tue, 16 Aug 2022 16:42:46 +0530 Subject: [PATCH 05/30] Docker/fix (#915) * removed print statements * report get() view changed to IssueCreate * docker file using poetry and docker compose support * captcha validation added From 174e6534a47c97d4fdd496242eca75506330db1f Mon Sep 17 00:00:00 2001 From: Swapnil Shinde Date: Mon, 7 Aug 2023 00:13:02 +0530 Subject: [PATCH 06/30] Alternate issue page --- blt/urls.py | 2 + pyproject.toml | 2 +- website/templates/issue2.html | 610 ++++++++++++++++++++++++++++++++++ website/views.py | 10 + 4 files changed, 623 insertions(+), 1 deletion(-) create mode 100644 website/templates/issue2.html diff --git a/blt/urls.py b/blt/urls.py index c8660aaf7..e17e57463 100644 --- a/blt/urls.py +++ b/blt/urls.py @@ -24,6 +24,7 @@ GlobalLeaderboardView, SpecificMonthLeaderboardView, IssueView, + IssueView2, AllIssuesView, SpecificIssuesView, HuntCreate, @@ -296,6 +297,7 @@ re_path(r"^issue/edit/$", website.views.IssueEdit, name="edit_issue"), re_path(r"^issue/update/$", website.views.UpdateIssue, name="update_issue"), re_path(r"^issue/(?P\w+)/$", IssueView.as_view(), name="issue_view"), + re_path(r"^issue2/(?P\w+)/$", IssueView2.as_view(), name="issue_view2"), re_path(r"^follow/(?P[^/]+)/", website.views.follow_user, name="follow_user"), re_path(r"^all_activity/$", AllIssuesView.as_view(), name="all_activity"), re_path(r"^label_activity/$", SpecificIssuesView.as_view(), name="all_activity"), diff --git a/pyproject.toml b/pyproject.toml index 6c28f90c6..fcbab06ab 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -6,7 +6,7 @@ authors = ["Your Name "] license = "AGPLv3" [tool.poetry.dependencies] -python = "3.11.2" +python = "3.11.3" toml = "^0.10.2" Django = "^4.0.5" dj-database-url = "^1.0.0" diff --git a/website/templates/issue2.html b/website/templates/issue2.html new file mode 100644 index 000000000..82cdd9e58 --- /dev/null +++ b/website/templates/issue2.html @@ -0,0 +1,610 @@ +{% extends 'base.html' %} + + +{% block natural_content %} + + +
+
+
+ +
+
+ +

+ Published + August 3, 2022, 2:20am EDT +

+

+ Reported on + https://google.com +

+ +

+ Flowbite Blocks Tutorial - Learn how to get started with custom sections using the Flowbite Blocks +

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

+ Reported By + Swapnil Shinde +

+

Report viewed by 40 people

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

Flowbite is an open-source library of UI components built with the utility-first + classes from Tailwind CSS. It also includes interactive elements such as dropdowns, modals, + datepickers.

+

Before going digital, you might benefit from scribbling down some ideas in a sketchbook. This way, + you can think things through before committing to an actual design project.

+

But then I found a component library based on Tailwind CSS called + Flowbite. It comes with the most commonly used UI components, such as buttons, navigation + bars, cards, form elements, and more which are conveniently built with the utility classes from + Tailwind CSS.

+
+
Digital art by Anonymous
+
+

Getting started with Flowbite

+

First of all you need to understand how Flowbite works. This library is not another framework. + Rather, it is a set of components based on Tailwind CSS that you can just copy-paste from the + documentation.

+

It also includes a JavaScript file that enables interactive components, such as modals, dropdowns, + and datepickers which you can optionally include into your project via CDN or NPM.

+

You can check out the quickstart + guide to explore the elements by including the CDN files into your project. But if you want + to build a project with Flowbite I recommend you to follow the build tools steps so that you can + purge and minify the generated CSS.

+

You'll also receive a lot of useful application UI, marketing UI, and e-commerce pages that can help + you get started with your projects even faster. You can check out this comparison table to better understand + the differences between the open-source and pro version of Flowbite.

+

When does design come in handy?

+

While it might seem like extra work at a first glance, here are some key moments in which prototyping + will come in handy:

+
    +
  1. Usability testing. Does your user know how to exit out of screens? Can they + follow your intended user journey and buy something from the site you’ve designed? By running a + usability test, you’ll be able to see how users will interact with your design once it’s live; +
    2. +
  2. Involving stakeholders. Need to check if your GDPR consent boxes are displaying + properly? Pass your prototype to your data protection team and they can test it for real;
    3. +
  3. Impressing a client. Prototypes can help explain or even sell your idea by + providing your client with a hands-on experience;
    4. +
  4. Communicating your vision. By using an interactive medium to preview and test + design elements, designers and developers can understand each other — and the project — better. +
    5. +
+

Laying the groundwork for best design

+

Before going digital, you might benefit from scribbling down some ideas in a sketchbook. This way, + you can think things through before committing to an actual design project.

+

Let's start by including the CSS file inside the head tag of your HTML.

+

Understanding typography

+

Type properties

+

A typeface is a collection of letters. While each letter is unique, certain shapes are shared across + letters. A typeface represents shared patterns across a collection of letters.

+

Baseline

+

A typeface is a collection of letters. While each letter is unique, certain shapes are shared across + letters. A typeface represents shared patterns across a collection of letters.

+

Measurement from the baseline

+

A typeface is a collection of letters. While each letter is unique, certain shapes are shared across + letters. A typeface represents shared patterns across a collection of letters.

+

Type classification

+

Serif

+

A serif is a small shape or projection that appears at the beginning or end of a stroke on a letter. + Typefaces with serifs are called serif typefaces. Serif fonts are classified as one of the + following:

+

Old-Style serifs

+
    +
  • Low contrast between thick and thin strokes
    • +
  • Diagonal stress in the strokes
    • +
  • Slanted serifs on lower-case ascenders
    • +
+
    +
  1. Low contrast between thick and thin strokes
    2. +
  2. Diagonal stress in the strokes
    3. +
  3. Slanted serifs on lower-case ascenders
    4. +
+

Laying the best for successful prototyping

+

A serif is a small shape or projection that appears at the beginning:

+
+

Flowbite is just awesome. It contains tons of predesigned components and pages starting from + login screen to complex dashboard. Perfect choice for your next SaaS application.

+
+

Code example

+

A serif is a small shape or projection that appears at the beginning or end of a stroke on a letter. + Typefaces with serifs are called serif typefaces. Serif fonts are classified as one of the + following:

+ 
<dl class="grid grid-cols-2 gap-8 max-w-screen-md text-gray-900 sm:grid-cols-3 ">
+          <div class="flex flex-col justify-center items-center">
+            <dt class="mb-2 text-3xl font-extrabold">73M+</dt>
+            <dd class="text-lg font-normal text-gray-500">developers</dd>
+          </div>
+          <div class="flex flex-col justify-center items-center">
+            <dt class="mb-2 text-3xl font-extrabold">1B+</dt>
+            <dd class="text-lg font-normal text-gray-500">contributors</dd>
+          </div>
+          <div class="flex flex-col justify-center items-center">
+            <dt class="mb-2 text-3xl font-extrabold">4M+</dt>
+            <dd class="text-lg font-normal text-gray-500">organizations</dd>
+          </div>
+          </dl>
+
+

Table example

+

A serif is a small shape or projection that appears at the beginning or end of a stroke on a letter. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CountryDate & TimeAmount
United StatesApril 21, 2021$2,300
CanadaMay 31, 2021$300
United KingdomJune 3, 2021$2,500
AustraliaJune 23, 2021$3,543
GermanyJuly 6, 2021$99
FranceAugust 23, 2021$2,540
+

Best practices for setting up your prototype

+

Low fidelity or high fidelity? Fidelity refers to how close a prototype will be to + the real deal. If you’re simply preparing a quick visual aid for a presentation, a low-fidelity + prototype — like a wireframe with placeholder images and some basic text — would be more than + enough. But if you’re going for more intricate usability testing, a high-fidelity prototype — with + on-brand colors, fonts and imagery — could help get more pointed results.

+

Consider your user. To create an intuitive user flow, try to think as your user + would when interacting with your product. While you can fine-tune this during beta testing, + considering your user’s needs and habits early on will save you time by setting you on the right + path.

+

Start from the inside out. A nice way to both organize your tasks and create more + user-friendly prototypes is by building your prototypes ‘inside out’. Start by focusing on what will + be important to your user, like a Buy now button or an image gallery, and list each element by order + of priority. This way, you’ll be able to create a prototype that puts your users’ needs at the heart + of your design.

+

And there you have it! Everything you need to design and share prototypes — right in Flowbite Figma. +

+
+ + +
+ +
+
+
+
+

Bug Type:

+ Server Down +
+
+

Status:

+ Open +
+
+

Reported On:

+ August 10 2023 +
+
+
+
+ +
+
+
+ +
+ +
+

Browser Version: 112.0

+

Operating System: Linux

+

OS Version:

+
+
+
+ +
+
+
+ +
+ +
+ Reported on Google.com +

Total 10 bugs reported

+
+
+ +
+ +
+
+ +
+
+
+ +
+ +
+ Reported By Swapnil332 +

Total points 10

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

Discussion (20)

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

Michael GoughMichael Gough

+

+
+ + + +
+

Very straight-to-point article. Really worth time reading. Thank you! But tools are just the + instruments for the UX designers. The knowledge of the design tools are as important as the + creation of the design strategy.

+
+ +
+
+
+
+
+

Jese LeosJese Leos

+

+
+ + + +
+

Much appreciated! Glad you liked it ☺️

+
+ +
+
+
+
+
+

Bonnie GreenBonnie Green

+

+
+ + + +
+

The article covers the essentials, challenges, myths and stages the UX designer should consider while creating the design strategy.

+
+ +
+
+
+
+
+

Helene EngelsHelene Engels

+

+
+ + + +
+

Thanks for sharing this. I do came from the Backend development and explored some of the tools to design my Side Projects.

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

Sign up for our newsletter

+

Stay up to date with the roadmap progress, announcements and exclusive discounts feel free to sign up with your email.

+
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+
+
+ + +{% endblock %} \ No newline at end of file diff --git a/website/views.py b/website/views.py index f4d60e81d..8627f4c21 100644 --- a/website/views.py +++ b/website/views.py @@ -1524,6 +1524,16 @@ def get_success_url(self): return "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HH7MNY6KJGZFW" +class IssueView2(DetailView): + model = Issue + slug_field = "id" + template_name = "issue2.html" + + def get(self, request, *args, **kwargs): + + return render(request,self.template_name) + + class IssueView(DetailView): model = Issue slug_field = "id" From 7caf7a57bcc31495a45eae3d0bdec43c2715a50e Mon Sep 17 00:00:00 2001 From: Swapnil Shinde Date: Tue, 8 Aug 2023 16:08:43 +0530 Subject: [PATCH 07/30] integrated basic info with backend --- pyproject.toml | 2 +- website/templates/issue2.html | 215 +++++++++++++++++++++++++++++++++- 2 files changed, 215 insertions(+), 2 deletions(-) diff --git a/pyproject.toml b/pyproject.toml index fcbab06ab..6c28f90c6 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -6,7 +6,7 @@ authors = ["Your Name "] license = "AGPLv3" [tool.poetry.dependencies] -python = "3.11.3" +python = "3.11.2" toml = "^0.10.2" Django = "^4.0.5" dj-database-url = "^1.0.0" diff --git a/website/templates/issue2.html b/website/templates/issue2.html index 82cdd9e58..9a181a96c 100644 --- a/website/templates/issue2.html +++ b/website/templates/issue2.html @@ -1,5 +1,16 @@ {% extends 'base.html' %} +<<<<<<< Updated upstream +======= +{% load static %} +{% load gravatar %} + +{% block head %} + + + +{% endblock %} +>>>>>>> Stashed changes {% block natural_content %} @@ -12,6 +23,7 @@

+<<<<<<< Updated upstream Published August 3, 2022, 2:20am EDT

@@ -22,6 +34,18 @@

Flowbite Blocks Tutorial - Learn how to get started with custom sections using the Flowbite Blocks +======= + Published on + {{ bug_info.createdAt }} +

+

+ Reported on + {{ object.url }} +

+ +

+ {{ object.description }} +>>>>>>> Stashed changes

@@ -29,6 +53,7 @@
+<<<<<<< Updated upstream
@@ -63,6 +88,51 @@ Tweet + + + + @@ -70,6 +140,7 @@
+<<<<<<< Updated upstream

Flowbite is an open-source library of UI components built with the utility-first classes from Tailwind CSS. It also includes interactive elements such as dropdowns, modals, datepickers.

@@ -247,6 +318,68 @@

Best practices for setting up your prototype

Reported On:

August 10 2023 +======= +

Screenshots (5)

+
+ {% if object.screenshot %} + + Image thumbnail + + {% else %} + {% for screenshot in screenshots %} + + Screenshot + + + {% endfor %} + {% endif %} +
+ +
+ +
+ +
+ + +
+ +
+
+
+
+

Bug Type:

+ {{ object.get_label_display }} +
+
+

Status:

+
+ {% if request.user == object.user %} + Click + to + {% if object.status == "open" %}Close{% else %}Open{% endif %} + + {% endif %} + + {% if object.status == "open" %}Close{% else %}Open{% endif %} + +
+
+
+

Reported On:

+ {{ bug_info.createdAtShort }} +
+
+

Submitted:

+ + {% if object.hunt == None %} + + Independently + + {% else %} + {{ object.hunt.name }} + {% endif %} +>>>>>>> Stashed changes
@@ -254,6 +387,7 @@

Best practices for setting up your prototype

+<<<<<<< Updated upstream
@@ -262,6 +396,27 @@

Best practices for setting up your prototype

Browser Version: 112.0

Operating System: Linux

OS Version:

+======= + +
+ {% if browser_family %} + {% with 'img/browser-logos/'|add:browser_family|add:'/'|add:browser_family|add:'_64x64.png'|lower as image_static %} + Browser Image + {% endwith %} + {% endif %} +
+ +
+

Browser Version: {{ browser_version }}

+

Operating System: {{ os_family }}

+

OS Version: + {% if os_version %} + {{ os_version }} + {% else %} + Unknown + {% endif %} +

+>>>>>>> Stashed changes
@@ -269,12 +424,21 @@

Best practices for setting up your prototype

+<<<<<<< Updated upstream
Reported on Google.com

Total 10 bugs reported

+======= + +
+ +
+ Reported on {{ object.domain.name }} +

Total {{ issue_count }} bugs reported

+>>>>>>> Stashed changes
@@ -286,12 +450,29 @@

Best practices for setting up your prototype

+<<<<<<< Updated upstream
Reported By Swapnil332

Total points 10

+======= + {% if object.user.username %} + {% if object.user.userprofile.user_avatar %} + User Profile Logo + {% else %} + User Profile Logo + {% endif %} + {% else %} + User Profile Logo + {% endif %} +
+ +
+ Reported By {{ object.user.username|default_if_none:"Anonymous" }} +

Total points {{ users_score }}

+>>>>>>> Stashed changes
@@ -304,6 +485,7 @@

Best practices for setting up your prototype

+<<<<<<< Updated upstream

Discussion (20)

@@ -317,6 +499,21 @@

Discussion (20)

@@ -527,8 +724,13 @@

Discussion (20)