Init static site generator
This commit is contained in:
50
templates/about.html
Normal file
50
templates/about.html
Normal file
@@ -0,0 +1,50 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block header %}
|
||||
<h1 class="display-4">About mediaCCCcollection</h1>
|
||||
{% endblock%}
|
||||
|
||||
{% block content %}
|
||||
<section>
|
||||
<p></p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Meta</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Software</h5>
|
||||
<p class="card-text">You see here the mediaCCCcollectionUI.</p>
|
||||
</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a href="https://github.com/clerie/" class="list-group-item">GitHub</a>
|
||||
<div class="list-group-item">Last update: {{ last_update }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Development</h5>
|
||||
<p class="card-text">mediaCCCcollection is developed by some people.</p>
|
||||
</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a href="https://clerie.de/" class="list-group-item">clerie</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Support</h5>
|
||||
<p class="card-text">Help tagging all the videos!</p>
|
||||
</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a href="https://github.com/clerie/mediaccccollection" class="list-group-item">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
54
templates/base.html
Normal file
54
templates/base.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="stylesheet" href="https://wetter.clerie.de/static/bundle/bundle.css">
|
||||
<title>mediaCCCcollection</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="/">mediaCCCcollection</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarToggler">
|
||||
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/tag/">Tags</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/about/">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="container">
|
||||
{% block header %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<div class="container">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<a href="/about/">Über</a>
|
||||
<a href="/station/">Stationen</a>
|
||||
<a href="https://blog.clerie.de/impressum" target="_blank">Imprint</a>
|
||||
<a href="https://blog.clerie.de/datenschutz" target="_blank">Privacy</a>
|
||||
<a href="https://github.com/clerie/wetter" target="_blank">Sourcecode</a>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Optional JavaScript -->
|
||||
<script src="https://wetter.clerie.de/static/bundle/wetter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
29
templates/index.html
Normal file
29
templates/index.html
Normal file
@@ -0,0 +1,29 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<h1 class="display-1">mediaCCCcollection</h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section>
|
||||
<div class="row">
|
||||
{% for tag in featured_tags %}
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ tag }}</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">{{ out_tags[tag].count_videos }} Videos</h6>
|
||||
<a href="/tag/{{ tag }}" class="btn btn-primary card-link">More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<p>mediaCCCcollection tries to curate videos of <a href="https://media.ccc.de/">media.ccc.de</a> by tagging them.</p>
|
||||
</section>
|
||||
<section>
|
||||
<a href="/tag/" class="btn btn-lg btn-outline-primary btn-block">list of all tags</a>
|
||||
</section>
|
||||
{% endblock %}
|
21
templates/tag.html
Normal file
21
templates/tag.html
Normal file
@@ -0,0 +1,21 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<h1 class="display-2">{{ tag }}</h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section>
|
||||
{% for slug in slugs %}
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ slug }}</h5>
|
||||
<p>
|
||||
{% for video_tag in out_videos[slug].tags %}<a href="/tag/{{ video_tag }}/" class="badge badge-light">{{ video_tag }}</a>{% endfor %}
|
||||
</p>
|
||||
<a href="https://media.ccc.de/v/{{ slug }}" class="btn btn-primary card-link">watch</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% endblock %}
|
23
templates/tags.html
Normal file
23
templates/tags.html
Normal file
@@ -0,0 +1,23 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<h1 class="display-2">Tags</h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section>
|
||||
<div class="row">
|
||||
{% for tag in sorted_tags %}
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ tag }}</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">{{ out_tags[tag].count_videos }} Videos</h6>
|
||||
<a href="/tag/{{ tag }}" class="btn btn-primary card-link">More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
Reference in New Issue
Block a user