corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

working on main page

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-02-26 23:24:12 +00:00
parent 5b82d06718
commit 4bb6189011
3 changed files with 96 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/home/views.py
View File

@ -14,4 +14,4 @@ class IndexView(TemplateView):
"""
template_name = "home/index.html"
template_name = "home/main.html"

4
apps/static/css/index.css
View File

@ -66,6 +66,10 @@ body {
overflow-x: hidden;
}
.bd {
border: 1px solid var(--border-colour) !important;
}
.bdT {
border-top: 1px solid var(--border-colour) !important;
}

91
apps/templates/home/main.html Normal file
View File

@ -0,0 +1,91 @@
{% extends "layouts/base.html" %}
{% block title %} Blank Page {% endblock title %}
<!-- Specific CSS goes HERE -->
{% block stylesheets %}{% endblock stylesheets %}
{% block content %}
<!-- ### $App Screen Content ### -->
<main class="main-content bg-body-tertiary">
<div id="mainContent">
<div class="row gap-20 masonry pos-r">
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item col-12">
<div class="row gap-20">
<!-- Total Subscriptions -->
<div class="col-md-3">
<div class="layers bd bg-body p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Subscriptions</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">15</span>
</div>
</div>
</div>
</div>
</div>
<!-- Subscription Activity (24hrs) -->
<div class="col-md-3">
<div class="layers bd bg-body p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Subscription Activity (24hrs)</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash2"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-deep-purple-50 c-deep-purple-500">47</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item col-12">
<h3 class="lh-1 pX-10 pY-20">Subscriptions</h3>
</div>
<div class="masonry-item col-12">
<div class="row gap-20">
<div class="col-md-3">
<div class="layers bd bg-body p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">BBC News · Top Stories</h6>
</div>
<div class="layer w-100 mB-10">
<a href="http://feeds.bbci.co.uk/news/rss.xml" class="">http://feeds.bbci.co.uk/news/rss.xml</a>
</div>
<div class="layer w-100">
<img src="https://news.bbcimg.co.uk/nol/shared/img/bbc_news_120x60.gif" alt="" class="mw-100">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
{% endblock content %}
<!-- Specific Page JS goes HERE -->
{% block javascripts %}{% endblock javascripts %}