Skip to content

Commit 2aef822

Browse files
janhalenjanhalen
committed
Added news posts
1 parent 12453cf commit 2aef822

11 files changed

+117
-52
lines changed

‎_config.yml

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
# Site settings
2-
title: Spectral
2+
3+
title: OS²Product
34
email: [email protected]
45
description: The Jekyll version of the Spectral theme by HTML5 UP.
56
baseurl: ""
@@ -13,6 +14,13 @@ url: "http://localhost:4000"
1314
tiles-source: posts # accepts "posts" or "pages"
1415
tiles-count: 3
1516

17+
defaults:
18+
- scope:
19+
path: "content"
20+
type: "pages"
21+
values:
22+
permalink: /
23+
1624
# Misc settings
1725
featured-image-source:
1826

‎_includes/banner.html

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,22 @@
11
<!-- Banner -->
22

3-
<section id="banner" class="banner-section">
4-
<style>
5-
.banner-section {
6-
background-image: url('{% if page.banner_background contains "://" %}{{ page.banner_background }}{% else %}{{ site.baseurl }}/{{ page.banner_background | remove_first: "/" }}{% endif %}');
7-
background-size: cover;
8-
background-position: center;
9-
}
10-
</style>
11-
<div class="inner">
3+
{% if page.banner_background contains "://" %}
4+
{% assign banner_bg_final = page.banner_background %}
125
{% else %}
13-
{% assign banner_bg_final = site.baseurl | append: "/" | append: banner_bg_url | remove_first: "/" %}
6+
{% assign banner_bg_final = site.baseurl | append: "/" | append: page.banner_background | remove_first: "/" %}
147
{% endif %}
158

169
<section id="banner"
10+
class="banner-section"
1711
style="background-image: url('{{ banner_bg_final }}'); background-size: cover; background-position: center;">
12+
1813
<div class="inner">
1914
<h2>{{ page.banner_heading }}</h2>
2015
<p>{{ page.banner_text | markdownify }}</p>
2116
<ul class="actions">
2217
<li><a href="{{ page.banner_button_link }}" class="button special">{{ page.banner_button_text }}</a></li>
2318
</ul>
2419
</div>
20+
2521
<a href="#one" class="more scrolly">Learn More</a>
2622
</section>

‎_includes/section-one.html

Lines changed: 19 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
11
<!-- One -->
2-
<section id="one" class="wrapper style1 special">
3-
<div class="inner">
4-
<header class="major">
5-
<h2>Arcu aliquet vel lobortis ata nisl<br />
6-
eget augue amet aliquet nisl cep donec</h2>
7-
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br /> fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
8-
</header>
9-
<ul class="icons major">
10-
<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span>
11-
</li>
12-
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span>
13-
</li>
14-
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span>
15-
</li>
16-
</ul>
17-
</div>
2+
{% assign section = site.pages | where: "path", "content/section-one.md" | first %}
3+
{% assign bg_color = section.background_color | default: "#ffffff" %}
4+
5+
<section id="one" class="wrapper style1 special" style="background-color: {{ bg_color }};">
6+
  <div class="inner">
7+
    <header class="major">
8+
      <h2>{{ section.title | markdownify }}</h2>
9+
      <p>{{ section.description | markdownify }}</p>
10+
    </header>
11+
    <ul class="icons major">
12+
      {% for icon in section.icons %}
13+
        <li>
14+
          <span class="icon {{ icon.name }} major {{ icon.style | default: 'style1' }}">
15+
            <span class="label">{{ icon.label }}</span>
16+
          </span>
17+
        </li>
18+
      {% endfor %}
19+
    </ul>
20+
  </div>
1821
</section>

‎_includes/section-two.html

Lines changed: 38 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,42 @@
11
<section id="two" class="wrapper alt style2">
22

3-
{% for post in site.posts limit:site.tiles-count %}{% if site.tiles-source == 'posts' %}
4-
5-
<section class="spotlight">
6-
<div class="image">{% if post.image %}<img src="{% if site.featured-image-source %}{{ post.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ post.image }}{% endif %}" alt="" />{% endif %}</div>
7-
<div class="content">
8-
<h2><a href="{{ post.url | relative_url }}" class="link">{{ post.title }}</a></h2>
9-
<p>{{ post.description }}</p>
10-
</div>
11-
</section>
12-
13-
{% endif %}{% endfor %}
14-
{% for page in site.pages limit:site.tiles-count %}{% if site.tiles-source == 'pages' %}{% if page.layout == 'default' %}{% continue %}{% endif %}
15-
16-
<section class="spotlight">
17-
<div class="image">{% if page.image %}<img src="{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}" alt="" />{% endif %}</div>
18-
<div class="content">
19-
<h2><a href="{{ page.url | relative_url }}" class="link">{{ page.title }}</a></h2>
20-
<p>{{ page.description }}</p>
21-
</div>
22-
</section>
23-
24-
{% endif %}{% endfor %}
3+
{% if site.tiles-source == 'posts' %}
4+
{% for post in site.posts limit: site.tiles-count %}
5+
<section class="spotlight">
6+
<div class="image">
7+
{% if post.image %}
8+
{% if post.image contains "://" %}
9+
<img src="{{ post.image }}" alt="" />
10+
{% else %}
11+
<img src="{{ site.featured-image-source | append: post.image | absolute_url }}" alt="" />
12+
{% endif %}
13+
{% endif %}
14+
</div>
15+
<div class="content">
16+
<h2><a href="{{ post.url | relative_url }}" class="link">{{ post.title }}</a></h2>
17+
<p>{{ post.description }}</p>
18+
</div>
19+
</section>
20+
{% endfor %}
21+
22+
{% elsif site.tiles-source == 'pages' %}
23+
{% for page in site.pages limit: site.tiles-count %}
24+
{% if page.layout == 'default' %}{% continue %}{% endif %}
25+
<section class="spotlight">
26+
<div class="image">
27+
{% if page.image %}
28+
{% if page.image contains "://" %}
29+
<img src="{{ page.image }}" alt="" />
30+
img src="{{ site.featured-image-source | append: page.image | absolute_url }}" alt="" />
31+
{% endif %}
32+
{% endif %}
33+
</div>
34+
<div class="content">
35+
<h2><a href="{{ page.url | relative_url }}" class="link">{{ page.title }}</a></h2>
36+
<p>{{ page.description }}</p>
37+
</div>
38+
</section>
39+
{% endfor %}
40+
{% endif %}
2541

2642
</section>

‎_layouts/post.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,15 @@
1414

1515
<!-- Main -->
1616
<article id="main">
17-
<header{% if page.image %} style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"{% endif %}>
17+
<header
18+
{% 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;"
20+
{% endif %}
21+
>
1822
<h2>{{ page.title }}</h2>
1923
<p>{{ page.description }}</p>
2024
</header>
25+
2126
<section class="wrapper style5">
2227
<div class="inner">
2328

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Tortor dolore feugiat elementum magna
44
description: Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.
5-
image: pic02.jpg
5+
image: https://images.pexels.com/photos/546819/pexels-photo-546819.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/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: pic03.jpg
5+
image: https://images.pexels.com/photos/1181533/pexels-photo-1181533.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: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
layout: post
3+
title: "Community Meetup 2025 is over!"
4+
description: "We had a fantastic time at the OS² community meetup. Here's what happened!"
5+
image: "https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg"
6+
---
7+
8+
It was a wonderfull day!
9+

‎content/index.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
layout: default
3+
title: Home
4+
banner_heading: OS²Product
5+
banner_background: https://images.pexels.com/photos/414171/pexels-photo-414171.jpeg
6+
banner_text: >
7+
An Open Source project code-stewarded
8+
by the OS² community
9+
10+
banner_button_text: Read More
11+
banner_button_link: "#one"
12+
---

‎content/section-one.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
title: "An Open Source product that delivers the right business value"
3+
description: "Protect you data and be digitally souvereign with OS²Product"
4+
background_color: "teal"
5+
icons:
6+
- name: "fa-lock"
7+
label: "Lorem"
8+
style: "style1"
9+
- name: "fa-heart-o"
10+
label: "Ipsum"
11+
style: "style2"
12+
- name: "fa-code"
13+
label: "Dolor"
14+
style: "style3"
15+
---

0 commit comments

Comments
 (0)