Skip to content

home page appΒΆ

  • quick and dirty home page routing
  • start app
python manage.py startapp home 
  • add to your starting point urls.py
from django.contrib import admin
from django.urls import path, include
from home import views

urlpatterns = [
    path("admin/", admin.site.urls),
    path('', views.homepage),
]
  • home/views.py
from django.shortcuts import render
from datetime import datetime

def homepage(request):
    this_date = datetime.now()
    this_date = this_date.strftime('year %Y week %U day %j')
    html = """
        """
    return render(request, 'home.html', {'html':html,'today':this_date})
  • templates/home.html
{% extends "base.html" %} {% block title %} Menu {% endblock %} {% block content %} 
<div class="container">
    <div class="row m-5 p-3">
        <div class="col">
            <h3>microapps</h3>
            <a href="boop"
                role="button" 
                class="btn btn-light m-3" mr-1>boop</a>
        </div>
    </div>
    <div class="row m-5 p-3">
        <div class="col">
        <a href="./blog/"
            role="button" class="btn btn-light mr-1 m-3">blog folder</a>
        <hr /> {{today|safe}}
        </div>
    </div>
</div>
{% endblock %}
  • 404.html
<html>
  <head>
    <title>Page Not Found</title>
  </head>
  <body bgcolor="#ffffff">
    <hr>
    <h1>404</h1><br><a href="{{ request.get_host }}/">bird up!</a>
    <hr>
  </body>
</html>
  • 403.html
<html>
  <head>
    <title>Page Not Found</title>
  </head>
  <body bgcolor="#ffffff">
    <hr>
    <h1>403</h1><br><a href="{{ request.get_host }}/">bird up!</a>
    <hr>
  </body>
</html>
  • 500.html
<html>
  <head>
    <title>Page Not Found</title>
  </head>
  <body bgcolor="#ffffff">
    <hr>
    <h1>500</h1><br><a href="{{ request.get_host }}/">bird up!</a>
    <hr>
  </body>
</html>
  • base.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta
      charset="utf-8"
      name="viewport"
      content="width=device-width, initial-scale=1" />
    <title>{% block title %}{% endblock %}</title> 
    {% include "head.html" %} 
    {% block extrahead %}
    {% endblock %}
  </head>
  <body> {% include "nav.html" %} <div class="container text-center"> {% block content %}{% endblock %} </div>
    <!-- {% include "menu.html" %} -->
    <!-- #include file="footer.html" -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
      integrity=""
      crossorigin="anonymous"></script>
    <script
      src="https://code.jquery.com/jquery-1.12.4.min.js"
      integrity=""
      crossorigin="anonymous"></script>
  </body>
</html>