add highlights to pictures page

This commit is contained in:
Mahdi Dibaiee 2023-01-25 18:09:26 +00:00
parent 68024de273
commit 1133649fa4
17 changed files with 61 additions and 0 deletions

View File

@ -4,6 +4,7 @@ title: "flamingos-iran"
date: 2019-11-03
categories: art
author: Mahdi
anchor: Iran
---
![flamingos-iran](/img/arts/flamingos-iran.jpg)

View File

@ -4,6 +4,7 @@ title: "christmas-day-homeless-man-church"
date: 2019-12-26
categories: art
author: Mahdi
anchor: Homeless man at church
---
![christmas-day-homeless-man-church](/img/arts/christmas-day-homeless-man-church.jpg)

View File

@ -4,6 +4,7 @@ title: "sightings-from-a-dream-5"
date: 2020-12-22
categories: art
author: Mahdi
anchor: Sightings from a dream
---
![sightings-from-a-dream-5](/img/arts/sightings-from-a-dream-5.jpg)

View File

@ -4,6 +4,7 @@ title: "clouds-among-rocks"
date: 2021-01-01
categories: art
author: Mahdi
anchor: Killarney National Park
---
![clouds-among-rocks](/img/arts/clouds-among-rocks.jpg)

View File

@ -4,6 +4,7 @@ title: "the-night-has-descended-on-us"
date: 2021-01-10
categories: art
author: Mahdi
anchor: The Night Has Descended On Us
---
![the-night-has-descended-on-us](/img/arts/the-night-has-descended-on-us.jpg)

View File

@ -4,6 +4,7 @@ title: "god-will-pardon-me"
date: 2021-01-28
categories: art
author: Mahdi
anchor: God will pardon me
---
![god-will-pardon-me](/img/arts/god-will-pardon-me.jpg)

View File

@ -4,6 +4,7 @@ title: "girl-among-grains"
date: 2021-06-29
categories: art
author: Mahdi
anchor: Girl among grains, Austerlitz
---
![girl-among-grains](/img/arts/girl-among-grains.jpg)

View File

@ -4,6 +4,7 @@ title: "punk-gangster"
date: 2021-08-20
categories: art
author: Mahdi
anchor: Punk gangster!
---
![punk-gangster](/img/arts/punk-gangster.jpg)

View File

@ -4,6 +4,7 @@ title: "et-les-extremes-se-touchent"
date: 2021-08-21
categories: art
author: Mahdi
anchor: Et les extremes se touchent
---
![et-les-extremes-se-touchent](/img/arts/et-les-extremes-se-touchent.jpg)

View File

@ -4,6 +4,7 @@ title: "girl-eye-flowers-1"
date: 2021-08-21
categories: art
author: Mahdi
anchor: A narration
---
![girl-eye-flowers-1](/img/arts/girl-eye-flowers-1.jpg)

View File

@ -4,6 +4,7 @@ title: "the-right-way-is-the-untrodden"
date: 2021-08-29
categories: art
author: Mahdi
anchor: The right way
---
![the-right-way-is-the-untrodden](/img/arts/the-right-way-is-the-untrodden.jpg)

View File

@ -4,6 +4,7 @@ title: "milan-cathedral"
date: 2021-12-23
categories: art
author: Mahdi
anchor: Milan Cathedral
---
![milan-cathedral](/img/arts/milan-cathedral.jpg)

View File

@ -4,6 +4,7 @@ title: "on pelican"
date: 2022-07-07
categories: art
author: Mahdi
anchor: Sailing on Pelican
---
![on-pelican](/img/arts/on-pelican.jpeg)

View File

@ -4,6 +4,7 @@ title: "woman-walking"
date: 2022-09-12
categories: art
author: Mahdi
anchor: Uganda
---
![woman-walking](/img/arts/uganda/woman-walking.jpg)

View File

@ -4,6 +4,7 @@ title: "romeo-red"
date: 2022-11-27
categories: art
author: Mahdi
anchor: "Gig at Workman's Cellar"
---
![romeo-red](/img/arts/workman-cellar-nov-2022/romeo-red.jpg)

View File

@ -1,3 +1,7 @@
html {
scroll-behavior: smooth;
}
body {
background: #FFF7EC;
height: auto;
@ -238,6 +242,21 @@ hr {
opacity: 0;
}
.side-anchors {
margin: 1rem;
vertical-align: middle;
ul {
list-style-type: '- ';
margin-left: 1.5rem;
}
.meta {
font-size: 0.8rem;
margin-right: 0.5rem;
}
}
.notice {
background-color: #80c4d5;
padding: 1rem 2rem;

View File

@ -12,6 +12,30 @@ layout: default
</p>
</div>
<div class='side-anchors'>
<details open>
<summary>Highlights</summary>
<ul>
{% for post in site.art reversed %}
{% if post.published == false %}
{% continue %}
{% endif %}
{% if post.anchor == nil %}
{% continue %}
{% endif %}
<li>
<a href='#{{ post.title }}'>
<span class='meta'>
{{ post.date | date: "%Y" }}
</span>
{{ post.anchor }}
</a>
</li>
{% endfor %}
</ul>
</details>
</div>
<ul class="post-list">
{% for post in site.art reversed %}
{% if post.published == false %}
@ -27,6 +51,9 @@ layout: default
</p>-->
<article class='post-content'>
{% if post.anchor %}
<span id='{{ post.title }}'></span>
{% endif %}
{{ post.content | markdownify }}
</article>
</li>