aboutsummaryrefslogtreecommitdiff
path: root/assets/templates
diff options
context:
space:
mode:
Diffstat (limited to 'assets/templates')
-rw-r--r--assets/templates/album.html24
-rw-r--r--assets/templates/base.html17
-rw-r--r--assets/templates/image.html31
-rw-r--r--assets/templates/index.html33
4 files changed, 105 insertions, 0 deletions
diff --git a/assets/templates/album.html b/assets/templates/album.html
new file mode 100644
index 0000000..95d9935
--- /dev/null
+++ b/assets/templates/album.html
@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="header-container">
+ <h1>
+ <a href="{{ index }}/#{{ album.year }}">{{ album.year }}</a>
+ {% if album.title %}
+ {{ album.title }}
+ {% else %}
+ Untitled
+ {% endif %}
+ </h1>
+ <p>from <a href="{{ index }}/">{{ title }}</a> </p>
+</div>
+<div class="gallery-container">
+ <p>{{ album.desc }}</p>
+ <div class="album-container">
+ {% for thumb in album.thumbs %}
+ <a href="{{ thumb.link }}">
+ <img class="thumbnail" src="{{ thumb.source }}">
+ </a>
+ {% endfor %}
+ </div>
+</div>
+{% endblock %}
diff --git a/assets/templates/base.html b/assets/templates/base.html
new file mode 100644
index 0000000..1f2d8dc
--- /dev/null
+++ b/assets/templates/base.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta content="width=device-width, initial-scale=1" name="viewport">
+ <title>
+ {% block title %}
+ A photo gallery by Yaroslav de la Peña Smirnov
+ {% endblock %}
+ </title>
+ <link rel="stylesheet" href="{{ index }}/css/gallery.css">
+ </head>
+ <body>
+ {% block content %}
+ {% endblock %}
+ </body>
+</html>
diff --git a/assets/templates/image.html b/assets/templates/image.html
new file mode 100644
index 0000000..8f7dd11
--- /dev/null
+++ b/assets/templates/image.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="image-container">
+ <a href="{{ image.source }}"><img class="full" src="{{ image.source }}"></a>
+ <div class="controls-container">
+ {% if image.prev %}
+ <a class="control-btn" href="{{ image.prev }}">⮜ Previous</a>
+ {% else %}
+ <a class="control-btn hidden" href="#">⮜ Previous</a>
+ {% endif %}
+ {% if image.next %}
+ <a class="control-btn" href="{{ image.next }}">Next ⮞</a>
+ {% else %}
+ <a class="control-btn hidden" href="#">Next ⮞</a>
+ {% endif %}
+ </div>
+</div>
+<div class="gallery-container">
+ <h3>
+ From <a href="{{ index }}/#{{ album.year }}">{{ album.year }}</a>
+ {% if album.title %}
+ <a href="{{ album.link }}">{{ album.title }}</a>
+ {% else %}
+ <a href="{{ album.link }}">Untitled</a>
+ {% endif %}
+ in <a href="{{ index }}/">{{ title }}</a>
+ </h3>
+ <p>Taken {{ image.date }}</p>
+</div>
+{% endblock %}
+
diff --git a/assets/templates/index.html b/assets/templates/index.html
new file mode 100644
index 0000000..61160a5
--- /dev/null
+++ b/assets/templates/index.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="header-container">
+ <h1>{{ title }}</h1>
+</div>
+<div class="gallery-container">
+ <p>
+ Jump to year:
+ {% for year in years %}
+ <a href="#{{ year.name }}">{{ year.name }}</a>
+ {% endfor %}
+ </p>
+ {% for year in years %}
+ <h2 id="{{ year.name }}">{{ year.name }}</h2>
+ {% for album in year.albums %}
+ {% if album.title %}
+ <a href="{{ album.link }}"><h3>{{ album.title }}</h3></a>
+ {% else %}
+ <a href="{{ album.link }}"><h3>Untitled</h3></a>
+ {% endif %}
+ <div class="album-container">
+ {% for thumb in album.thumbs %}
+ {% if loop.index < 4 %}
+ <a href="{{ thumb.link }}">
+ <img class="thumbnail" src="{{ thumb.source }}">
+ </a>
+ {% endif %}
+ {% endfor %}
+ </div>
+ {% endfor %}
+ {% endfor %}
+</div>
+{% endblock %}