Skip to content

Commit 06fe026

Browse files
janhalenjanhalen
committed
Added brightness control to images
1 parent 2aef822 commit 06fe026

File tree

5 files changed

+34
-27
lines changed

5 files changed

+34
-27
lines changed

‎_layouts/post.html

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<!DOCTYPE HTML>
22
<!--
3-
Spectral by HTML5 UP
4-
html5up.net | @ajlkn
5-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
3+
Spectral by HTML5 UP
4+
html5up.net | @ajlkn
5+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
66
-->
77
<html>
88

@@ -14,26 +14,34 @@
1414

1515
<!-- Main -->
1616
<article id="main">
17-
<header
17+
<header style="position: relative; overflow: hidden;">
1818
{% if page.image %}
19-
style="background-image: url('{% if page.image contains '://' %}{{ page.image }}{% elsif site.featured-image-source %}{{ site.featured-image-source | append: page.image | absolute_url }}{% else %}{{ '/assets/images/' | append: page.image | absolute_url }}{% endif %}'); background-size: cover; background-position: center;"
19+
<div style="
20+
position: absolute;
21+
top: 0; left: 0;
22+
width: 100%; height: 100%;
23+
background-image: url('{% if page.image contains '://' %}{{ page.image }}{% elsif site.featured-image-source %}{{ site.featured-image-source | append: page.image | absolute_url }}{% else %}{{ '/assets/images/' | append: page.image | absolute_url }}{% endif %}');
24+
background-size: cover;
25+
background-position: center;
26+
filter: brightness({{ page.image_brightness | default: 0.5 }});
27+
z-index: 0;
28+
"></div>
2029
{% endif %}
21-
>
22-
<h2>{{ page.title }}</h2>
23-
<p>{{ page.description }}</p>
30+
31+
<div style="position: relative; z-index: 1; padding: 2rem; color: {{ page.text_color | default: 'white' }};">
32+
<h2>{{ page.title }}</h2>
33+
<p>{{ page.description }}</p>
34+
</div>
2435
</header>
2536

2637
<section class="wrapper style5">
2738
<div class="inner">
28-
2939
{{ content }}
30-
3140
</div>
3241
</section>
3342
</article>
3443

3544
{% include footer.html %}
3645

3746
</body>
38-
3947
</html>

‎_posts/2016-11-25-tortor-dolore-feugiat-elementum-magna.md

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,17 @@
11
---
22
layout: post
3-
title: Tortor dolore feugiat elementum magna
4-
description: Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.
5-
image: https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg
3+
title: GreenCode - The Open Source Project Cultivating Calm in Coding
4+
description: A new developer community blends sustainability, mindfulness, and open collaboration—one line of code at a time.
5+
image: https://images.pexels.com/photos/1181533/pexels-photo-1181533.jpeg
6+
image_brightness: 0.3
67
---
78

8-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
9+
In a world where tech often races ahead at breakneck speed, GreenCode is taking a different path—one rooted in balance, community, and conscious creation. Launched by a small group of developers passionate about both clean code and clean living, the open source initiative is quickly gaining traction among programmers seeking a more mindful approach to software development.
10+
11+
Set against a backdrop of leafy workspaces and natural light, GreenCode encourages contributors to slow down, write thoughtful code, and prioritize well-being alongside productivity. The project’s core tools include a lightweight framework for sustainable app development, a collaborative knowledge base on eco-friendly coding practices, and a growing library of reusable components designed with energy efficiency in mind.
12+
13+
But GreenCode is more than just a codebase—it’s a movement. Weekly “green sprints” invite developers to contribute in a relaxed, supportive environment, often accompanied by virtual coffee chats or guided meditations. The community also hosts workshops on topics like digital minimalism, ethical tech, and burnout prevention.
14+
15+
“GreenCode is about creating software that’s not only good for users, but good for the people who build it,” says co-founder Lina Sørensen. “We believe that when developers thrive, the code does too.”
16+
17+
With its unique blend of purpose and practicality, GreenCode is proving that open source can be both powerful and peaceful.

‎_posts/2016-11-26-magna-primis-lobortis-sed-ullamcorper.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Magna primis lobortis sed ullamcorper
44
description: Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.
5-
image: https://images.pexels.com/photos/1181533/pexels-photo-1181533.jpeg
5+
image: https://images.pexels.com/photos/32902335/pexels-photo-32902335.jpeg
66
---
77

88
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

‎_posts/2025-06-28-community-update.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ layout: post
33
title: "Community Meetup 2025 is over!"
44
description: "We had a fantastic time at the OS² community meetup. Here's what happened!"
55
image: "https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg"
6+
image_brightness: 0.3
67
---
78

89
It was a wonderfull day!

‎news.md

Lines changed: 0 additions & 11 deletions
This file was deleted.

0 commit comments

Comments
 (0)