Skip to content

Commit

Permalink
Made with Love added in home.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@supsa-ak
supsa-ak committed Jan 6, 2022
1 parent 5cc8531 commit 87aeaef
Show file tree
Hide file tree
Showing 2 changed files with 68 additions and 57 deletions.
2 changes: 2 additions & 0 deletions BudMan/settings.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,6 +113,8 @@
# https://docs.djangoproject.com/en/3.2/howto/static-files/

STATIC_URL = '/static/'
# STATIC_ROOT = BASE_DIR / "static"

STATICFILES_DIRS = [
BASE_DIR / "static",
]
Expand Down
123 changes: 66 additions & 57 deletions frontend/templates/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -279,61 +279,65 @@ <h1>Delete Spending</h1>

<!-- stuff realted to promotion of website -->
<div class="page-top">

<nav class="navbar navbar-expand-sm navbar-light fixed-top shadow-sm" id="mainNav">
<div class="container px-5">
<a class="navbar-brand fw-bold" href="/"><img src="{% static 'frontend/img/white.png' %}" alt="..." style="height: 3rem;

<nav class="navbar navbar-expand-sm navbar-light fixed-top shadow-sm" id="mainNav">
<div class="container px-5">
<a class="navbar-brand fw-bold" href="/"><img src="{% static 'frontend/img/white.png' %}" alt="..."
style="height: 3rem;
width: 8rem;
object-fit: cover;" />
BudMan</a>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
<li class="nav-item"><a class="nav-link me-lg-3" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link me-lg-3" href="#download">Use</a></li>
</ul>
<button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0" style="width: auto;"
data-bs-toggle="modal">
<span class="d-flex align-items-center">
<a href="/login" style="color: white;">
<i class="fas fa-sign-in-alt me-2"></i>
Login</a>
</span>
</button>
BudMan</a>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
<li class="nav-item"><a class="nav-link me-lg-3" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link me-lg-3" href="#download">Use</a></li>
</ul>
<button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0" style="width: auto;"
data-bs-toggle="modal">
<span class="d-flex align-items-center">
<a href="/login" style="color: white;">
<i class="fas fa-sign-in-alt me-2"></i>
Login</a>
</span>
</button>
</div>
</div>
</div>
</nav>
<!-- Mashead header-->
<header class="masthead">
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<!-- Mashead text and app badges-->
<div class="mb-5 mb-lg-0 text-center text-lg-start">
<h1 class="display-1 lh-1 mb-3">Personal Finance Tracker</h1>
<p class="lead fw-normal text-muted mb-5">BudMan is a web app that helps you track and adjust your spending so that you are in control of money.</p>
<div class="d-flex flex-column flex-lg-row align-items-center">
<a class="me-lg-3 mb-4 mb-lg-0" href="#!"><i class="fas fa-chart-bar fa-3x me-4"></i></a>
<a href="#!"><i class="fas fa-shopping-cart fa-3x"></i></a>
</nav>
<!-- Mashead header-->
<header class="masthead">
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<!-- Mashead text and app badges-->
<div class="mb-5 mb-lg-0 text-center text-lg-start">
<h1 class="display-1 lh-1 mb-3">Personal Finance Tracker</h1>
<p class="lead fw-normal text-muted mb-5">BudMan is a web app that helps you track and
adjust your spending so that you are in control of money.</p>
<div class="d-flex flex-column flex-lg-row align-items-center">
<a class="me-lg-3 mb-4 mb-lg-0" href="#!"><i
class="fas fa-chart-bar fa-3x me-4"></i></a>
<a href="#!"><i class="fas fa-shopping-cart fa-3x"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Masthead device mockup feature-->
<div class="masthead-device-mockup">
<div class="col-lg-6">
<!-- Masthead device mockup feature-->
<div class="masthead-device-mockup">
<div class="box">
<div class="imgBox">
<img src="{% static 'frontend/img/chart2.jpg' %}" style="width: 100%;" />
</div>
<div class="content">
<h2>Chart</br>
<span>Spending Per Category</span></h2>
<span>Spending Per Category</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Quote/testimonial aside-->
<aside class="text-center bg-gradient-primary-to-secondary">
Expand Down Expand Up @@ -395,23 +399,24 @@ <h3 class="font-alt">Open Source</h3>
<div class="col-lg-4 px-6">
<!-- Masthead device mockup feature-->
<div class="masthead-device-mockup my-3">
<div class="box">
<div class="imgBox">
<img src="{% static 'frontend/img/chart3.jpg' %}" style="width: 100%;" />
</div>
<div class="content">
<h2>Chart</br>
<span>Line Chart for Latest Spendings</span></h2>
</div>
<div class="box">
<div class="imgBox">
<img src="{% static 'frontend/img/chart3.jpg' %}" style="width: 100%;" />
</div>
<div class="content">
<h2>Chart</br>
<span>Line Chart for Latest Spendings</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Basic features section-->

<!-- Call to action section-->
<section class="cta">
<div class="cta-content">
Expand All @@ -428,12 +433,12 @@ <h2 class="text-white display-1 lh-1 mb-4">
<section class="bg-gradient-primary-to-secondary" id="download">
<div class="container px-5">
</div>
<h2 class="text-center text-white font-alt mb-4">Use the app now!</h2>
<div class="d-flex flex-column flex-lg-row align-items-center justify-content-center">
<a href="/signup">
<button type="button" class="btn btn-lg btn-primary">Sign Up</button>
</a>
</div>
<h2 class="text-center text-white font-alt mb-4">Use the app now!</h2>
<div class="d-flex flex-column flex-lg-row align-items-center justify-content-center">
<a href="/signup">
<button type="button" class="btn btn-lg btn-primary">Sign Up</button>
</a>
</div>
</section>
<!-- Footer-->
<footer class="bg-black text-center py-5">
Expand All @@ -450,8 +455,8 @@ <h2 class="text-center text-white font-alt mb-4">Use the app now!</h2>
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2764.png">
<img class="emoji" alt="heart" height="20" width="20"
src="https://github.githubassets.com/images/icons/emoji/unicode/2764.png">
</g-emoji> by <a href="https://github.com/supsa-ak" target="_blank">Sarthak Kalpande</a><i class="fab fa-github"
style="margin-left: 7px;"></i>
</g-emoji> by <a href="https://github.com/supsa-ak" target="_blank">Sarthak Kalpande</a><i
class="fab fa-github" style="margin-left: 7px;"></i>
</p>
</footer>
<!-- Feedback Modal-->
Expand All @@ -466,10 +471,14 @@ <h2 class="text-center text-white font-alt mb-4">Use the app now!</h2>
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</div>

</div>
{% endif %}
<script>
console.info(
'Made with %c♥%c by Sarthak Kalpande',
'color: #e25555', 'color: unset'
);
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie !== '') {
Expand Down

0 comments on commit 87aeaef

Please sign in to comment.