Look and fell from polisplexity.tech
Some checks failed
continuous-integration/drone/push Build is failing
Some checks failed
continuous-integration/drone/push Build is failing
This commit is contained in:
parent
cb38ddae1f
commit
69a7852f7a
@ -1,52 +1,48 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'pxy_dashboard/partials/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block title %}Polisplexity Portal{% endblock title %}
|
||||
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.card-img-top {
|
||||
height: 200px; /* Fixed height for consistency */
|
||||
object-fit: cover; /* Ensures image covers the area nicely */
|
||||
}
|
||||
.card:hover {
|
||||
transform: scale(1.05); /* Slight zoom effect on hover for interactivity */
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
</style>
|
||||
{% endblock extra_css %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container mt-4">
|
||||
<h2 class="text-center mb-4">Welcome to Polisplexity</h2>
|
||||
<p class="text-center mb-4">Select one of the options Bellow</p>
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 text-center mb-4">
|
||||
<h2 class="mt-3">Welcome to Polisplexity</h2>
|
||||
<p class="text-muted">Select one of the available options</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for category, items in grouped_menu_items.items %}
|
||||
{% if not forloop.first %}
|
||||
<hr> <!-- Horizontal separator for every new category except the first one -->
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 mb-4">
|
||||
<h3> {{ category.name }}</h3>
|
||||
<small> {{ category.description }}</small>
|
||||
<div class="row mt-4">
|
||||
<div class="col-12">
|
||||
<hr class="border-secondary">
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h4 class="text-primary">{{ category.name }}</h4>
|
||||
<p class="text-muted">{{ category.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{% for menu_item in items %}
|
||||
<div class="col-12 col-md-3 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card d-block">
|
||||
{% if menu_item.image %}
|
||||
<!-- Display Image if available -->
|
||||
<img src="{{ menu_item.image.url }}" class="card-img-top" alt="{{ menu_item.title }}">
|
||||
<img class="card-img-top" src="{{ menu_item.image.url }}" alt="{{ menu_item.title }}">
|
||||
{% elif menu_item.icon %}
|
||||
<!-- Display Icon if image is not available but icon is -->
|
||||
<div class="card-header text-center">
|
||||
<span class="material-symbols-rounded md-48">{{ menu_item.icon }}</span>
|
||||
<div class="card-header text-center bg-light-subtle">
|
||||
<span class="material-symbols-rounded display-4 text-primary">{{ menu_item.icon }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ menu_item.title }}</h5>
|
||||
<p class="card-text">{{ menu_item.description }}</p>
|
||||
</div>
|
||||
<div class="card-footer bg-white">
|
||||
<a href="{{ menu_item.url }}" class="btn btn-primary">{{ menu_item.url_text }}</a>
|
||||
<a href="{{ menu_item.url }}" class="btn btn-sm btn-primary stretched-link">{{ menu_item.url_text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -55,12 +51,3 @@
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock content %}
|
||||
|
||||
|
||||
{% block extra_js %}
|
||||
<script>
|
||||
$(function () {
|
||||
$('[data-bs-toggle="tooltip"]').tooltip() // Initialize Bootstrap tooltips
|
||||
})
|
||||
</script>
|
||||
{% endblock extra_js %}
|
||||
|
@ -26,7 +26,7 @@ admin.site.index_title = "Welcome to Polisplexity City Technologies Portal"
|
||||
urlpatterns = [
|
||||
path("admin/", admin.site.urls),
|
||||
path('', include('pxy_dashboard.urls')),
|
||||
path('', include('core.urls')),
|
||||
path('core', include('core.urls')),
|
||||
path('', include('pxy_city_digital_twins.urls')),
|
||||
path('pxy_whatsapp/', include('pxy_whatsapp.urls')),
|
||||
path('bots/', include('pxy_bots.urls')), # Webhook URL: /bots/webhook/<bot_name>/
|
||||
|
1395
pxy_dashboard/static/dashboard/css/app.main.css
Normal file
1395
pxy_dashboard/static/dashboard/css/app.main.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -4,6 +4,6 @@
|
||||
|
||||
<!-- App css -->
|
||||
<link href="{% static 'dashboard/css/app.min.css' %}" rel="stylesheet" type="text/css" id="app-style" />
|
||||
|
||||
<link href="{% static 'dashboard/css/app.main.css' %}" rel="stylesheet" type="text/css" id="app-style" />
|
||||
<!-- Icons css -->
|
||||
<link href="{% static 'dashboard/css/icons.min.css' %}" rel="stylesheet" type="text/css" />
|
Loading…
x
Reference in New Issue
Block a user