clean: remove bulk_suffix
bulk_page -> page bulk_category -> category page -> collection
This commit is contained in:
@ -1,87 +0,0 @@
|
||||
:root {
|
||||
--bg1: #002b36;
|
||||
--bg2: #073642;
|
||||
--content1: #586e75;
|
||||
--content2: #657b83;
|
||||
--content3: #839496;
|
||||
--content4: #93a1a1;
|
||||
--lbg1: #eee8d5;
|
||||
--lbg2: #fdf6e3;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 15% 15%;
|
||||
margin-top: 5%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.readme {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.picture-container {
|
||||
background-color: var(--bg2);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.picture {
|
||||
padding: 5px;
|
||||
background-color: var(--content1);
|
||||
}
|
||||
|
||||
.albums_container {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.meta-picture, .navigation {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.profile {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px) {
|
||||
body {
|
||||
margin: 0% 0%;
|
||||
}
|
||||
}
|
||||
|
||||
.exif, .readme {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.download {
|
||||
width: 100%;
|
||||
background-color: var(--bg2);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exif summary {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exif details {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
@ -1,70 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="/bulk/bulk_page.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="navigation">
|
||||
{% if page.prev %}
|
||||
<a href="{{ page.prev.html.get_url() }}">Prev</a>
|
||||
{% endif %}
|
||||
{% if page.next %}
|
||||
<a class="next" href="{{ page.next.html.get_url() }}">Next</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if page.render_readme() %}
|
||||
<div class="readme">
|
||||
<details>
|
||||
<summary>
|
||||
README
|
||||
</summary>
|
||||
<div class="readme-content">
|
||||
{{page.render_readme()}}
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="picture-container">
|
||||
{% for picture in page._pictures %}
|
||||
<div class="picture-container-item" id="{{ picture.id}}">
|
||||
<div class="picture">
|
||||
<a href="{{ picture.get_small().get_url() }}">
|
||||
<img src='{{ picture.get_small().get_url() }}'>
|
||||
</a>
|
||||
<div class="meta-picture">
|
||||
<a href="{{ picture.get_large().get_url() }}">Large</a>
|
||||
{% if picture._profile_file.exist() %}
|
||||
<a class="profile" href="{{ picture.get_profile_file().get_url() }}">Raw therapee profile</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="categories_container">
|
||||
<h1>Categories:</h1>
|
||||
{% for category in picture.categories %}
|
||||
<a href="{{ category.path.get_url() }}" class="category_item">{{ al }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if page.get_raw().exist() %}
|
||||
<div class="download">
|
||||
<h1>Download</h1>
|
||||
<a href="{{ page.get_raw().get_url() }}">RAW</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.get_exif() %}
|
||||
<div class="exif">
|
||||
<details>
|
||||
<summary>Exif</summary>
|
||||
<pre>
|
||||
{{ page.render_exif() }}
|
||||
</pre>
|
||||
</details>
|
||||
</div>
|
||||
{% endif %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
6
src/templates/collection.css
Normal file
6
src/templates/collection.css
Normal file
@ -0,0 +1,6 @@
|
||||
|
||||
|
||||
img {
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
}
|
||||
12
src/templates/collection.jinja
Normal file
12
src/templates/collection.jinja
Normal file
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="/page.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ content }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
src/templates/home.css
Normal file
0
src/templates/home.css
Normal file
@ -1,7 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
|
||||
<a href="/bulk/"><h1>Site WIP go to BULK</h1></a>
|
||||
<a href="/bulk/"><h1>See all pictures I take</h1></a>
|
||||
<ul>
|
||||
{% for collection in collections %}
|
||||
<li>
|
||||
<a href="{{collection.get_url() }}">{{ collection.get_name()}} </a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,6 +1,87 @@
|
||||
:root {
|
||||
--bg1: #002b36;
|
||||
--bg2: #073642;
|
||||
--content1: #586e75;
|
||||
--content2: #657b83;
|
||||
--content3: #839496;
|
||||
--content4: #93a1a1;
|
||||
--lbg1: #eee8d5;
|
||||
--lbg2: #fdf6e3;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 15% 15%;
|
||||
margin-top: 5%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.readme {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.picture-container {
|
||||
background-color: var(--bg2);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.picture {
|
||||
padding: 5px;
|
||||
background-color: var(--content1);
|
||||
}
|
||||
|
||||
.albums_container {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.meta-picture, .navigation {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.profile {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px) {
|
||||
body {
|
||||
margin: 0% 0%;
|
||||
}
|
||||
}
|
||||
|
||||
.exif, .readme {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.download {
|
||||
width: 100%;
|
||||
background-color: var(--bg2);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exif summary {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exif details {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
@ -2,11 +2,69 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="/page.css">
|
||||
<link rel="stylesheet" href="/bulk/bulk_page.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ content }}
|
||||
<div class="navigation">
|
||||
{% if page.prev %}
|
||||
<a href="{{ page.prev.html.get_url() }}">Prev</a>
|
||||
{% endif %}
|
||||
{% if page.next %}
|
||||
<a class="next" href="{{ page.next.html.get_url() }}">Next</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if page.render_readme() %}
|
||||
<div class="readme">
|
||||
<details>
|
||||
<summary>
|
||||
README
|
||||
</summary>
|
||||
<div class="readme-content">
|
||||
{{page.render_readme()}}
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="picture-container">
|
||||
{% for picture in page._pictures %}
|
||||
<div class="picture-container-item" id="{{ picture.id}}">
|
||||
<div class="picture">
|
||||
<a href="{{ picture.get_small().get_url() }}">
|
||||
<img src='{{ picture.get_small().get_url() }}'>
|
||||
</a>
|
||||
<div class="meta-picture">
|
||||
<a href="{{ picture.get_large().get_url() }}">Large</a>
|
||||
{% if picture._profile_file.exist() %}
|
||||
<a class="profile" href="{{ picture.get_profile_file().get_url() }}">Raw therapee profile</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="categories_container">
|
||||
<h1>Categories:</h1>
|
||||
{% for category in picture.categories %}
|
||||
<a href="{{ category.path.get_url() }}" class="category_item">{{ al }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if page.get_raw().exist() %}
|
||||
<div class="download">
|
||||
<h1>Download</h1>
|
||||
<a href="{{ page.get_raw().get_url() }}">RAW</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.get_exif() %}
|
||||
<div class="exif">
|
||||
<details>
|
||||
<summary>Exif</summary>
|
||||
<pre>
|
||||
{{ page.render_exif() }}
|
||||
</pre>
|
||||
</details>
|
||||
</div>
|
||||
{% endif %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user