Skip to content

Commit d0dc50b

Browse files
basicavisualbasicavisual
committed
WIP: Landing page
1 parent 29596da commit d0dc50b

18 files changed

Lines changed: 218 additions & 62 deletions

‎_config.yml‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ description: >- # this means to ignore newlines until "baseurl:"
2424
Write an awesome description for your new site here. You can edit this
2525
line in _config.yml. It will appear in your document head meta (for
2626
Google search results) and in your feed.xml site description.
27-
baseurl: "/" # the subpath of your site, e.g. /blog
27+
#baseurl: "/" # the subpath of your site, e.g. /blog
2828
url: "" # the base hostname & protocol for your site, e.g. http://example.com
2929
twitter_username: jekyllrb
3030
github_username: jekyll
@@ -43,16 +43,19 @@ collections:
4343
permalink: /strategies/:slug/
4444
codebase:
4545
output: true
46-
permalink: /codebase/:slug/
46+
permalink: /guides/tech/codebase/:slug/
4747
technology:
4848
output: true
49-
permalink: /technology/:slug/
49+
permalink: /guides/tech/technology/:slug/
5050
community:
5151
output: true
52-
permalink: /community/:slug/
52+
permalink: /guides/tech/community/:slug/
5353
governance:
5454
output: true
55-
permalink: /governance/:slug/
55+
permalink: /guides/tech/governance/:slug/
56+
technical_guide:
57+
output: true
58+
permalink: /guides/tech/:slug/
5659

5760
# Exclude from processing.
5861
# The following items will not be processed, by default.

‎_data/how-to-decide.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ You can check proven open source solutions for the public good by accessing the
1414

1515
### The hidden costs of building versus adopting
1616

17-
You may want to have total control over the product you are building and don't want to deal with the learning curvfe of adopting a software that may well be complicated. Here's some reasons you should consider:
17+
You may want to have total control over the product you are building and don't want to deal with the learning curve of adopting a software that may well be complicated. Here's some reasons you should consider:
1818

1919
1. Building from scratch is prone to missing important features. We take a lot of functionality for granted, which only comes from extensively using, testing and continously mantaining the same piece of software over the years. A lot of that functionality may be either invisible to end users or leave vulnerabilities open for hackers to discover. For example: An extensive log of all events that happen on the software is not visible to end users, but is crucial to diagnose errors in an application which is bound to happen. Imagine a piece of software serving an entire country and a part of it start to fails. You put your team to diagnose the issue but since event logging is not an end-user facing feature, it was never prioritised nor built. Now developers are left on the dark when trying to solve the issue. Using a piece of software that has a global community using it, means there is thousands of teams and organizations using and testing it. Issues are detected and patched faster and new features get built.
2020

‎_includes/home/about.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<div class="text-bg-dark">
2+
<div class="container p-5">
3+
<h1 class=" bolder">About this project</h1>
4+
<div class="row">
5+
<div class="col-12 col-lg-8">
6+
7+
<p class="fs-4">This project was built with the support of the <a href="http://decidim.org/" target="_blank" rel="noopener noreferrer" class="link-light">Decidim Free Software Association</a> and <a href="https://www.peoplepowered.org/" target="_blank" rel="noopener noreferrer" class="link-light">People Powered's</a> <a href="https://www.peoplepowered.org/digital-democracy-accelerator" target="_blank" rel="noopener noreferrer" class="link-light">Digital Democracy Accelerator Programme</a>.
8+
<a href="/about" target="_self" rel="noopener noreferrer" class="bolder link-light">Learn more</a></p>
9+
10+
</div>
11+
<div class="col-6 col-lg-2">
12+
<img src="/assets/images/decidim-logo-claim.svg" alt="Decidim Logo" class="about-logo w-100">
13+
</div>
14+
<div class="col-6 col-lg-2">
15+
<img src="/assets/images/peoplepowered.png" alt="People Powered Logo" class="about-logo w-100">
16+
17+
</div>
18+
</div>
19+
</div>
20+
</div>

‎_includes/home/content.html‎

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

‎_includes/home/guides.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<div class="container px-4 py-5" id="featured-3">
2+
<h1 class="border-bottom bolder">Check the thematic<span class="baskervile"> guides</span></h1>
3+
<div class="row g-4 row-cols-2 g-lg-4 py-5">
4+
<div class="col">
5+
<div class="card h-100">
6+
<div class="card-body">
7+
<h5 class="card-title">Mount your Policy Guide</h5>
8+
<p class="card-text">This guide is a birds-eye view of mounting a strategy.</p>
9+
<a href="codebase" class="btn btn-primary">Read more</a>
10+
</div>
11+
</div>
12+
</div>
13+
<div class="col">
14+
<div class="card h-100">
15+
<div class="card-body">
16+
<h5 class="card-title">Technical Guide to Publishers</h5>
17+
<p class="card-text">Show this to your technical team</p>
18+
<a href="technical-guide.html" class="btn btn-primary">Read more</a>
19+
</div>
20+
</div>
21+
</div>
22+
</div>
23+
</div>

‎_includes/home/hero.html‎

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,8 @@
1-
<div class="container col-xxl-8 px-4 py-5">
1+
<div class="container px-4 py-5">
22
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
3-
<div class="col-10 col-sm-8 col-lg-6">
4-
<img src="/assets/images/hero.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
5-
</div>
6-
<div class="col-lg-6">
7-
<h1 class="display-5 fw-bold lh-1 mb-3">{{site.data.landing.hero.title}}</h1>
8-
<p class="lead">{{site.data.landing.hero.subtitle}}</p>
9-
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
10-
<a href="{{site.data.landing.hero.primary_button.link | relative_url }}" target="_self" rel="noopener noreferrer">
11-
<button type="button" class="btn btn-primary btn-lg px-4 me-md-2">{{site.data.landing.hero.primary_button.title}}</button>
12-
</a>
13-
<a href="{{site.data.landing.hero.secondary_button.link}}" target="_blank" rel="noopener noreferrer">
14-
<button type="button" class="btn btn-outline-secondary btn-lg px-4">{{site.data.landing.hero.secondary_button.title}}</button>
15-
</a>
16-
</div>
3+
<div class="col-lg-12">
4+
<img src="{{ site.baseurl }}/assets/images/Logo.png" class="d-block img-fluid" alt="Bootstrap Themes" loading="lazy">
5+
<h2 class="my-3">{{site.data.landing.hero.subtitle}}</h2>
176
</div>
187
</div>
198
</div>

‎_includes/home/main.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<div class="container">
2+
<h1 class="border-bottom bolder">Start<span class="baskervile"> here</span></h1>
3+
<div class="row g-4 row-cols-3 g-lg-4 py-5">
4+
<div class="col">
5+
<div class="card h-100">
6+
<div class="card-body">
7+
<h5 class="card-title">Build it or Adapt it?</h5>
8+
<p class="card-text">Why Open Source in the first place? A guide to tech teams that keep everything in-house<p>
9+
<a href="codebase" class="btn btn-primary">Read the guide</a>
10+
</div>
11+
</div>
12+
</div>
13+
<div class="col">
14+
<div class="card h-100">
15+
<div class="card-body">
16+
<h5 class="card-title">We want to build. But how to share it?</h5>
17+
<p class="card-text">So you want to share your code with the world but are scared of the risks? A guide to publish and sharing Open source <p>
18+
<a href="codebase" class="btn btn-primary">Read the guide</a>
19+
</div>
20+
</div>
21+
</div>
22+
<div class="col">
23+
<div class="card h-100">
24+
<div class="card-body">
25+
<h5 class="card-title">We want to re-use OpenSource. How to start?</h5>
26+
<p class="card-text">A guide to building virtuous relations to the OpenSource you reuse<p>
27+
<a href="codebase" class="btn btn-primary">Read the guide</a>
28+
</div>
29+
</div>
30+
</div>
31+
</div>
32+
</div>

‎_includes/home/resources.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<section id="resources" class="container">
2-
<h1 class="border-bottom mb-4">Browse our resources</h1>
1+
<section id="resources" class="container px-4 py-5">
2+
<h1 class="border-bottom mb-4 bolder">Browse our <span class="baskervile">resources</span></h1>
33
<div class="row g-4 row-cols-3 g-lg-4 py-5">
44
{% for resource in site.data.landing.resources.list %}
55
<div class="col">

‎_layouts/home.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: default
33
---
44
{% include home/hero.html %}
5-
{% include home/content.html %}
6-
{% include home/policies.html %}
5+
{% include home/main.html %}
6+
{% include home/guides.html %}
77
{% include home/resources.html %}
8-
{% include home/faqs.html %}
8+
{% include home/about.html %}

‎_sass/_main.scss‎

Lines changed: 43 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,49 @@
11

2-
2+
$red: #FF3333;
33
.card-cover {
44
background-repeat: no-repeat;
55
background-position: center center;
66
background-size: cover;
77
}
8+
@font-face {
9+
font-family: 'Inter';
10+
font-style: italic;
11+
font-weight: 400;
12+
src: url("../fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format('truetype'),
13+
}
14+
15+
@font-face {
16+
font-family: 'Inter';
17+
src: url("../fonts/Inter-VariableFont_opsz,wght.ttf") format('truetype'),
18+
}
19+
20+
* {
21+
font-family: 'Inter';
22+
font-weight: 200;
23+
}
24+
.bolder {
25+
font-weight: 760;
26+
}
27+
28+
.baskervile {
29+
font-family: 'Baskerville', serif;
30+
font-style: italic;
31+
color: $red;
32+
}
33+
34+
@font-face {
35+
font-family: 'Baskerville';
36+
font-style: italic;
37+
font-weight: 400;
38+
src: url('../fonts/Baskervville-Italic.ttf') format('ttf'),
39+
}
40+
.about-logo {
41+
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(243deg) brightness(100%) contrast(105%);
42+
}
43+
44+
.pp-to-black {
45+
filter: invert(80%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(97%) contrast(103%);
46+
}
47+
.decidim-to-black {
48+
filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(50%) contrast(100%);
49+
}

0 commit comments

Comments
 (0)