Skip to content

Built the sidebar for navigation #1620

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DonnieBLT merged 4 commits into from
Dec 2, 2023
Merged

Built the sidebar for navigation #1620

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
48840db
Squashed commit of the following:
errorassassin Nov 30, 2023
939a0ae
added a sidenav
errorassassin Nov 30, 2023
a1e58c5
added app store link
errorassassin Nov 30, 2023
dc01e00
Merge branch 'main' into sidenav
DonnieBLT Dec 2, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions blt/urls.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -162,6 +162,7 @@
r"^redoc/$", schema_view.with_ui("redoc", cache_timeout=0), name="schema-redoc"
),
re_path(r"^$", website.views.index, name="index"),
re_path(r"^newhome/$", website.views.newhome, name="newhome"),
re_path(
r"^dashboard/company/$",
website.views.company_dashboard,
Expand Down
139 changes: 139 additions & 0 deletions website/templates/base_new.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
{% load static %}
{% load custom_tags %}
{% load gravatar %}
{% load socialaccount %}
{% load user_score %}
{% providers_media_js %}
{% load i18n %}
<!DOCTYPE html>
<html lang="en">

<head>
<title>{% block title %}{% env 'PROJECT_NAME' %}{% endblock %}</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="{% block description %}{% env 'PROJECT_NAME' %} allows anyone to submit an issue from any website. For example if you saw a broken button on Amazon.com you can report the issue on {% env 'PROJECT_NAME' %} and then get a point! The more bugs you find the more points you get. Bugs can be verified for extra points and companies can get involved and help out.{% endblock %}">
<meta name="author" content="">
<meta property="og:title" content="{% block og_title %}{% env 'PROJECT_NAME' %}{% endblock %}" />
<meta property="og:image" content="{% block og_image %}{% static 'img/screenshot.png' %}{% endblock %}" />
<meta property="og:description"
content="{% block og_description %}{% env 'PROJECT_NAME' %} allows anyone to submit an issue from any website. For example if you saw a broken button on Amazon.com you can report the issue on {% env 'PROJECT_NAME' %} and then get a point! The more bugs you find the more points you get. Bugs can be verified for extra points and companies can get involved and help out.{% endblock %}" />
<meta property="og:type" content="website" />

<link href="{% static 'vendor/bootstrap/css/bootstrap.css' %}" rel="stylesheet">
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<link href="{% static 'css/lightbox.min.css' %}" rel="stylesheet">
<link href="{% static 'vendor/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/animate.css' %}" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<link href="{% static 'css/main.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/text-slider.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/activity.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/navbar.css' %}" rel="stylesheet" type="text/css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>

<script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>
<script src="{% static 'js/notify.js' %}"></script>
<script src="{% static 'js/text-slider.js' %}"></script>
<script src="https://cdn.tailwindcss.com"></script>

{% block head %}
{% endblock %}

{% block style %}
{% endblock %}

</head>

<body class="relative min-h-[100vh] flex flex-col bg-[#F7F7F7] font-['Inter']">

{% comment %} navigation {% endcomment %}
{% include "includes/header.html" %}
{% include "includes/sidenav.html" %}
{% comment %} navigation {% endcomment %}


<div class="lg:ml-[230px] mt-[63px]">

</div>


{% comment %} block with no bootstrap wrappers {% endcomment %}
{% block natural_content %}
{% endblock %}

</body>

<script src="{% static 'vendor/bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/ui.js' %}"></script>
{% block after_js %}
{% endblock %}

<script>
$("#report-bug-btn").click(function () {
$("#spinner").show()
});
</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-66634107-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript">
$(".mbug").click(function () {
$(this).addClass("hidden-xs");
$(this).addClass("hidden-sm");
$(".mnav").removeClass("hidden-xs");
$(".mnav").removeClass("hidden-sm");
});
$(function () {
$('button[name="test_files"]').on('click', function () {
$(this).parent().find('input[type=file]').click();
});
$('input[name="screenshot"]').on('change', function () {
var file = $(this).val().replace('C:\\fakepath\\', '');
$(this).parent().find('span').html(file);
});


{% if messages %}
{% for message in messages %}
$.notify("{{ message }}", {
style: "custom",
className: "{{message.level_tag }}"
});
{% endfor %}
{% endif %}
});
</script>

<script type="text/javascript">
window._mfq = window._mfq || [];
(function () {
var mf = document.createElement("script");
mf.type = "text/javascript";
mf.async = true;
mf.src = "//cdn.mouseflow.com/projects/efbbebea-436f-4b6f-9290-14ab36c8f636.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script>

</html>
82 changes: 82 additions & 0 deletions website/templates/includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
{% load static %}
{% load gravatar %}
{% load socialaccount %}
{% load user_score %}
{% providers_media_js %}
{% load i18n %}
{% load custom_tags %}

<nav class="fixed top-0 z-50 w-full bg-white border-b border-[#F7F7F7] border-b-2">
<div class="px-3 py-3 lg:px-5 lg:pl-3">
<div class="flex items-center justify-between">
<div class="flex items-center justify-start rtl:justify-end">
<!-- Ham Menu -->
<button data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar" aria-controls="logo-sidebar" type="button" class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"></path>
</svg>
</button>
<!-- Logo -->
<a href="/newhome" class="flex flex-col ms-2 md:me-24 items-center">
<img src="{% logo 'TRANSPARENT' %}" class="!max-w-[130px] lg:max-w-[200px]" />
<p class="text-center inline-block text-xl pl-1">
{% trans 'Report Issues, Win Prizes' %}
</p>
</a>
</div>

<!-- Search Bar -->
<div class="column items-center gap-[8px] invisible lg:visible lg:flex w-0 h-0 lg:w-[auto] lg:h-[auto]">
<form class="relative px-[34px]" action="/search" method="get">
<i class="fa fa-search absolute left-[13px] top-[6.4px] text-[#9CA3AF] z-10"></i>
<input type="text" name="query" placeholder="Search"
class="text-base ps-9 scale-[1.4] placeholder-[#9CA3AF] bg-[#EDEDED] outline-none p-2.5 font-semibold rounded-lg">
</form>
<a href="/report/"
class="lg:!inline-block bg-red-500 hover:bg-red-600 h-[38px] py-[8px] px-[20px] whitespace-nowrap !text-2xl font-bold text-white leading-[21px] cursor-pointer hover:text-white hover:no-underline rounded-xl tracking-wide">
{% trans "Report a Bug" %}
</a>
<a href="/hunts/"
class="lg:!inline-block bg-red-500 hover:bg-red-600 h-[38px] py-[8px] px-[20px] whitespace-nowrap !text-2xl font-bold text-white leading-[21px] cursor-pointer hover:text-white hover:no-underline rounded-xl tracking-wide">
{% trans "Bug Hunts" %}
</a>
</div>

<!-- User Avatar -->
{% if request.user.is_authenticated %}
<li class="flex justify-center items-center ">
<a href="/accounts/logout" id="user" class="relative flex items-center sm:gap-3 mr-[30px] hover:no-underline">
{% if request.user.userprofile.avatar %}
<img src="{{ request.user.userprofile.avatar }}" class="h-[30px] w-[30px] rounded-full ">
{% elif request.user.socialaccount_set.all.0.get_avatar_url %}
<img src="{{ request.user.socialaccount_set.all.0.get_avatar_url }}"
class="h-[30px] w-[30px] rounded-full ">
{% else %}
{% gravatar request.user.email 30 '' 'gravatar rounded-full' %}
{% endif %}
<span
class="absolute -right-[17px] -bottom-[25px] lg:-right-[25px] lg:-bottom-[25px] sm:static whitespace-nowrap text-[1.6rem] font-[600]"><span
class="">{{ request.user.username }}</span> ({{ request.user|score|default:"0" }} Pts)
</span>
</a>
</li>
{% else %}


<!-- Sign up and Log in Buttons -->
<div class="flex column items-center gap-[8px]">
<a href="/accounts/signup"
class="lg:!inline-block bg-red-500 hover:bg-red-600 h-[38px] py-[8px] px-[25px] whitespace-nowrap !text-2xl font-bold text-white leading-[21px] cursor-pointer hover:text-white hover:no-underline rounded-xl tracking-wide">
{% trans "Signup" %}
</a>
<a href="/accounts/login"
class="lg:!inline-block bg-red-500 hover:bg-red-600 h-[38px] py-[8px] px-[25px] whitespace-nowrap !text-2xl font-bold text-white leading-[21px] cursor-pointer hover:text-white hover:no-underline rounded-xl tracking-wide">
{% trans "Login" %}
</a>
</div>
{% endif %}


</div>
</div>
</nav>
110 changes: 110 additions & 0 deletions website/templates/includes/sidenav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
<aside id="sidebar" class="tracking-tight fixed top-0 left-0 z-40 w-[230px] h-screen pt-[70px] transition-transform -translate-x-full bg-white lg:translate-x-0 no-scrollbar" aria-label="Sidebar">
<style>
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge, and Firefox */
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
a:hover {
text-decoration: none;
}
</style>
<div class="h-full px-11 overflow-y-auto bg-white flex flex-col justify-between no-scrollbar">
<div>
<ul class="space-y-3 font-medium text-3xl mt-6">
<li>
<a href="/all_activity" class=""><span class="">Issues</span></a>
</li>
<li>
<a href="/companies" class=""><span class="">Companies</span></a>
</li>
<li>
<a href="/leaderboard" class=""><span class="">Users</span></a>
</li>
<li>
<a href="/teams" class=""><span class="">Teams</span></a>
</li>
<li>
<a href="/hunts" class=""><span class="">Hunts</span></a>
</li>
<li>
<a href="/projects" class=""><span class="">Projects</span></a>
</li>
<li>
<a href="/apps" class=""><span class="">Apps</span></a>
</li>
</ul>

<ul class="space-y-3 font-medium text-3xl mt-8">
<li class="mb-[-6px] ms-[1px]">
<span class="font-bold text-[#AAA] text-[1.2rem] tracking-wide">EXPERIMENTAL</span>
</li>
<li>
<a href="/deletions" class=""><span class="">Deletions</span></a>
</li>
<li>
<a href="/trademarks" class=""><span class="">Trademarks</span></a>
</li>
<li>
<a href="/bacon" class=""><span class="">BACON</span></a>
</li>
<li>
<a href="/bltv" class=""><span class="">BLTV</span></a>
</li>
</ul>


<button class="w-full mt-8" onclick="(document.getElementById('menu-more-section').classList.toggle('max-h-[200px]'), document.getElementById('menu-more-dropdown').classList.toggle('rotate-[180deg]'))">
<span class="font-bold text-[#AAA] text-[1.2rem] tracking-wide flex flex-row items-center justify-between w-full">
MORE
<svg class="hs-dropdown-open:rotate-180 w-6 h-6 transition rotate-[360deg]" id="menu-more-dropdown" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</span>
</button>

<ul class="space-y-3 font-medium text-3xl mt-1 overflow-clip transition-[max-height] duration-[250ms] max-h-0" id="menu-more-section">
<li>
<a href="/contributors" class=""><span class="">Contributors</span></a>
</li>
<li>
<a href="/about" class=""><span class="">About Us</span></a>
</li>
<li>
<a href="/terms" class=""><span class="">Terms</span></a>
</li>
<li>
<a href="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/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
</li>
</ul>
</div>

<ul class="space-y-3 font-semibold text-3xl flex-end mb-[20px] mt-[30px]">
<li class="opacity-90 transition hover:opacity-100">
<a class="bg-gray-100 w-full inline-flex py-3 px-5 rounded-2xl items-center transition hover:bg-gray-200 focus:outline-none cursor-pointer hover:text-black">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-9 h-9" viewBox="0 0 512 512">
<path d="M99.617 8.057a50.191 50.191 0 00-38.815-6.713l230.932 230.933 74.846-74.846L99.617 8.057zM32.139 20.116c-6.441 8.563-10.148 19.077-10.148 30.199v411.358c0 11.123 3.708 21.636 10.148 30.199l235.877-235.877L32.139 20.116zM464.261 212.087l-67.266-37.637-81.544 81.544 81.548 81.548 67.273-37.64c16.117-9.03 25.738-25.442 25.738-43.908s-9.621-34.877-25.749-43.907zM291.733 279.711L60.815 510.629c3.786.891 7.639 1.371 11.492 1.371a50.275 50.275 0 0027.31-8.07l266.965-149.372-74.849-74.847z"></path>
</svg>
<span class="ml-4 flex items-start flex-col leading-none">
<span class="text-base text-gray-600 mb-[-1px]">GET IT ON</span>
<span class="title-font tracking-tight font-semibold mb-[3px]">Google Play</span>
</span>
</a>
</li>

<li class="opacity-90 transition hover:opacity-100">
<a href="https://apps.apple.com/us/app/owasp-blt/id6448071954" class="bg-gray-100 w-full inline-flex py-3 px-5 rounded-2xl items-center transition hover:bg-gray-200 focus:outline-none cursor-pointer hover:text-black">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-9 h-9" viewBox="0 0 305 305">
<path d="M40.74 112.12c-25.79 44.74-9.4 112.65 19.12 153.82C74.09 286.52 88.5 305 108.24 305c.37 0 .74 0 1.13-.02 9.27-.37 15.97-3.23 22.45-5.99 7.27-3.1 14.8-6.3 26.6-6.3 11.22 0 18.39 3.1 25.31 6.1 6.83 2.95 13.87 6 24.26 5.81 22.23-.41 35.88-20.35 47.92-37.94a168.18 168.18 0 0021-43l.09-.28a2.5 2.5 0 00-1.33-3.06l-.18-.08c-3.92-1.6-38.26-16.84-38.62-58.36-.34-33.74 25.76-51.6 31-54.84l.24-.15a2.5 2.5 0 00.7-3.51c-18-26.37-45.62-30.34-56.73-30.82a50.04 50.04 0 00-4.95-.24c-13.06 0-25.56 4.93-35.61 8.9-6.94 2.73-12.93 5.09-17.06 5.09-4.64 0-10.67-2.4-17.65-5.16-9.33-3.7-19.9-7.9-31.1-7.9l-.79.01c-26.03.38-50.62 15.27-64.18 38.86z"></path>
<path d="M212.1 0c-15.76.64-34.67 10.35-45.97 23.58-9.6 11.13-19 29.68-16.52 48.38a2.5 2.5 0 002.29 2.17c1.06.08 2.15.12 3.23.12 15.41 0 32.04-8.52 43.4-22.25 11.94-14.5 17.99-33.1 16.16-49.77A2.52 2.52 0 00212.1 0z"></path>
</svg>
<span class="ml-4 flex items-start flex-col leading-none">
<span class="text-base text-gray-600 mb-[-1px]">Download on the</span>
<span class="title-font tracking-tight font-semibold mb-[3px]">App Store</span>
</span>
</a>
</li>
</ul>
</div>
</aside>
5 changes: 5 additions & 0 deletions website/templates/new_home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{% extends "base_new.html" %}

{% block content %}

{% endblock %}
Loading