97 lines
3.1 KiB
HTML
97 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block title %}Brand Guardian{% endblock %}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
|
|
{% load static %}
|
|
<link rel="stylesheet" href="{% static 'css/custom.css' %}">
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
<div class="auth-container">
|
|
{% if user.is_authenticated %}
|
|
<a href="{% url 'brand-list' %}" class="btn btn-review">Manage Brands</a>
|
|
<span>Welcome, {{ user.username }}</span>
|
|
<a href="{% url 'logout' %}" class="btn btn-secondary">Logout</a>
|
|
{% else %}
|
|
<a href="{% url 'login' %}" class="btn btn-review">Login</a>
|
|
{% endif %}
|
|
</div>
|
|
<div id="particles-js"></div>
|
|
<div class="content-wrapper">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
|
<script>
|
|
particlesJS("particles-js", {
|
|
"particles": {
|
|
"number": {
|
|
"value": 80,
|
|
"density": {
|
|
"enable": true,
|
|
"value_area": 800
|
|
}
|
|
},
|
|
"color": {
|
|
"value": "#64FFDA"
|
|
},
|
|
"shape": {
|
|
"type": "circle",
|
|
},
|
|
"opacity": {
|
|
"value": 0.5,
|
|
"random": true,
|
|
},
|
|
"size": {
|
|
"value": 3,
|
|
"random": true,
|
|
},
|
|
"line_linked": {
|
|
"enable": true,
|
|
"distance": 150,
|
|
"color": "#8892B0",
|
|
"opacity": 0.4,
|
|
"width": 1
|
|
},
|
|
"move": {
|
|
"enable": true,
|
|
"speed": 2,
|
|
"direction": "none",
|
|
"random": false,
|
|
"straight": false,
|
|
"out_mode": "out",
|
|
"bounce": false,
|
|
}
|
|
},
|
|
"interactivity": {
|
|
"detect_on": "canvas",
|
|
"events": {
|
|
"onhover": {
|
|
"enable": true,
|
|
"mode": "repulse"
|
|
},
|
|
"onclick": {
|
|
"enable": true,
|
|
"mode": "push"
|
|
},
|
|
"resize": true
|
|
},
|
|
"modes": {
|
|
"repulse": {
|
|
"distance": 100,
|
|
"duration": 0.4
|
|
},
|
|
"push": {
|
|
"particles_nb": 4
|
|
},
|
|
}
|
|
},
|
|
"retina_detect": true
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|