63 lines
2.5 KiB
HTML
63 lines
2.5 KiB
HTML
{% load staticfiles %}
|
|
<html>
|
|
<head>
|
|
<title>Gallery</title>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div class="nav-wrapper teal lighten-2">
|
|
<a class="brand-logo" href="/">Gallery</a>
|
|
</div>
|
|
<div class="nav-wrapper teal lighten-2">
|
|
|
|
<ul class="right">
|
|
<li><a href="/pfm">PFM</a>
|
|
<li><a class="dropdown-button" href="#1" data-activates="dropdown1">Notes</a><ul id="dropdown1" class="dropdown-content"></li> <li> <a href="{% url 'blog.views.post_new' %}">new post</a></li> <li><a href="/blog/1">all notes</a></li></ul>
|
|
<li><a class="dropdown-button" href="#2" data-activates="dropdown2">Imagehost</a><ul id="dropdown2" class="dropdown-content"></li><li> <a href="{% url 'imagehost.views.image_new' %}">new image</a></li> <li> <a href="{% url 'imagehost.views.all_posts' %}"><span>all images</span></a></li></ul>
|
|
<li><a href="/admin">/admin</a></li>
|
|
|
|
</ul></div></nav>
|
|
|
|
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
|
|
<script type="text/javascript" src="/js/materialize.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$('.carousel').carousel({ shift: 20 });
|
|
$('.materialboxed').materialbox();
|
|
$(".dropdown-button").dropdown();
|
|
|
|
});
|
|
</script>
|
|
<!--Import Google Icon Font>
|
|
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"-->
|
|
<!--Import materialize.css-->
|
|
<link type="text/css" rel="stylesheet" href="/css/materialize.min.css" media="screen,projection">
|
|
|
|
<!--Let browser know website is optimized for mobile-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<div class="card-panel teal lighten-5">
|
|
|
|
<div class="carousel">
|
|
{% for image in all %}
|
|
<a href="{% url 'image_detail' pk=image.pk %}"--> <a class="carousel-item"><img width="650" src="/media/images{{ image.thumb_name }}" ></a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-panel teal lighten-5">
|
|
<div class="row" style="display: flex; flex-wrap: wrap;">
|
|
{% for image in all %}
|
|
<div class="col s12 m6 l3">
|
|
<div class="card blue-grey darken-1"> <div class="card-content"> <img class="thumbnail" src="/media/images{{ image.thumb_name }}" ></a> </div>
|
|
<div class="card-action white-text"><a href="{% url 'image_detail' pk=image.pk %}">{{ image.name }}</a></div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-panel s1 teal lighten-5">1</div>
|
|
</div>
|