post-photos.html

---
layout: layout.html
---
<div class="container is-max-desktop">
	<section class="hero">
		<div class="hero-body no-padding-mobile">
			<!-- card and card again -->
			<div class="card no-border-radius-mobile">
				<!-- navbar -->
				<div class="card-content has-no-padding-top-bottom">
					<div class="navbar-brand">
						<a aria-label="Back" class="navbar-item hoverable" href="/photos/">{% feather "grid" %}</a>
						<a aria-label="Home" class="navbar-item hoverable" href="/">{% feather "home" %}</a>
						<div class="item-nav-end">
							<a aria-label="Share" class="navbar-item hoverable fix-width modal-trigger" href="#share">{% feather "share-2" %}</a>
						</div>
					</div>
				</div>
				<!-- cover page -->
				<div class="card-image">
					<figure class="image">
						<img class="card-no-border-radius-mobile" src={{ cover }} alt="cover">
					</figure>
				</div>
				<div class="card-content">
					<div class="content">
						<p class="title is-4 margin-bottom-1">{{ title | default: "My Blog" }}</p>
						<p class="is-size-7">{{ date | date: "%a, %d %b %Y" }}</p>
						<p>
							{{ content }}
						</p>
					</div>
				</div>
				<!-- next prev -->
				{%- if collections.photos %}
				{%- assign previousPhotos = collections.photos | getPreviousCollectionItem %}
				{%- assign nextPhotos = collections.photos | getNextCollectionItem %}
				{%- if nextPhotos or previousPhotos %}
				<div class="card-content" style="padding-top: 0;">
					<div class="navbar-brand">
						{%- if nextPhotos %}
							<a class="navbar-item hoverable" href="{{ nextPhotos.url }}">{% feather "arrow-left-circle" %}</a>
						{% endif %}
						<div class="item-nav-end">
							{%- if previousPhotos %}
							<a class="navbar-item hoverable" href="{{ previousPhotos.url }}">{% feather "arrow-right-circle" %}</a>
							{% endif %}
						</div>
					</div>
				</div>
				{% endif %}
				{% endif %}
				<!-- here is footer -->
				<footer class="card-footer">
					<div class="card-footer-item has-text-centered">
						<p class="is-size-7 has-text-weight-semibold">
							© 2024 <a href="https://instagram.com/apoxicam">Apoxicam</a><br>
							All photos are licenced under
							<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/?ref=chooser-v1">
								CC BY-NC-ND 4.0
							</a>
						</p>
					</div>
				</footer>
			</div>
		</div>
	</section>
</div>