Update bug_report.md

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +1,85 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.
+name: 🐛 Found a Bug
+description: Report broken or incorrect behavior on the processing.org website.
+body:
+- type: dropdown
+  id: labels
+  attributes:
+    label: Select the most appropriate label(s) for this issue.
+    description: You may select more than one.
+    multiple: true
+    options:
+      - Accessibility
+      - Books
+      - Download
+      - Examples
+      - Homepage
+      - Libraries
+      - Reference
+      - Translation
+      - Tutorials
+      - Other (specify if possible)
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Describe the bug
+    description: A clear and concise description of what the bug is.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Steps to reproduce the behavior
+    description: Include a simple code snippet that demonstrates the problem, along with any console errors produced. If this isn't possible, then simply describe the issue as best you can.
+    value: "### Steps:\n\n1.\n\n2.\n\n3.\n\n### Snippet:\n\n```js\n\n// Paste your code here :)\n\n```\n"
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Expected behavior
+    description: A clear and concise description of what you expected to happen.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Screenshots
+    description: If applicable, add a screenshot or screen capture to help explain your problem.
+  validations:
+    required: false
+- type: dropdown
+  id: Browser
+  attributes:
+    label: Browser
+    description: In which browser(s) have you observed this issue?
+    multiple: true
+    options:
+      - Firefox
+      - Chrome
+      - Safari
+      - Microsoft Edge
+      - Other (please specify)
+  validations:
+    required: false
+- type: input
+  attributes:
+    label: Browser version
+    description: In the address bar, on Chrome enter "chrome://version", on Firefox enter "about:support". On Safari, use "About Safari".
+  validations:
+    required: false
+- type: input
+  attributes:
+    label: Operating system
+    description: "Ex: Windows/MacOSX/Linux/Android/iOS along with version."
+  validations:
+    required: false
+- type: input
+  attributes:
+    label: Smartphone details
+    description: "If the issue is specific to mobile, please specify the device you are using (e.g. FairPhone 5, iPhone 14 Pro, Pixel 6a)"
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Additional context
+    description: Add any other context about the problem here.
+  validations:
+    required: false