diff --git a/poetry.lock b/poetry.lock
index 9b5d4bc34..e5e3c1747 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -862,13 +862,13 @@ django = ">=3.2"
 
 [[package]]
 name = "django-debug-toolbar"
-version = "4.4.5"
+version = "4.4.6"
 description = "A configurable set of panels that display various debug information about the current request/response."
 optional = false
 python-versions = ">=3.8"
 files = [
-    {file = "django_debug_toolbar-4.4.5-py3-none-any.whl", hash = "sha256:91425606673ee674d780f7aeedf3595c264eb382dcf41f55c6779577900904c0"},
-    {file = "django_debug_toolbar-4.4.5.tar.gz", hash = "sha256:8298ce966b4c8fc71430082dd4739ef2badb5f867734e1973a413c4ab2ea81b7"},
+    {file = "django_debug_toolbar-4.4.6-py3-none-any.whl", hash = "sha256:3beb671c9ec44ffb817fad2780667f172bd1c067dbcabad6268ce39a81335f45"},
+    {file = "django_debug_toolbar-4.4.6.tar.gz", hash = "sha256:36e421cb908c2f0675e07f9f41e3d1d8618dc386392ec82d23bcfcd5d29c7044"},
 ]
 
 [package.dependencies]
@@ -1805,13 +1805,13 @@ tenacity = ">=8.1.0,<8.4.0 || >8.4.0,<9.0.0"
 
 [[package]]
 name = "langchain-core"
-version = "0.2.12"
+version = "0.2.13"
 description = "Building applications with LLMs through composability"
 optional = false
 python-versions = "<4.0,>=3.8.1"
 files = [
-    {file = "langchain_core-0.2.12-py3-none-any.whl", hash = "sha256:319d0989ffbb53b2365ba3ed8d1ae15ccdacf338163b7514155dba90cd16729f"},
-    {file = "langchain_core-0.2.12.tar.gz", hash = "sha256:a55f3ee8005c3b4a28f434d646b268acde86d88877b7ae8e077e3ad89605e7d3"},
+    {file = "langchain_core-0.2.13-py3-none-any.whl", hash = "sha256:b9f52003bfda464975413751737c7e6781781398ba14d9aa6c604046d6fc0c6f"},
+    {file = "langchain_core-0.2.13.tar.gz", hash = "sha256:a5d8b436639b6aa0955f6db287beb4030c46a8e85951ba3873739c4d47645ee1"},
 ]
 
 [package.dependencies]
@@ -2283,13 +2283,13 @@ signedtoken = ["cryptography (>=3.0.0)", "pyjwt (>=2.0.0,<3)"]
 
 [[package]]
 name = "openai"
-version = "1.35.12"
+version = "1.35.13"
 description = "The official Python library for the openai API"
 optional = false
 python-versions = ">=3.7.1"
 files = [
-    {file = "openai-1.35.12-py3-none-any.whl", hash = "sha256:c3a8c9be524480ae32a3212b78d90786b112844eb8f96235ebb8bc5f35cb1e72"},
-    {file = "openai-1.35.12.tar.gz", hash = "sha256:2dd0f1d9ff34bf6bc89d15246245369d281b2ba01ae07eae5555a00da4b51e0b"},
+    {file = "openai-1.35.13-py3-none-any.whl", hash = "sha256:36ec3e93e0d1f243f69be85c89b9221a471c3e450dfd9df16c9829e3cdf63e60"},
+    {file = "openai-1.35.13.tar.gz", hash = "sha256:c684f3945608baf7d2dcc0ef3ee6f3e27e4c66f21076df0b47be45d57e6ae6e4"},
 ]
 
 [package.dependencies]
@@ -3409,13 +3409,13 @@ websocket-client = ">=1.8.0"
 
 [[package]]
 name = "sentry-sdk"
-version = "2.8.0"
+version = "2.9.0"
 description = "Python client for Sentry (https://sentry.io)"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "sentry_sdk-2.8.0-py2.py3-none-any.whl", hash = "sha256:6051562d2cfa8087bb8b4b8b79dc44690f8a054762a29c07e22588b1f619bfb5"},
-    {file = "sentry_sdk-2.8.0.tar.gz", hash = "sha256:aa4314f877d9cd9add5a0c9ba18e3f27f99f7de835ce36bd150e48a41c7c646f"},
+    {file = "sentry_sdk-2.9.0-py2.py3-none-any.whl", hash = "sha256:0bea5fa8b564cc0d09f2e6f55893e8f70286048b0ffb3a341d5b695d1af0e6ee"},
+    {file = "sentry_sdk-2.9.0.tar.gz", hash = "sha256:4c85bad74df9767976afb3eeddc33e0e153300e887d637775a753a35ef99bee6"},
 ]
 
 [package.dependencies]
@@ -4317,4 +4317,4 @@ multidict = ">=4.0"
 [metadata]
 lock-version = "2.0"
 python-versions = "3.11.2"
-content-hash = "48e6feb101e5347b7e9f7903910412a30c574d128e22f263ee0a362c870f47ee"
+content-hash = "3e9c4ddd4bc8b29561b7eb63a41c85e376aa8b564fd8e4cf5c5fdd2b899c24fd"
diff --git a/pyproject.toml b/pyproject.toml
index dcd7b4ee3..83ec5a7d7 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -24,7 +24,7 @@ tweepy = "^4.8.0"
 Unidecode = "^1.3.8"
 user-agents = "^2.2.0"
 whitenoise = "^6.7.0"
-django-debug-toolbar = "^4.4.5"
+django-debug-toolbar = "^4.4.6"
 selenium = "^4.22.0"
 pylibmc = "^1.6.1"
 psycopg2-binary = "^2.9.9"
@@ -63,18 +63,18 @@ django-filter = "^22.1"
 webdriver-manager = "^4.0.1"
 pillow = "^10.4.0"
 chromedriver-autoinstaller = "^0.6.4"
-sentry-sdk = "^2.7.1"
+sentry-sdk = "^2.9.0"
 bitcash = "^1.0.2"
 pydantic = "^2.7.3"
 pydantic_core = "^2.18.4"
 langchain = "^0.2.1"
 langchain-community = "^0.2.1"
-langchain-core = "^0.2.11"
+langchain-core = "^0.2.13"
 langchain-openai = "^0.1.14"
 unstructured = "^0.14.4"
 Markdown = "^3.6"
 faiss-cpu = "^1.8.0"
-openai = "^1.35.10"
+openai = "^1.35.13"
 psutil = "^5.9.8"
 
 [tool.poetry.group.dev.dependencies]
diff --git a/website/static/gif/loader.gif b/website/static/gif/loader.gif
new file mode 100644
index 000000000..a0cb5beb3
Binary files /dev/null and b/website/static/gif/loader.gif differ
diff --git a/website/templates/base.html b/website/templates/base.html
index 81d9e8560..860ff2344 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -23,8 +23,6 @@
                   content="{% block keywords %}{% env 'PROJECT_NAME' %}, bug, tracking, company, easy{% endblock keywords %}">
             <meta name="author" content="">
             <link rel="preconnect" href="https://fonts.gstatic.com">
-            <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap"
-                  rel="stylesheet">
             <meta property="og:title"
                   content="{% block og_title %}{% env 'PROJECT_NAME' %}{% endblock og_title %}" />
             <meta property="og:image"
@@ -34,8 +32,6 @@
             <meta property="og:type" content="website" />
         {% endblock metaTags %}
         <link rel="preconnect" href="https://fonts.gstatic.com">
-        <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap"
-              rel="stylesheet">
         <link href="{% static 'vendor/bootstrap/css/bootstrap.css' %}"
               rel="stylesheet">
         <link href="{% static 'css/style.css' %}" rel="stylesheet">
diff --git a/website/templates/includes/_like_dislike_share.html b/website/templates/includes/_like_dislike_share.html
index 79097e9a4..ecb67dc64 100644
--- a/website/templates/includes/_like_dislike_share.html
+++ b/website/templates/includes/_like_dislike_share.html
@@ -18,6 +18,121 @@
     </ul>
 </div>
 <span class="max-sm:hidden">{% include "./_like_dislike_widget.html" with device="desktop" %}</span>
+{% comment %} list of flags modal  {% endcomment %}
+<div id="flag-modal"
+     class="hidden relative z-10"
+     aria-labelledby="modal-title"
+     role="dialog"
+     aria-modal="true">
+    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
+         aria-hidden="true"></div>
+    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
+        <div class="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">
+            <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 max-sm:w-full lg:w-[30vw] ">
+                <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
+                    <div class="sm:flex sm:items-start lg:w-full">
+                        <div class="mt-3 sm:ml-4 sm:mt-0 sm:text-left lg:w-full">
+                            <div class="mt-2">
+                                <h3>Flagged by:</h3>
+                                <br>
+                                <p class="text-xl">
+                                    <table class="table-auto w-full border-spacing-52">
+                                        <tbody>
+                                            {% for usr in flagers %}
+                                                <tr class="shadow-lg m-3 w-full rounded">
+                                                    {% if usr.user.socialaccount_set.all.0.get_avatar_url %}
+                                                        <td>
+                                                            <img src="{{ usr.user.socialaccount_set.all.0.get_avatar_url }}"
+                                                                 height="50px"
+                                                                 width="50px"
+                                                                 alt="{{ usr.user.username }}">
+                                                        </td>
+                                                    {% else %}
+                                                        <td>
+                                                            <img src="{% gravatar_url usr.user.email 50 %}"
+                                                                 height="50px"
+                                                                 width="50px"
+                                                                 alt="{{ usr.user.username }}">
+                                                        </td>
+                                                    {% endif %}
+                                                    <td>
+                                                        &nbsp; <a href="{% url 'profile' slug=usr.user.username %}">{{ usr.user.username }}</a>
+                                                    </td>
+                                                </tr>
+                                            {% endfor %}
+                                        </tbody>
+                                    </table>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
+                    <button type="button"
+                            class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-xl font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"
+                            id="close-flag">Close</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div id="like-modal"
+     class="hidden relative z-10"
+     aria-labelledby="modal-title"
+     role="dialog"
+     aria-modal="true">
+    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
+         aria-hidden="true"></div>
+    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
+        <div class="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">
+            <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 max-sm:w-full lg:w-[30vw] ">
+                <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
+                    <div class="sm:flex sm:items-start lg:w-full">
+                        <div class="mt-3 sm:ml-4 sm:mt-0 sm:text-left lg:w-full">
+                            <div class="mt-2">
+                                <h3>Liked By:</h3>
+                                <br>
+                                <p class="text-xl">
+                                    <table class="table-auto w-full border-spacing-52">
+                                        <tbody>
+                                            {% for usr in likers %}
+                                                <tr class="shadow-lg m-3 w-full rounded">
+                                                    {% if usr.user.socialaccount_set.all.0.get_avatar_url %}
+                                                        <td>
+                                                            <img src="{{ usr.user.socialaccount_set.all.0.get_avatar_url }}"
+                                                                 height="50px"
+                                                                 width="50px"
+                                                                 alt="{{ usr.user.username }}">
+                                                        </td>
+                                                    {% else %}
+                                                        <td>
+                                                            <img src="{% gravatar_url usr.user.email 50 %}"
+                                                                 height="50px"
+                                                                 width="50px"
+                                                                 alt="{{ usr.user.username }}">
+                                                        </td>
+                                                    {% endif %}
+                                                    <td>
+                                                        &nbsp; <a href="{% url 'profile' slug=usr.user.username %}">{{ usr.user.username }}</a>
+                                                    </td>
+                                                </tr>
+                                            {% endfor %}
+                                        </tbody>
+                                    </table>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
+                    <button type="button"
+                            class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-xl font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"
+                            id="close-like">Close</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 <script>
     function copyClipboard() {
         var textToCopy = "Bug Found on @{{ object.domain_title }} - {{ object.description }} Report: https://{% env 'FQDN' %}/issue/{{ object.id }}";
@@ -258,3 +373,37 @@
         });
     });
 </script>
+<script>
+    function subscribe_domain(){
+        $.ajax({
+            type: 'GET',
+            url: '/domain/{{ object.domain.id }}/subscribe/',
+            data: {},
+            success: function (data) {
+                window.location.reload();
+                
+                // if (data === "SUBSCRIBED"){
+                //     $("#subscribe_domain_btn").text("Unsubscribe");
+                //     $.notify("Subscribed!", {
+                //         style: "custom",
+                //         className: "success"
+                //     });
+                // }
+
+                // else if (data === "UNSUBSCRIBED"){
+                //     $("#subscribe_domain_btn").text("Subscribe");
+                //     $.notify("Unsubscribed!", {
+                //         style: "custom",
+                //         className: "success"
+                //     });
+                // }
+            },
+            error: function () {
+                $.notify("Some error occurred!", {
+                    style: "custom",
+                    className: "danger"
+                });
+            }
+        })
+    }
+</script>
diff --git a/website/templates/includes/_like_dislike_widget.html b/website/templates/includes/_like_dislike_widget.html
index 3da049ad7..c3ccbc7f2 100644
--- a/website/templates/includes/_like_dislike_widget.html
+++ b/website/templates/includes/_like_dislike_widget.html
@@ -152,14 +152,13 @@
    target="_blank"
    rel="noopener noreferrer"
    class="rounded-2xl border-[1px] shadow-sm mb-3 cursor-pointer relative transform-[0] font-medium text-[#3e3446] !bg-white border-black-2  text-[1.1rem] leading-4 p-4">Tweet &nbsp;<i class="fa-brands fa-x-twitter fa-lg"></i></a>
-<a {% if github_link != "empty" %} target="_blank" href="{{ github_link }}" {% else %} href="#" {% if request.user.is_superuser or request.user == object.user and github_link == "empty" %}onclick="createIssue()" name="{{ object.pk }}" id="create_issue"{% endif %}
-   {% endif %}
+<a {% if github_link != "empty" %} target="_blank" href="{{ github_link }}" {% else %} onclick="createIssue()" name="{{ object.pk }}" id="create_issue" {% endif %}
    rel="noopener noreferrer"
    class="rounded-2xl border-[1px] shadow-sm mb-3 cursor-pointer relative transform-[0] font-medium text-[#3e3446] !bg-white border-black-2  text-[1.1rem] max-sm:text-[1rem] leading-4 p-4 hover:!text-[#3e3446]">
-    {% if request.user.is_superuser or request.user == object.user and github_link == "empty" %}
-        Create Issue
-    {% else %}
+    {% if github_link != "empty" %}
         GitHub Link
+    {% else %}
+        Create Issue
     {% endif %}
 &nbsp;<i class="fas fa-external-link fa-lg"></i></a>
 <button onclick="copyClipboard()"
diff --git a/website/templates/includes/issue_left_info.html b/website/templates/includes/issue_left_info.html
new file mode 100644
index 000000000..b86780c7e
--- /dev/null
+++ b/website/templates/includes/issue_left_info.html
@@ -0,0 +1,54 @@
+<div class="w-[70%] max-sm:w-[100%]">
+    <div class="px-10 mt-5">
+        <h3 class="font-[ubuntu] text-[17px] p-3 my-2 font-semibold">Screenshots</h3>
+        <div id="image-slider" class="splide">
+            <div class="splide__track">
+                <ul class="splide__list">
+                    {% if object.screenshot %}
+                        <li class="splide__slide">
+                            <a href="{{ object.screenshot.url }}"
+                               target="_blank"
+                               class="flex align-middle justify-center"
+                               rel="noopener noreferrer">
+                                <img src="{{ object.screenshot.url }}"
+                                     class="rounded-lg"
+                                     alt="issue screenshot"
+                                     data-lightbox="image"
+                                     height="auto"
+                                     width="auto">
+                            </a>
+                        </li>
+                        <br>
+                        <br>
+                    {% else %}
+                        {% for screenshot in screenshots %}
+                            <li class="splide__slide">
+                                <a href="{{ screenshot.image.url }}"
+                                   target="_blank"
+                                   class="flex align-middle justify-center"
+                                   rel="noopener noreferrer">
+                                    <img src="{{ screenshot.image.url }}"
+                                         class="rounded-lg"
+                                         alt="issue screenshot"
+                                         data-lightbox="image"
+                                         height="auto"
+                                         width="auto">
+                                </a>
+                            </li>
+                            <br>
+                            <br>
+                        {% endfor %}
+                    {% endif %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="px-10 mt-5 border-b-2 border-[#584ac080]">
+        {% if object.markdown_description %}
+            <h3 class="font-[ubuntu] text-[16px] lg:text-[20px] p-3 my-2 font-semibold">Issue Description</h3>
+            <p class="ml-3 text-justify text-[12px] lg:text-[14px] lg:w-11/12"
+               id="bug_report">{{ object.markdown_description }}</p>
+        {% endif %}
+    </div>
+    <div class="px-10 rounded-lg bg-white">{% include "comments2.html" %}</div>
+</div>
diff --git a/website/templates/includes/issue_right_info.html b/website/templates/includes/issue_right_info.html
new file mode 100644
index 000000000..ea717c7f7
--- /dev/null
+++ b/website/templates/includes/issue_right_info.html
@@ -0,0 +1,118 @@
+{% load gravatar %}
+{% load custom_tags %}
+{% load static %}
+<div class="border-l-2 border-[#584ac080] w-[27%] flex flex-col items-start max-sm:w-[100%]">
+    <div class="h-[5vh]"></div>
+    <div class="max-sm:ml-[3.45%] ml-[10%]">
+        <h4 class="text-2xl font-bold mb-3">Event ID: {{ object.id }}</h4>
+        <div class="flex justify-start items-center">
+            <img class="w-[50px] rounded-full h-[50px] object-cover"
+                 src="{% if object.user.username %} {% if object.user.userprofile.user_avatar %}{{ MEDIA_URL }}{{ object.user.userprofile.user_avatar }}{% else %}{% gravatar_url object.user.email 100 %}{% endif %}{% else %}{% static 'images/dummy-user.png' %}{% endif %}"
+                 alt="User Profile Logo"
+                 width="32px"
+                 height="32px">
+            <div class="ml-3">
+                <div>
+                    {% if object.user.username %}
+                        <a href="{% url 'profile' slug=object.user.username %}"
+                           class="!text-[#7e22ce] font-bold">{{ object.user.username }}</a>
+                    {% else %}
+                        Anonymous
+                    {% endif %}
+                </div>
+                <div>
+                    <span class="font-bold">Total Points =</span> {{ users_score }}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="h-[2vh]"></div>
+    {% include "./tiny-cards.html" with left="Added On" right=object.created %}
+    <div class="h-[2vh]"></div>
+    <div class="max-sm:ml-[3.45%] ml-[10%]">
+        <div class="flex justify-start items-center">
+            <img class="w-[80px] h-[80px] p-1 object-cover border-2 border-[#7e22ce] border-solid"
+                 src="{% static 'gif/loader.gif' %}"
+                 alt="crypto address qr code"
+                 id="crypto-qr-image"
+                 width="32px"
+                 height="32px">
+            <div class="ml-3" id="crypto">
+                {% if object.user.userprofile.btc_address %}
+                    {% include "./tiny-cards.html" with insideIFCondition=True left="BTC" right=object.user.userprofile.btc_address lessWidth=True %}
+                {% endif %}
+                {% if object.user.userprofile.bch_address %}
+                    {% include "./tiny-cards.html" with insideIFCondition=True left="BCH" right=object.user.userprofile.bch_address lessWidth=True %}
+                {% endif %}
+                {% if object.user.userprofile.eth_address %}
+                    {% include "./tiny-cards.html" with insideIFCondition=True left="ETH" right=object.user.userprofile.eth_address lessWidth=True %}
+                {% endif %}
+            </div>
+            <div class="hidden" id="no-crypto">
+                {% include "./tiny-cards.html" with left="BCH" right="qr5yccf7j4dpjekyz3vpawgaarl352n7yv5d5mtzzc" lessWidth=True %}
+                <i class="ml-[3%] text-[12px]">No Address, will go to BLT Donation</i>
+            </div>
+        </div>
+    </div>
+    <div class="h-[2vh]"></div>
+    <div class="max-sm:ml-[3.45%] ml-[10%]">
+        <div class="flex justify-start items-center">
+            <img class="w-[45px] rounded-full h-[45px] object-cover"
+                 src="{{ object.domain.get_logo }}"
+                 alt="User Profile Logo"
+                 width="32px"
+                 height="32px">
+            <div class="ml-3">
+                <div class="truncate hover:!text-black hover:underline">
+                    <a class="hover:!text-black"
+                       href="{% url 'domain' slug=object.domain.name %}">Reported on {{ object.domain.name }}</a>
+                </div>
+                <div>
+                    Issues Reported: <span class="font-bold">{{ issue_count }}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="h-[2vh]"></div>
+    {% include "./tiny-cards.html" with left="Bug Type" right=object.get_label_display %}
+    {% if object.cve_score %}
+        {% include "./tiny-cards.html" with insideIFCondition=True left="CVE Score" right=object.cve_score %}
+    {% endif %}
+    {% if object.cve_id %}
+        {% include "./tiny-cards.html" with insideIFCondition=True left="CVE ID" right=object.cve_id %}
+    {% endif %}
+    {% if object.hunt %}
+        <a href="{% url 'show_bughunt' object.hunt.id %}">
+            {% include "./tiny-cards.html" with insideIFCondition=True left="Submitted" right=object.hunt.name %}
+        </a>
+    {% else %}
+        {% include "./tiny-cards.html" with insideIFCondition=True left="Submitted" right="Independently" %}
+    {% endif %}
+    <div class="h-[2vh]"></div>
+    <div class="max-sm:ml-[3.45%] ml-[10%]">
+        <div class="flex justify-start items-center">
+            {% if browser_family %}
+                {% with "img/browser-logos/"|add:browser_family|add:"/"|add:browser_family|add:"_64x64.png"|lower as image_static %}
+                    <img class="w-[45px] h-[45px] rounded-full object-cover"
+                         src="{% static image_static %}"
+                         alt="Browser Image"
+                         width="auto"
+                         height="auto">
+                {% endwith %}
+            {% endif %}
+            <div class="ml-3">
+                <div>Browser Version: {{ browser_version }}</div>
+                <div>
+                    <span class="font-bold">Operating System</span> {{ os_family }}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="h-[2vh]"></div>
+    {% if os_version %}
+        {% include "./tiny-cards.html" with left="OS Version:" right=os_version %}
+    {% else %}
+        {% include "./tiny-cards.html" with left="OS Version:" right="Unknown" %}
+    {% endif %}
+    <div class="h-[2vh]"></div>
+</div>
diff --git a/website/templates/includes/tiny-cards.html b/website/templates/includes/tiny-cards.html
new file mode 100644
index 000000000..ea6876047
--- /dev/null
+++ b/website/templates/includes/tiny-cards.html
@@ -0,0 +1,5 @@
+{% if insideIFCondition %}<div class="h-[0.5vh]"></div>{% endif %}
+<div class="border-[1px] rounded-xl p-1 border-[#DFDCE4] flex text-[13px] {% if lessWidth %}ml-[3%] w-[50%] {% else %}max-sm:ml-[3.45%] ml-[10%]{% endif %} ">
+    <div class="bg-white border-r-[1px] p-1 border-[#DFDCE4]">{{ left }}</div>
+    <div class="bg-[#FAF9FB] p-[0.40rem] select-all truncate font-[monospace] text-[11px]">{{ right }}</div>
+</div>
diff --git a/website/templates/issue3.html b/website/templates/issue3.html
index 2aec1b16b..67c44d2f7 100644
--- a/website/templates/issue3.html
+++ b/website/templates/issue3.html
@@ -44,6 +44,11 @@
     color: white; /* Change text color to contrast with the red background */
     }
 
+    .splide__slide img {
+        width: 100%;
+        height: auto;
+      }
+
     input[name="r"] {
         position: absolute;
         visibility: hidden;
@@ -102,380 +107,20 @@
                rel="noopener noreferrer">{{ object.url }}</a>
         </p>
         <br>
-        <div class="right-data max-sm:absolute top-[10%] max-sm:pt-2 max-sm:ml-[80%] ml-[3.50%]">
-            {% include "includes/_like_dislike_share.html" %}
-        </div>
-        <div id="default-tab-content" class="bg-white">
-            <br>
-            <div class="mb-4 ml-5 w-[95%] border-b border-[#584ac080]"></div>
-            <div class="flex max-sm:flex-col">
-                <div class="w-5/12 max-sm:w-[100%]">
-                    <h4 class="ml-[1.45%] text-[25px] font-medium p-3 bg-white">Screenshots:</h4>
-                    <div class="splide">
-                        <div class="splide__track">
-                            <ul class="splide__list">
-                                {% if object.screenshot %}
-                                    <li class="splide__slide">
-                                        <a href="{{ object.screenshot.url }}"
-                                           target="_blank"
-                                           class="flex align-middle justify-center"
-                                           rel="noopener noreferrer">
-                                            <img src="{{ object.screenshot.url }}"
-                                                 class="w-[488px] h-[310px] rounded-lg max-sm:w-[80vw] max-sm:h-[28vh] max-sm:mb-[10%]"
-                                                 alt="issue screenshot"
-                                                 data-lightbox="image"
-                                                 height="auto"
-                                                 width="auto">
-                                        </a>
-                                    </li>
-                                {% else %}
-                                    {% comment %} <div class="grid grid-cols-4 gap-4 max-sm:grid-cols-1"> {% endcomment %}
-                                    {% for screenshot in screenshots %}
-                                        <li class="splide__slide">
-                                            <a href="{{ screenshot.image.url }}"
-                                               target="_blank"
-                                               class="flex align-middle justify-center"
-                                               rel="noopener noreferrer">
-                                                <img src="{{ screenshot.image.url }}"
-                                                     class="w-[488px] h-[310px] rounded-lg max-sm:w-[80vw] max-sm:h-[28vh] max-sm:mb-[10%]"
-                                                     alt="issue screenshot"
-                                                     data-lightbox="image"
-                                                     height="auto"
-                                                     width="auto">
-                                            </a>
-                                        </li>
-                                    {% endfor %}
-                                    {% comment %} </div> {% endcomment %}
-                                {% endif %}
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <div class="w-7/12 max-sm:w-[100%]">
-                    <div class="max-sm:ml-[3.45%]">
-                        <h4 class="text-2xl font-bold mb-3">Event ID: {{ object.id }}</h4>
-                        <div class="flex justify-start items-center">
-                            <img class="w-[40px] rounded-full h-[40px] object-cover"
-                                 src="{% if object.user.username %} {% if object.user.userprofile.user_avatar %}{{ MEDIA_URL }}{{ object.user.userprofile.user_avatar }}{% else %}{% gravatar_url object.user.email 100 %}{% endif %}{% else %}{% static 'images/dummy-user.png' %}{% endif %}"
-                                 alt="User Profile Logo"
-                                 width="32px"
-                                 height="32px">
-                            <div class="ml-3">
-                                <div>
-                                    {% if object.user.username %}
-                                        <a href="{% url 'profile' slug=object.user.username %}"
-                                           class="!text-[#7e22ce] font-bold">{{ object.user.username }}</a>
-                                    {% else %}
-                                        Anonymous
-                                    {% endif %}
-                                </div>
-                                <div>
-                                    <span class="font-bold">Total Points =</span> {{ users_score }}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex flex-col lg:grid lg:grid-cols-2 gap-10">
-                        <div class="flex items-center bg-white rounded-2xl shadow-md gap-5 p-10 w-full lg:w-[20vw]">
-                            <div class="rounded-full w-[20%]">
-                                <img class="w-[80%] h-[80%] object-cover"
-                                     src="{% if object.user.username %} {% if object.user.userprofile.user_avatar %}{{ MEDIA_URL }}{{ object.user.userprofile.user_avatar }}{% else %}{% gravatar_url object.user.email 100 %}{% endif %}{% else %}{% static 'images/dummy-user.png' %}{% endif %}"
-                                     alt="User Profile Logo"
-                                     width="auto"
-                                     height="auto">
-                            </div>
-                            <div class="flex flex-col items-start gap-2">
-                                <div class="text-[#B00000] text-[16px] w-[90%] truncate">
-                                    {% if object.user.username %}
-                                        <a href="{% url 'profile' slug=object.user.username %}"
-                                           class="!text-[#B00000]">{{ object.user.username }}</a>
-                                    {% else %}
-                                        Anonymous
-                                    {% endif %}
-                                </div>
-                                <div class="text-[#B00000] text-[14px]">
-                                    Total Points = <span class="font-bold">{{ users_score }}</span>
-                                </div>
-                                <div>
-                                    {% comment %} TODO(b): other logics to disable bitcoin donation button {% endcomment %}
-                                    {% if not object.user.username %}
-                                        <button disabled
-                                                class="!cursor-not-allowed bg-[#FF6363] font-bold font-[ubuntu] text-white text-[18px] p-2 rounded-lg">
-                                            <span class="border-2 border-black rounded-xl p-1">$5 <i class="text-black fa-solid fa-caret-down"></i></span> Tip
-                                        </button>
-                                    {% else %}
-                                        <button class="bg-[#FF6363] font-bold font-[ubuntu] text-white text-[18px] p-2 rounded-lg"
-                                                type="button"
-                                                id="openModal-{{ object.user.id }}"
-                                                onclick="openModal('{{ object.user.userprofile.btc_address }}','{{ object.user.userprofile.eth_address }}','{{ object.user.userprofile.bch_address }}', '{{ object.user.id }}', '{{ cve_score }}')">
-                                            <span class="border-2 border-black rounded-xl p-1">$5 <i class="text-black fa-solid fa-caret-down"></i></span> Tip
-                                        </button>
-                                    {% endif %}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col items-center bg-white rounded-2xl shadow-md justify-between p-10 w-full lg:w-[20vw]">
-                            <div class="text-[14px] w-[100%] font-bold truncate">Bug Type: {{ object.get_label_display }}</div>
-                            <div class="h-[2vh]"></div>
-                            <div class="text-[14px] w-[100%] truncate">
-                                Status: <span class="status">{{ object.status }}</span>
-                            </div>
-                            <div class="text-[14px] w-[100%] truncate">Added on: {{ object.created }}</div>
-                            {% if object.cve_id %}
-                                <div class="text-[14px] w-[100%] truncate">CVE ID: {{ object.cve_id }}</div>
-                            {% endif %}
-                            {% if object.cve_score %}
-                                <div class="text-[14px] w-[100%] truncate">CVE Score: {{ object.cve_score }}</div>
-                            {% endif %}
-                            <div class="text-[14px] w-[100%] truncate">
-                                Submitted:
-                                {% if object.hunt %}
-                                    <a href="{% url 'show_bughunt' object.hunt.id %}">{{ object.hunt.name }}</a>
-                                {% else %}
-                                    Independently
-                                {% endif %}
-                            </div>
-                        </div>
-                        <!-- <div class="h-[80%] items-center justify-between flex flex-col">
-                            {% if request.user == object.user or request.is_staff or request.is_superuser %}
-                                <div>
-                                    <button class="bg-[#FF6363] font-bold font-[ubuntu] text-white text-[14px] p-2 rounded-lg edit-issue-status" id="issue_stat">
-                                        {% if object.status == "open" %}
-                                            <svg width="23" height="23" viewBox="0 0 25 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                <path d="M8.4911 18.4552L0.366101 10.3302C-0.122034 9.8421 -0.122034 9.05065 0.366101 8.56246L2.13383 6.79469C2.62196 6.30651 3.41346 6.30651 3.9016 6.79469L9.37499 12.268L21.0984 0.54469C21.5865 0.0565552 22.378 0.0565552 22.8661 0.54469L24.6339 2.31246C25.122 2.8006 25.122 3.59205 24.6339 4.08024L10.2589 18.4553C9.77069 18.9434 8.97924 18.9434 8.4911 18.4552Z" fill="white" />
-                                            </svg>
-                                        {% else %}
-                                            <i class="fa-solid fa-retweet"></i>
-                                        {% endif %}
-                                    </button>
-                                </div>
-                            {% endif %}
-                            {% if request.user.is_superuser or request.user == object.user %}
-                                <div>
-                                    <button class="bg-[#FF6363] font-bold font-[ubuntu] text-white text-[18px] p-2 rounded-lg">
-                                        <span class="rounded-xl font-bold p-1"><i class="fa-solid fa-pen-to-square"></i></span>
-                                    </button>
-                                </div>
-                            {% endif %}
-                        </div> -->
-                        <div class="flex items-center bg-white rounded-2xl shadow-md gap-5 p-10 w-full lg:w-[20vw]">
-                            <img class="w-[40px] h-[40px] object-cover"
-                                 src="{{ object.domain.get_logo }}"
-                                 alt="Domain Logo"
-                                 width="auto"
-                                 height="auto">
-                            <div class="flex flex-col items-start gap-2">
-                                <div class="text-[14px] w-[90%] truncate">
-                                    <a class="#" href="{% url 'domain' slug=object.domain.name %}">Reported on {{ object.domain.name }}</a>
-                                </div>
-                                <div class="text-[13px]">
-                                    Issues Reported: <span class="font-bold">{{ issue_count }}</span>
-                                </div>
-                                <button onclick="{% if user.is_authenticated %}subscribe_domain(){% else %}window.location.href=`{% url 'account_login' %}`{% endif %}"
-                                        id="subscribe_domain_btn"
-                                        class="bg-[#FF6363] font-bold font-[ubuntu] text-white text-[16px] p-2 rounded-lg">
-                                    {% if user.is_authenticated and subscribed_to_domain %}
-                                        Unsubscribe
-                                    {% else %}
-                                        Subscribe
-                                    {% endif %}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="flex items-center bg-white rounded-2xl shadow-md p-10 w-full lg:w-[20vw]">
-                            {% if browser_family %}
-                                {% with "img/browser-logos/"|add:browser_family|add:"/"|add:browser_family|add:"_64x64.png"|lower as image_static %}
-                                    <div class="rounded-full w-[20%]">
-                                        <img class="w-[80%] h-[80%] object-cover"
-                                             src="{% static image_static %}"
-                                             alt="Browser Image"
-                                             width="auto"
-                                             height="auto">
-                                    </div>
-                                {% endwith %}
-                            {% endif %}
-                            <div class="flex flex-col items-start">
-                                <div class="text-[14px] truncate">
-                                    Browser Version: <span class="font-bold text-2xl">{{ browser_version }}</span>
-                                </div>
-                                <div class="text-[14px]">
-                                    Operating System: <span class="font-bold text-2xl">{{ os_family }}</span>
-                                </div>
-                                <div class="text-[14px]">
-                                    OS Version: <span class="font-bold text-2xl">
-                                    {% if os_version %}
-                                        {{ os_version }}
-                                    {% else %}
-                                        Unknown
-                                    {% endif %}
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="px-10 mt-5">
-            <hr class="border-[#7e22ce] w-[100%]">
-            {% if object.markdown_description %}
-                <h3 class="font-[ubuntu] text-[16px] lg:text-[20px] p-3 my-2 font-semibold">Issue Description</h3>
-                <p class="ml-3 text-justify text-[12px] lg:text-[14px] lg:w-11/12"
-                   id="bug_report">{{ object.markdown_description }}</p>
-            {% endif %}
-        </div>
-        <div class="px-10 rounded-lg bg-white">{% include "comments2.html" %}</div>
-    </div>
-</div>
-{% comment %} list of flags modal  {% endcomment %}
-<div id="flag-modal"
-     class="hidden relative z-10"
-     aria-labelledby="modal-title"
-     role="dialog"
-     aria-modal="true">
-    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-         aria-hidden="true"></div>
-    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
-        <div class="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">
-            <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 max-sm:w-full lg:w-[30vw] ">
-                <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
-                    <div class="sm:flex sm:items-start lg:w-full">
-                        <div class="mt-3 sm:ml-4 sm:mt-0 sm:text-left lg:w-full">
-                            <div class="mt-2">
-                                <h3>Flagged by:</h3>
-                                <br>
-                                <p class="text-xl">
-                                    <table class="table-auto w-full border-spacing-52">
-                                        <tbody>
-                                            {% for usr in flagers %}
-                                                <tr class="shadow-lg m-3 w-full rounded">
-                                                    {% if usr.user.socialaccount_set.all.0.get_avatar_url %}
-                                                        <td>
-                                                            <img src="{{ usr.user.socialaccount_set.all.0.get_avatar_url }}"
-                                                                 height="50px"
-                                                                 width="50px"
-                                                                 alt="{{ usr.user.username }}">
-                                                        </td>
-                                                    {% else %}
-                                                        <td>
-                                                            <img src="{% gravatar_url usr.user.email 50 %}"
-                                                                 height="50px"
-                                                                 width="50px"
-                                                                 alt="{{ usr.user.username }}">
-                                                        </td>
-                                                    {% endif %}
-                                                    <td>
-                                                        &nbsp; <a href="{% url 'profile' slug=usr.user.username %}">{{ usr.user.username }}</a>
-                                                    </td>
-                                                </tr>
-                                            {% endfor %}
-                                        </tbody>
-                                    </table>
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
-                    <button type="button"
-                            class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-xl font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"
-                            id="close-flag">Close</button>
-                </div>
+        <div class="border-b-2 border-[#584ac080]">
+            <div class="right-data max-sm:absolute top-[15%] max-sm:pt-2 max-sm:ml-[80%] ml-[3.50%] ">
+                {% include "includes/_like_dislike_share.html" %}
             </div>
         </div>
-    </div>
-</div>
-{% comment %} list of likers  {% endcomment %}
-<div id="like-modal"
-     class="hidden relative z-10"
-     aria-labelledby="modal-title"
-     role="dialog"
-     aria-modal="true">
-    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-         aria-hidden="true"></div>
-    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
-        <div class="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">
-            <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 max-sm:w-full lg:w-[30vw] ">
-                <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
-                    <div class="sm:flex sm:items-start lg:w-full">
-                        <div class="mt-3 sm:ml-4 sm:mt-0 sm:text-left lg:w-full">
-                            <div class="mt-2">
-                                <h3>Liked By:</h3>
-                                <br>
-                                <p class="text-xl">
-                                    <table class="table-auto w-full border-spacing-52">
-                                        <tbody>
-                                            {% for usr in likers %}
-                                                <tr class="shadow-lg m-3 w-full rounded">
-                                                    {% if usr.user.socialaccount_set.all.0.get_avatar_url %}
-                                                        <td>
-                                                            <img src="{{ usr.user.socialaccount_set.all.0.get_avatar_url }}"
-                                                                 height="50px"
-                                                                 width="50px"
-                                                                 alt="{{ usr.user.username }}">
-                                                        </td>
-                                                    {% else %}
-                                                        <td>
-                                                            <img src="{% gravatar_url usr.user.email 50 %}"
-                                                                 height="50px"
-                                                                 width="50px"
-                                                                 alt="{{ usr.user.username }}">
-                                                        </td>
-                                                    {% endif %}
-                                                    <td>
-                                                        &nbsp; <a href="{% url 'profile' slug=usr.user.username %}">{{ usr.user.username }}</a>
-                                                    </td>
-                                                </tr>
-                                            {% endfor %}
-                                        </tbody>
-                                    </table>
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
-                    <button type="button"
-                            class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-xl font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"
-                            id="close-like">Close</button>
-                </div>
-            </div>
+        <div class="flex bg-white max-sm:flex-col-reverse">
+            {% include "./includes/issue_left_info.html" %}
+            {% include "./includes/issue_right_info.html" %}
         </div>
     </div>
-</div>
-<dialog id="dialog-{{ object.user.id }}" class="dialog relative">
-    <input type="radio"
-           name="r"
-           id="bch-{{ object.user.id }}"
-           checked
-           class="active">
-    <input type="radio" name="r" id="eth-{{ object.user.id }}">
-    <input type="radio" name="r" id="btc-{{ object.user.id }}">
-    <div class="navigation absolute top-0 left-[50%] translate-x-[-50%] flex content-center">
-        <button class="nav-btn w-[70px] h-[40px] border-[1px] m-[6px] cursor-pointer transition-[0.4s] border-solid border-[#0e0d0d] hover:bg-[#ff0000] hover:text-white"
-                id="bch-btn-{{ object.user.id }}">BCH</button>
-        <button class="nav-btn w-[70px] h-[40px] border-[1px] m-[6px] cursor-pointer transition-[0.4s] border-solid border-[#0e0d0d] hover:bg-[#ff0000] hover:text-white"
-                id="eth-btn-{{ object.user.id }}">Ethereum</button>
-        <button class="nav-btn w-[70px] h-[40px] border-[1px] m-[6px] cursor-pointer transition-[0.4s] border-solid border-[#0e0d0d] hover:bg-[#ff0000] hover:text-white"
-                id="btc-btn-{{ object.user.id }}">Bitcoin</button>
-    </div>
-    <div id="slideshow-{{ object.user.id }}"
-         class="slideshow w-[400px] mt-[50px]">
-        <img id="qr-image-{{ object.user.id }}"
-             alt="QR Code"
-             height="300"
-             width="400">
-        <p id="crypto-name-{{ object.user.id }}"
-           class="crypto-name text-center w-full text-[20px] text-white bg-[#ff4444] inline-block m-auto"></p>
-        <p id="crypto-address-{{ object.user.id }}"
-           class="crypto-address text-center"></p>
-        <p id="tip-message" class="crypto-address text-center font-bold italic"></p>
-    </div>
-    <button id="close-{{ object.user.id }}" class="btn btn-danger w-full">Close</button>
-</dialog>
-<script src="{% static '/company/js/md_editor.js' %}"></script>
-<!-- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> -->
-<script src="https://cdn.jsdelivr.net/npm/markdown-it@12.1.0/dist/markdown-it.min.js"></script>
-<script>
+    <script src="{% static '/company/js/md_editor.js' %}"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> -->
+    <script src="https://cdn.jsdelivr.net/npm/markdown-it@12.1.0/dist/markdown-it.min.js"></script>
+    <script>
     var flagClose = document.getElementById("close-flag");
     var likeClose = document.getElementById("close-like");
     var flagModal = document.getElementById("flag-modal");
@@ -493,8 +138,8 @@ <h3>Liked By:</h3>
     function likeOpenn() {
         likeModal.style.cssText = "display:block !important;"
     }
-</script>
-<script>
+    </script>
+    <script>
     const md = window.markdownit();
     const markdownContent = `{{ object.markdown_description|escapejs }}`;
     const renderedHtml = md.render(markdownContent);
@@ -502,294 +147,190 @@ <h3>Liked By:</h3>
     // const renderedHtml = marked.parse(markdownContent)
 
     $("#bug_report").html(renderedHtml);
+    </script>
+    <script>
+    function loadQRCode(){
+        var btc_address = "{{object.user.userprofile.btc_address}}";
+        var bch_address = "{{object.user.userprofile.bch_address}}";
+        var eth_address = "{{object.user.userprofile.eth_address}}";
 
-    {% comment %} document.addEventListener('DOMContentLoaded', function () {
-    const prevBtn = document.getElementById('prevBtn');
-    const nextBtn = document.getElementById('nextBtn');
-    const currentScreenshot = document.getElementById('current-screenshot');
-    const lightboxLink = document.getElementById('lightbox-link');
-    const screenshots = document.querySelectorAll('.screenshot-image');
-    
-    let currentIndex = 0;
-
-    function updateImage() {
-        currentScreenshot.src = screenshots[currentIndex].src;
-        lightboxLink.href = screenshots[currentIndex].src;
-    }
-
-    nextBtn.addEventListener('click', function () {
-        if (currentIndex < screenshots.length - 1) {
-            currentIndex++;
-            updateImage();
-        }
-    });
-
-    prevBtn.addEventListener('click', function () {
-        if (currentIndex > 0) {
-            currentIndex--;
-            updateImage();
+        if(btc_address != "None" && btc_address != ""){
+            document.getElementById('crypto-qr-image').src = `https://api.qrserver.com/v1/create-qr-code/?data=${btc_address}&size=400x300`;
+        }else if(bch_address != "None" && bch_address != ""){
+            document.getElementById('crypto-qr-image').src = `https://api.qrserver.com/v1/create-qr-code/?data=${bch_address}&size=400x300`;
+        }else if(eth_address != "None" && eth_address != ""){
+            document.getElementById('crypto-qr-image').src = `https://api.qrserver.com/v1/create-qr-code/?data=${eth_address}&size=400x300`;
+        }else{
+            // User has not set their crypto addresses
+            // Show BLT QR code
+            var showBLT = document.getElementById("no-crypto");
+            showBLT.style.cssText = "display: block !important";
+            var hideUser = document.getElementById("crypto");
+            hideUser.style.cssText = "display: none !important";
+            bch_address = "qr5yccf7j4dpjekyz3vpawgaarl352n7yv5d5mtzzc";
+            document.getElementById('crypto-qr-image').src = `https://api.qrserver.com/v1/create-qr-code/?data=${bch_address}&size=400x300`;
         }
-    });
-}); {% endcomment %}
-    function subscribe_domain(){
-        $.ajax({
-            type: 'GET',
-            url: '/domain/{{ object.domain.id }}/subscribe/',
-            data: {},
-            success: function (data) {
 
-
-                // Test this behaviour
-                window.location.reload();
-                
-                // if (data === "SUBSCRIBED"){
-                //     $("#subscribe_domain_btn").text("Unsubscribe");
-                //     $.notify("Subscribed!", {
-                //         style: "custom",
-                //         className: "success"
-                //     });
-                // }
-
-                // else if (data === "UNSUBSCRIBED"){
-                //     $("#subscribe_domain_btn").text("Subscribe");
-                //     $.notify("Unsubscribed!", {
-                //         style: "custom",
-                //         className: "success"
-                //     });
-                // }
-            },
-            error: function () {
-                $.notify("Some error occurred!", {
-                    style: "custom",
-                    className: "danger"
-                });
-            }
-        })
     }
-
-
-
-    $(document).on('click', '.edit-issue-status',(e)=>{
-        var s = $('.status').text();
-        var action = s == "open" ? "close" : "open";
-        $.ajax({
-            type: 'POST',
-            url: '/issue/update/',
-            beforeSend: function (xhr) {
-                xhr.setRequestHeader('X-CSRFToken', "{{csrf_token}}");
-            },
-            data: {
-                issue_pk: "{{object.id}}",
-                action: action
-            },
-            success: function (data) {
-                console.log(data);
-
-                if (data == "Updated") {
-                    if (action == "open") {
-                        $('.status').text('open');
-                        //$('.status').removeClass('label-danger');
-                        //$('.status').addClass('label-success');
-                        $('#issue_stat').html(`
-    <svg width='19' height='19' viewBox='0 0 25 19' fill='none' xmlns='http://www.w3.org/2000/svg'>
-        <path d='M8.4911 18.4552L0.366101 10.3302C-0.122034 9.8421 -0.122034 9.05065 0.366101 8.56246L2.13383 6.79469C2.62196 6.30651 3.41346 6.30651 3.9016 6.79469L9.37499 12.268L21.0984 0.54469C21.5865 0.0565552 22.378 0.0565552 22.8661 0.54469L24.6339 2.31246C25.122 2.8006 25.122 3.59205 24.6339 4.08024L10.2589 18.4553C9.77069 18.9434 8.97924 18.9434 8.4911 18.4552Z' fill='white' />
-    </svg>
-`);
-                        $.notify("Issue opened!", {
-                        style: "custom",
-                        className: "success"
-                        });
+    loadQRCode();
+    </script>
+    <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"
+            integrity="sha256-FZsW7H2V5X9TGinSjjwYJ419Xka27I8XPDmWryGlWtw="
+            crossorigin="anonymous"></script>
+    <script>
+    document.addEventListener( 'DOMContentLoaded', function() {
+        var elms = document.getElementsByClassName( 'splide' );
+        for ( var i = 0; i < elms.length; i++ ) {
+            new Splide( elms[i], {
+                perPage: 3,
+                breakpoints: {
+                    640: {
+                        perPage: 1,
+                    },
+                },
+          } ).mount();
+        }
+      } );
+    </script>
+    <!-- <script>
+    function edit(){
+        $(document).on('click', '.edit-issue-status',(e)=>{
+            var s = $('.status').text();
+            var action = s == "open" ? "close" : "open";
+            $.ajax({
+                type: 'POST',
+                url: '/issue/update/',
+                beforeSend: function (xhr) {
+                    xhr.setRequestHeader('X-CSRFToken', "{{csrf_token}}");
+                },
+                data: {
+                    issue_pk: "{{object.id}}",
+                    action: action
+                },
+                success: function (data) {
+                    console.log(data);
+    
+                    if (data == "Updated") {
+                        if (action == "open") {
+                            $('.status').text('open');
+                            //$('.status').removeClass('label-danger');
+                            //$('.status').addClass('label-success');
+                            $('#issue_stat').html(`
+        <svg width='19' height='19' viewBox='0 0 25 19' fill='none' xmlns='http://www.w3.org/2000/svg'>
+            <path d='M8.4911 18.4552L0.366101 10.3302C-0.122034 9.8421 -0.122034 9.05065 0.366101 8.56246L2.13383 6.79469C2.62196 6.30651 3.41346 6.30651 3.9016 6.79469L9.37499 12.268L21.0984 0.54469C21.5865 0.0565552 22.378 0.0565552 22.8661 0.54469L24.6339 2.31246C25.122 2.8006 25.122 3.59205 24.6339 4.08024L10.2589 18.4553C9.77069 18.9434 8.97924 18.9434 8.4911 18.4552Z' fill='white' />
+        </svg>
+    `);
+                            $.notify("Issue opened!", {
+                            style: "custom",
+                            className: "success"
+                            });
+                        } else {
+                            $('.status').text('closed');
+                            //$('.status').removeClass('label-success');
+                            //$('.status').addClass('label-danger');
+                            $('#issue_stat').html("");
+                            $('#issue_stat').html(
+                                "<i class='fa-solid fa-retweet'></i>"
+                            );
+                            $.notify("Issue closed!", {
+                            style: "custom",
+                            className: "success"
+                            });
+                        }
                     } else {
-                        $('.status').text('closed');
-                        //$('.status').removeClass('label-success');
-                        //$('.status').addClass('label-danger');
-                        $('#issue_stat').html("");
-                        $('#issue_stat').html(
-                            "<i class='fa-solid fa-retweet'></i>"
-                        );
-                        $.notify("Issue closed!", {
-                        style: "custom",
-                        className: "success"
-                        });
+                        $.notify(
+                            "Only the user who has submitted the bug and superuser can close/open an issue"
+                        ), {
+                            style: "custom",
+                            className: "danger"
+                        }
                     }
-                } else {
-                    $.notify(
-                        "Only the user who has submitted the bug and superuser can close/open an issue"
-                    ), {
+                },
+                error: function () {
+                    $.notify("Some error occurred!", {
                         style: "custom",
                         className: "danger"
-                    }
+                    });
                 }
-            },
-            error: function () {
-                $.notify("Some error occurred!", {
-                    style: "custom",
-                    className: "danger"
-                });
-            }
+            })
         })
-    })
-
-    function sanitizeURL(url) {
-        var a = document.createElement('a');
-        a.href = encodeURI(url);
-        return a.href;
-    }
-
-    var label = "{{object.label}}";
-    $(document).on('click', '.edit-issue', function (e) {
-        $issue_desc = $('.issue-desc').text().trim();
-        $('.form input[name=description]').val($issue_desc);
-        $('.form input[name=domain]').val($('.issue-domain').text());
-        $('.form select').val(label);
-        $('.editables').hide();
-        $('.form').show();
-    });
-
-    $(document).on('click', '.cancel-edit', function (e) {
-        $('.form').hide();
-        $('.editables').show();
-    });
-
-    $(document).on('click', '.save-issue', function (e) {
-        e.preventDefault();
-
-        if ($('.form input[name=description]').val().trim().length == 0 ||
-            $('.form input[name=domain]').val().trim().length == 0) {
-            return;
-        }
-        var dom_regex = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
-        dom_regex = new RegExp(dom_regex);
-        var domain_url = $('.form input[name=domain]').val();
-        if (domain_url.match(dom_regex) == null) {
-            alert('Enter a valid url');
-            return;
+    
+        function sanitizeURL(url) {
+            var a = document.createElement('a');
+            a.href = encodeURI(url);
+            return a.href;
         }
-
-
-        $.ajax({
-            type: 'POST',
-            url: '/issue/edit/',
-            data: {
-                issue_pk: $('#issue_pk').val(),
-                domain: $('.form input[name=domain]').val(),
-                description: $('.form input[name=description]').val(),
-                label: $('.form select').val(),
-                csrfmiddlewaretoken: $('.form input[name=csrfmiddlewaretoken]').val(),
-            },
-            success: function (data) {
-                $('.issue-desc').text($('.form input[name=description]').val());
-                $('.issue-domain').text($('.form input[name=domain]').val());
-                var sanitizedDomain = sanitizeURL($('.form input[name=domain]').val());
-                $('.issue-domain').attr("href", sanitizedDomain);
-                label = $('.form select').val();
-                var l = $(".form select option[value='" + label + "']").text();
-                $('.bug-label').text(l);
-                $('.form').hide();
-                $('.editables').show();
-                $.notify("Issue updated!", {
-                    style: "custom",
-                    className: "success"
-                });
-                if (data === "Domain Created")
-                    $.notify("Domain Added!", {
-                        style: "custom",
-                        className: "success"
-                    });
-            },
-            error: function () {
-                $.notify("Some error occurred!", {
-                    style: "custom",
-                    className: "danger"
-                });
-            }
+    
+        var label = "{{object.label}}";
+        $(document).on('click', '.edit-issue', function (e) {
+            $issue_desc = $('.issue-desc').text().trim();
+            $('.form input[name=description]').val($issue_desc);
+            $('.form input[name=domain]').val($('.issue-domain').text());
+            $('.form select').val(label);
+            $('.editables').hide();
+            $('.form').show();
         });
-    });
-</script>
-<script>
-    const openModal = (btc, eth, bch, userId, cve_score) => {
-        let severityLevel;
-        let suggestedTip;
-
-        if (cve_score >= 9.0) {
-            severityLevel = "critical";
-            suggestedTip = "$50";
-        } else if (cve_score >= 7.0) {
-            severityLevel = "high";
-            suggestedTip = "$20";
-        } else if (cve_score >= 4.0) {
-            severityLevel = "medium";
-            suggestedTip = "$10";
-        } else {
-            severityLevel = "low";
-            suggestedTip = "$5";
-        }
-
-        const cryptoOptions = [
-            { name: 'Bitcoin Cash', address: bch },
-            { name: 'Ethereum', address: eth },
-            { name: 'Bitcoin', address: btc }
-        ];
-        let currentIndex = 0;
-
-        const updateSlide = () => {
-            let { name, address } = cryptoOptions[currentIndex];
-            if (address == '' || address == 'None') {
-                address = "qr5yccf7j4dpjekyz3vpawgaarl352n7yv5d5mtzzc";
-                document.getElementById('qr-image-'+userId).src = `https://api.qrserver.com/v1/create-qr-code/?data=${address}&size=400x300`;
-                document.getElementById('crypto-name-' + userId).textContent = "No address: Will go to BLT Donation";
-                document.getElementById('crypto-address-'+userId).textContent = `BCH: ${address}`;
-                document.getElementById('tip-message').textContent = `is the address of the BLT monthly leaderboard that is distributed 100% to the top bug finder that month.`;
+    
+        $(document).on('click', '.cancel-edit', function (e) {
+            $('.form').hide();
+            $('.editables').show();
+        });
+    
+        $(document).on('click', '.save-issue', function (e) {
+            e.preventDefault();
+    
+            if ($('.form input[name=description]').val().trim().length == 0 ||
+                $('.form input[name=domain]').val().trim().length == 0) {
+                return;
             }
-            else{
-                document.getElementById('crypto-name-' + userId).textContent = name;
-                document.getElementById('qr-image-' + userId).src = `https://api.qrserver.com/v1/create-qr-code/?data=${address}&size=400x300`;
-                document.getElementById('crypto-address-' + userId).textContent = `${address}`;
-                document.getElementById('tip-message').textContent = `This CVE is a ${severityLevel} severity, we suggest you tip ${suggestedTip}.`;
+            var dom_regex = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
+            dom_regex = new RegExp(dom_regex);
+            var domain_url = $('.form input[name=domain]').val();
+            if (domain_url.match(dom_regex) == null) {
+                alert('Enter a valid url');
+                return;
             }
-        };
-        updateSlide();
-
-        document.getElementById('openModal-' + userId).addEventListener('click', function() {
-            document.getElementById('dialog-' + userId).showModal();
-        });
-
-        document.getElementById('close-' + userId).addEventListener('click', function() {
-            document.getElementById('dialog-' + userId).close();
-        });
-        document.getElementById('bch-btn-' + userId).classList.add('active'); // Highlight BCH button by default
-        document.getElementById('bch-btn-' + userId).addEventListener('click', function() {
-            currentIndex = 0;
-            updateSlide();
-            document.querySelectorAll('.nav-btn').forEach(btn => btn.classList.remove('active'));
-            this.classList.add('active');
-        });
-
-        document.getElementById('eth-btn-' + userId).addEventListener('click', function() {
-            currentIndex = 1;
-            updateSlide();
-            document.querySelectorAll('.nav-btn').forEach(btn => btn.classList.remove('active'));
-            this.classList.add('active');
-        });
-
-        document.getElementById('btc-btn-' + userId).addEventListener('click', function() {
-            currentIndex = 2;
-            updateSlide();
-            document.querySelectorAll('.nav-btn').forEach(btn => btn.classList.remove('active'));
-            this.classList.add('active');
+    
+    
+            $.ajax({
+                type: 'POST',
+                url: '/issue/edit/',
+                data: {
+                    issue_pk: $('#issue_pk').val(),
+                    domain: $('.form input[name=domain]').val(),
+                    description: $('.form input[name=description]').val(),
+                    label: $('.form select').val(),
+                    csrfmiddlewaretoken: $('.form input[name=csrfmiddlewaretoken]').val(),
+                },
+                success: function (data) {
+                    $('.issue-desc').text($('.form input[name=description]').val());
+                    $('.issue-domain').text($('.form input[name=domain]').val());
+                    var sanitizedDomain = sanitizeURL($('.form input[name=domain]').val());
+                    $('.issue-domain').attr("href", sanitizedDomain);
+                    label = $('.form select').val();
+                    var l = $(".form select option[value='" + label + "']").text();
+                    $('.bug-label').text(l);
+                    $('.form').hide();
+                    $('.editables').show();
+                    $.notify("Issue updated!", {
+                        style: "custom",
+                        className: "success"
+                    });
+                    if (data === "Domain Created")
+                        $.notify("Domain Added!", {
+                            style: "custom",
+                            className: "success"
+                        });
+                },
+                error: function () {
+                    $.notify("Some error occurred!", {
+                        style: "custom",
+                        className: "danger"
+                    });
+                }
+            });
         });
-    };
-</script>
-<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"
-        integrity="sha256-FZsW7H2V5X9TGinSjjwYJ419Xka27I8XPDmWryGlWtw="
-        crossorigin="anonymous"></script>
-<script>
-    document.addEventListener( 'DOMContentLoaded', function() {
-        var elms = document.getElementsByClassName( 'splide' );
-        for ( var i = 0; i < elms.length; i++ ) {
-          new Splide( elms[ i ] ).mount();
-        }
-      } );
-</script>
-<script type="module">import lineClamp from 'https://cdn.jsdelivr.net/npm/line-clamp@1.0.0/+esm'</script>
+    }
+    </script> -->
+    <script type="module">import lineClamp from 'https://cdn.jsdelivr.net/npm/line-clamp@1.0.0/+esm'</script>
 {% endblock content %}
diff --git a/website/views.py b/website/views.py
index 146ad3b07..75b9d8563 100644
--- a/website/views.py
+++ b/website/views.py
@@ -3796,6 +3796,7 @@ def like_issue3(request, issue_pk):
         userprof.issue_upvoted.remove(issue)
     else:
         userprof.issue_upvoted.add(issue)
+    if issue.user is not None:
         liked_user = issue.user
         liker_user = request.user
         issue_pk = issue.pk
@@ -4055,7 +4056,7 @@ def get_context_data(self, **kwargs):
             .values("id", "description", "markdown_description", "screenshots__image")
             .order_by("views")[:4]
         )
-        # TODO(b) fix this, edit: Hopefully this will work
+        # TODO test if email works
         if isinstance(self.request.user, User):
             context["subscribed_to_domain"] = self.object.domain.user_subscribed_domains.filter(
                 pk=self.request.user.userprofile.id
@@ -4084,12 +4085,12 @@ def create_github_issue(request, id):
     referer = request.META.get("HTTP_REFERER")
     if not referer:
         return HttpResponseForbidden()
-    if issue.github_url is not None:
+    if issue.github_url:
         return JsonResponse({"status": "Failed", "status_reason": "GitHub Issue Exists"})
     if (
-        os.environ.get("GITHUB_ACCESS_TOKEN")
-        and request.user.is_authenticated
-        and (issue.user == request.user or request.user.is_superuser)
+        os.environ.get("GITHUB_ACCESS_TOKEN") and request.user.is_authenticated
+        # Any Authenticated user will be able to create a GitHub issue
+        # and (issue.user == request.user or request.user.is_superuser)
     ):
         screenshot_text = ""
         for screenshot in screenshot_all: