added random and fixed layouts

This commit is contained in:
root 2023-05-11 22:18:43 +02:00
parent d9165f4884
commit da5c8727a8
10 changed files with 18 additions and 381 deletions

Binary file not shown.

View File

@ -1,81 +1,6 @@
{% extends "base.html" %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UnusualArchive</title>
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
<link rel="stylesheet" href="{% static 'plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'dist/css/adminlte.css' %}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
</head>
<body class="layout-top-nav" style="height: auto;">
<div class="wrapper">
<nav class="main-header navbar navbar-expand-md navbar-light navbar-white">
<div class="container">
<a href="/" class="navbar-brand">
<img src="{% static 'dist/img/ragnarok.jpg' %}" alt="Ragnarok" class="brand-image img-circle elevation-3" style="opacity: .8">
<span class="brand-text font-weight-light">UnusualArchive</span>
</a>
<button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse order-3" id="navbarCollapse">
<ul class="navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link">Explore</a>
</li>
<li class="nav-item">
<a href="/status" class="nav-link">Status</a>
</li>
<li class="nav-item">
<a href="/about" class="nav-link">About</a>
</li>
</ul>
<div class="float-right" style="width:100%">
<form class="form-inline ml-0 ml-md-3 float-right">
<div class="input-group input-group-sm">
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</nav>
<div class="content-wrapper" style="min-height: 1128px;">
<div class="content-header">
<div class="container">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> About</h1>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
{% block header %}About{% endblock %}
{% block content %}
<div class="row mb-3">
@ -104,37 +29,3 @@
</div>
{% endblock %}
</div>
</div>
</div>
<footer class="main-footer">
<div class="float-right d-none d-sm-inline">
Für die Nachwelt.
</div>
<strong>Copyright © 2023 Siebenhirten
</footer>
</div>
<script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'dist/js/adminlte.min.js' %}"></script>
<script>
$(document).ready(function() {
$(".clickable-row").click(function() {
window.location.href = $(this).data("href");
});
});
</script>
</body>
</html>

View File

@ -34,6 +34,9 @@
<a href="/" class="nav-link">Explore</a>
</li>
<li class="nav-item">
<a href="/random" class="nav-link">Random</a>
</li>
<li class="nav-item">
<a href="/status" class="nav-link">Status</a>
</li>
<li class="nav-item">
@ -66,7 +69,7 @@
<div class="container">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> Explore</h1>
<h1 class="m-0">{% block header %}Explore{% endblock %}</h1>
</div>

View File

@ -1,81 +1,7 @@
{% extends "base.html" %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UnusualArchive</title>
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
<link rel="stylesheet" href="{% static 'plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'dist/css/adminlte.css' %}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
</head>
<body class="layout-top-nav" style="height: auto;">
<div class="wrapper">
<nav class="main-header navbar navbar-expand-md navbar-light navbar-white">
<div class="container">
<a href="/" class="navbar-brand">
<img src="{% static 'dist/img/ragnarok.jpg' %}" alt="Ragnarok" class="brand-image img-circle elevation-3" style="opacity: .8">
<span class="brand-text font-weight-light">UnusualArchive</span>
</a>
<button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse order-3" id="navbarCollapse">
<ul class="navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link">Explore</a>
</li>
<li class="nav-item">
<a href="/status" class="nav-link">Status</a>
</li>
<li class="nav-item">
<a href="/about" class="nav-link">About</a>
</li>
</ul>
<div class="float-right" style="width:100%">
<form class="form-inline ml-0 ml-md-3 float-right">
<div class="input-group input-group-sm">
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</nav>
<div class="content-wrapper" style="min-height: 1128px;">
<div class="content-header">
<div class="container">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> Status</h1>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
{% block header %}Status{% endblock %}
{% block content %}
<div class="row mb-3">
@ -120,37 +46,3 @@
</div>
{% endblock %}
</div>
</div>
</div>
<footer class="main-footer">
<div class="float-right d-none d-sm-inline">
Für die Nachwelt.
</div>
<strong>Copyright © 2023 Siebenhirten
</footer>
</div>
<script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'dist/js/adminlte.min.js' %}"></script>
<script>
$(document).ready(function() {
$(".clickable-row").click(function() {
window.location.href = $(this).data("href");
});
});
</script>
</body>
</html>

View File

@ -1,81 +1,6 @@
{% extends "base.html" %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UnusualArchive</title>
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
<link rel="stylesheet" href="{% static 'plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'dist/css/adminlte.css' %}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
</head>
<body class="layout-top-nav" style="height: auto;">
<div class="wrapper">
<nav class="main-header navbar navbar-expand-md navbar-light navbar-white">
<div class="container">
<a href="/" class="navbar-brand">
<img src="{% static 'dist/img/ragnarok.jpg' %}" alt="Ragnarok" class="brand-image img-circle elevation-3" style="opacity: .8">
<span class="brand-text font-weight-light">UnusualArchive</span>
</a>
<button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse order-3" id="navbarCollapse">
<ul class="navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link">Explore</a>
</li>
<li class="nav-item">
<a href="/status" class="nav-link">Status</a>
</li>
<li class="nav-item">
<a href="/about" class="nav-link">About</a>
</li>
</ul>
<div class="float-right" style="width:100%">
<form class="form-inline ml-0 ml-md-3 float-right">
<div class="input-group input-group-sm">
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</nav>
<div class="content-wrapper" style="min-height: 1128px;">
<div class="content-header">
<div class="container">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> UNUSUAL MEMES V{{video.id}}</h1>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
{% block header %}UNUSUAL MEMES V{{video.id}}{% endblock %}
{% block content %}
<div class="row mb-3">
@ -92,31 +17,3 @@
</div>
{% endblock %}
</div>
</div>
</div>
<footer class="main-footer">
<div class="float-right d-none d-sm-inline">
Für die Nachwelt.
</div>
<strong>Copyright © 2023 Siebenhirten
</footer>
</div>
<script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'dist/js/adminlte.min.js' %}"></script>
</body>
</html>

View File

@ -6,5 +6,6 @@ urlpatterns = [
path('', views.core, name='core'),
path('status/', views.status, name='status'),
path('about/', views.about, name='about'),
path('random/', views.random, name='random'),
path('view/<int:id>', views.view, name='view'),
]

View File

@ -1,7 +1,9 @@
from django.shortcuts import render
from django.contrib.auth.decorators import login_required
from django.http import HttpResponse
from django.shortcuts import redirect
from core.models import Video
import random
# Create your views here.
@ -10,6 +12,11 @@ def core(request):
return render(request, 'base.html', {'videos': videos[::-1]})
def random(request):
videos = Video.objects.all().order_by("?")
ran = videos.first();
return redirect('/view/'+str(ran.id))
def status(request):
highest_id = Video.objects.order_by('-id').first().id
video_list = []

Binary file not shown.

View File

@ -1,54 +0,0 @@
{% load static %}
<body class="hold-transition login-page">
<div class="login-box">
<div class="card card-outline card-danger">
<div class="card-header text-center">
<h1><b>UnusualArchive</b></h1>
</div>
<div class="card-body">
<form method="post">
{% csrf_token %}
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Username" name="username">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-envelope"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" name="password" placeholder="Password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-8">
</div>
<div class="col-4">
<button type="submit" class="btn bg-maroon btn-block">Sign In</button>
</div>
</div>
</form>
</div>
</div>
<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
<link rel="stylesheet" href="{% static 'plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'dist/css/adminlte.min.css' %}">
<script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'dist/js/adminlte.min.js' %}"></script>
</body>