Skip to content

Commit 38b24db

Browse files
committed
crop thumbs
1 parent 14fcb5a commit 38b24db

61 files changed

Lines changed: 31 additions & 30 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

_layouts/base.html

Lines changed: 24 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -64,16 +64,10 @@
6464
max-width: 80ch;
6565
margin-left: auto;
6666
margin-right: auto;
67-
text-align: center;
6867
overflow-y: scroll;
6968
}
7069

71-
/* reset: body centers header/footer, main overrides back to left */
72-
main {
73-
text-align: left;
74-
}
75-
76-
img {
70+
p img {
7771
width: 100%;
7872
height: auto;
7973
}
@@ -84,27 +78,29 @@
8478
</style>
8579
</head>
8680
<body>
87-
<header role="banner">
88-
<h1>{% include navlink.html href="/" label="CB341.DEV" %}</h1>
89-
<nav role="navigation" aria-label="Main navigation">
90-
{% include navlink.html href="/" label="Home" %}
91-
| {% include navlink.html href="/about" label="About" %}
92-
| {% include navlink.html href="/uses" label="Uses" %}
93-
| {% include navlink.html href="/til" label="TIL" %}
94-
| {% include navlink.html href="/blog" label="Blog" %}
95-
| {% include navlink.html href="/projects" label="Projects" %}
96-
| {% include navlink.html href="/gallery" label="Gallery" %}
97-
</nav>
98-
<nav role="navigation" aria-label="Social media links">
99-
<a href="https://github.com/cb341" target="_blank" rel="noopener noreferrer">GitHub</a>
100-
|
101-
<a href="https://www.codewars.com/users/cb341" target="_blank" rel="noopener noreferrer">Codewars</a>
102-
|
103-
<a href="https://mastodon.social/deck/@cb341" target="_blank" rel="noopener noreferrer">Mastodon</a>
104-
|
105-
<a href="https://www.linkedin.com/in/daniel-bengl" target="_blank" rel="noopener noreferrer">LinkedIn</a>
106-
</nav>
107-
</header>
81+
<center>
82+
<header role="banner">
83+
<h1>{% include navlink.html href="/" label="CB341.DEV" %}</h1>
84+
<nav role="navigation" aria-label="Main navigation">
85+
{% include navlink.html href="/" label="Home" %}
86+
| {% include navlink.html href="/about" label="About" %}
87+
| {% include navlink.html href="/uses" label="Uses" %}
88+
| {% include navlink.html href="/til" label="TIL" %}
89+
| {% include navlink.html href="/blog" label="Blog" %}
90+
| {% include navlink.html href="/projects" label="Projects" %}
91+
| {% include navlink.html href="/gallery" label="Gallery" %}
92+
</nav>
93+
<nav role="navigation" aria-label="Social media links">
94+
<a href="https://github.com/cb341" target="_blank" rel="noopener noreferrer">GitHub</a>
95+
|
96+
<a href="https://www.codewars.com/users/cb341" target="_blank" rel="noopener noreferrer">Codewars</a>
97+
|
98+
<a href="https://mastodon.social/deck/@cb341" target="_blank" rel="noopener noreferrer">Mastodon</a>
99+
|
100+
<a href="https://www.linkedin.com/in/daniel-bengl" target="_blank" rel="noopener noreferrer">LinkedIn</a>
101+
</nav>
102+
</header>
103+
</center>
108104

109105
<main id="main-content" role="main">
110106
{{ content }}

pages/gallery.html

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,11 @@
55
permalink: /gallery/
66
---
77

8+
<style>
9+
td { vertical-align: top; width: 25%; }
10+
td img { width: 100%; height: auto; }
11+
</style>
12+
813
<h1>Gallery</h1>
914

1015
<p>A collection of images from various development projects, technical demonstrations, and documentation.</p>
@@ -18,11 +23,11 @@ <h1>Gallery</h1>
1823

1924
<td>
2025
<a href="{{ item.url }}">
21-
<img src="{{ item.image | replace: '/webp-gallery/', '/webp-gallery/thumbs/' }}" alt="{{ item.alt }}"{% if item.thumb_width %} width="{{ item.thumb_width }}" height="{{ item.thumb_height }}"{% endif %}>
26+
<img src="{{ item.image | replace: '/webp-gallery/', '/webp-gallery/thumbs/' }}" alt="{{ item.alt }}" width="156" height="156" loading="lazy">
2227
</a>
2328
<br><i>{{ item.title | remove: "Gallery - " }}</i>
2429
</td>
2530

2631
{% if mod == 3 or forloop.last %}</tr>{% endif %}
2732
{% endfor %}
28-
</table>
33+
</table>
4.75 KB

webp-gallery/thumbs/ao_test.webp

154 Bytes
786 Bytes
3.01 KB
-968 Bytes
1010 Bytes
756 Bytes
6.47 KB

0 commit comments

Comments
 (0)