Skip to content

Commit 3ed7638

Browse files
ferbsxferbsx
committed
Redesign homepage/theme and remove outdated content
1 parent bdeadfe commit 3ed7638

5 files changed

Lines changed: 215 additions & 28 deletions

File tree

‎_includes/footer.html‎

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,6 @@
77
<div class="footer-col one-half">
88
<h2 class="footer-heading">{{ site.title | escape }}</h2>
99
<ul class="contact-list">
10-
{%- if site.email -%}
11-
<li>
12-
<a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a>
13-
</li>
14-
{%- endif -%}
1510
<li>
1611
<a href="{{ '/de/impressum' | relative_url }}">Impressum</a>
1712
</li>
@@ -23,9 +18,6 @@ <h2 class="footer-heading">{{ site.title | escape }}</h2>
2318
<div class="footer-col social-links">
2419
{%- include social.html -%}
2520
</div>
26-
<div class="footer-col signup-button">
27-
<a class="signup-button" href="{{ site.signup }}">sign up for newsletter</a>
28-
</div>
2921
</div>
3022
</div>
3123
</footer>

‎_layouts/multiple_posts.html‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,28 @@
44

55
<div class="home">
66
{{ content }}
7-
<h1>{{ page.title }}</h1>
8-
<ul class="post-list">
7+
{% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
98
{% assign page_categories = page.categories | split: " " %}
109
{% assign filtered_posts = site.posts | where_exp:"post", "post.categories == page_categories" %}
10+
<ul class="post-list">
1111
<!-- If no limit is specified it will show all -->
1212
{% for post in filtered_posts limit: page.limit %}
1313
<li>
1414
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
1515
<span class="post-meta">{{ post.date | date: date_format }}</span>
1616
<h3>
17-
<a class="post-link" href="{{ post.url | relative_url }}">
18-
{{ post.title | escape }}
19-
</a>
20-
<p>{{ post.content | strip_html | truncatewords:20 }}</p>
17+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
2118
</h3>
19+
<p>{{ post.content | strip_html | truncatewords:20 }}</p>
2220
</li>
2321
{% endfor %}
2422
</ul>
23+
{%- comment -%} On a limited list (e.g. the homepage) link to the full archive {%- endcomment -%}
24+
{% if page.limit and filtered_posts.size > page.limit %}
25+
{% assign list_lang = page_categories | first %}
26+
{% assign list_kind = page_categories | last %}
27+
<a class="see-all-link" href="{{ '/' | append: list_lang | append: '/' | append: list_kind | relative_url }}">
28+
{% if list_lang == 'de' %}Alle Workshops ansehen →{% else %}See all past workshops →{% endif %}
29+
</a>
30+
{% endif %}
2531
</div>

‎assets/main.scss‎

Lines changed: 197 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,197 @@
1+
---
2+
# Custom theme for code curious.
3+
# The front-matter dashes are required so Jekyll processes this file through Sass
4+
# and outputs /assets/main.css (this file overrides the one shipped by minima).
5+
---
6+
7+
// ===========================================================================
8+
// Brand variables — set BEFORE importing minima so they override its
9+
// `!default` values (palette: warm & friendly / coral).
10+
// ===========================================================================
11+
$brand-color: #e8552a; // coral accent
12+
$text-color: #1f2421; // warm near-black
13+
$background-color: #fffdf9; // warm off-white
14+
$grey-color: #6b6b66;
15+
16+
$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
17+
$base-font-size: 18px;
18+
$base-line-height: 1.7;
19+
$spacing-unit: 32px;
20+
$content-width: 860px;
21+
22+
@import "minima";
23+
24+
// ===========================================================================
25+
// Custom styles layered on top of minima
26+
// ===========================================================================
27+
28+
$accent-dark: #c8431d;
29+
30+
body {
31+
-webkit-font-smoothing: antialiased;
32+
text-rendering: optimizeLegibility;
33+
}
34+
35+
// --- Headings --------------------------------------------------------------
36+
h1, h2, h3, h4, h5, h6 {
37+
font-weight: 700;
38+
line-height: 1.25;
39+
color: $text-color;
40+
margin-top: $spacing-unit * 1.1;
41+
margin-bottom: $spacing-unit * 0.45;
42+
}
43+
h1 { font-size: 2.4rem; letter-spacing: -0.02em; }
44+
h2 { font-size: 1.7rem; }
45+
h3 { font-size: 1.3rem; }
46+
47+
// Subtle accent rule under section headings
48+
.post-content h2,
49+
.home h2 {
50+
padding-bottom: 6px;
51+
border-bottom: 2px solid rgba($brand-color, 0.18);
52+
}
53+
54+
// --- Links -----------------------------------------------------------------
55+
a {
56+
color: $brand-color;
57+
text-decoration: none;
58+
transition: color 0.15s ease;
59+
&:hover { color: $accent-dark; text-decoration: underline; }
60+
}
61+
62+
// --- Site header -----------------------------------------------------------
63+
.site-header {
64+
border-top: none;
65+
border-bottom: 1px solid rgba($text-color, 0.08);
66+
background: #ffffff;
67+
box-shadow: 0 1px 0 rgba($text-color, 0.03);
68+
}
69+
.site-title,
70+
.site-title:visited {
71+
font-weight: 800;
72+
letter-spacing: -0.02em;
73+
color: $text-color !important;
74+
}
75+
.site-title:hover { color: $brand-color !important; text-decoration: none; }
76+
.site-nav .page-link {
77+
color: $text-color;
78+
font-weight: 500;
79+
&:hover { color: $brand-color; text-decoration: none; }
80+
}
81+
82+
// --- Homepage hero ---------------------------------------------------------
83+
.home > h1:first-of-type {
84+
font-size: 2.7rem;
85+
margin-top: $spacing-unit;
86+
}
87+
88+
// --- Responsive video embed (16:9) -----------------------------------------
89+
.embed-container {
90+
position: relative;
91+
padding-bottom: 56.25%;
92+
height: 0;
93+
overflow: hidden;
94+
max-width: 100%;
95+
border-radius: 14px;
96+
box-shadow: 0 10px 30px rgba($text-color, 0.12);
97+
margin: $spacing-unit 0;
98+
99+
iframe {
100+
position: absolute;
101+
top: 0;
102+
left: 0;
103+
width: 100%;
104+
height: 100%;
105+
border: 0;
106+
}
107+
}
108+
109+
// --- Images in content -----------------------------------------------------
110+
.post-content img,
111+
.home img { border-radius: 12px; }
112+
113+
// --- Post list rendered as cards (homepage, blog & events) -----------------
114+
.post-list {
115+
margin-left: 0;
116+
list-style: none;
117+
display: grid;
118+
gap: $spacing-unit * 0.7;
119+
120+
> li {
121+
background: #ffffff;
122+
border: 1px solid rgba($text-color, 0.08);
123+
border-radius: 14px;
124+
padding: $spacing-unit * 0.8 $spacing-unit;
125+
margin-bottom: 0;
126+
box-shadow: 0 1px 2px rgba($text-color, 0.04);
127+
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
128+
129+
&:hover {
130+
transform: translateY(-2px);
131+
box-shadow: 0 8px 24px rgba($text-color, 0.10);
132+
border-color: rgba($brand-color, 0.35);
133+
}
134+
}
135+
136+
.post-meta {
137+
color: $brand-color;
138+
font-size: 0.8rem;
139+
font-weight: 600;
140+
text-transform: uppercase;
141+
letter-spacing: 0.04em;
142+
}
143+
144+
h3 {
145+
margin: 4px 0 0;
146+
147+
a.post-link { color: $text-color; }
148+
a.post-link:hover { color: $brand-color; text-decoration: none; }
149+
}
150+
151+
p {
152+
font-weight: 400;
153+
font-size: 1rem;
154+
color: $grey-color-dark;
155+
margin: 8px 0 0;
156+
}
157+
}
158+
159+
// --- "See all" pill button -------------------------------------------------
160+
.see-all-link {
161+
display: inline-block;
162+
margin-top: $spacing-unit * 0.6;
163+
padding: 11px 24px;
164+
background: $brand-color;
165+
color: #ffffff !important;
166+
font-weight: 600;
167+
border-radius: 999px;
168+
transition: background 0.15s ease, transform 0.15s ease;
169+
170+
&:hover {
171+
background: $accent-dark;
172+
text-decoration: none;
173+
transform: translateY(-1px);
174+
}
175+
}
176+
177+
// --- Blockquotes -----------------------------------------------------------
178+
blockquote {
179+
border-left: 4px solid $brand-color;
180+
color: $grey-color-dark;
181+
font-style: italic;
182+
background: rgba($brand-color, 0.04);
183+
padding: 10px 18px;
184+
border-radius: 0 10px 10px 0;
185+
}
186+
187+
// --- Footer ----------------------------------------------------------------
188+
.site-footer {
189+
border-top: 3px solid $brand-color;
190+
background: #ffffff;
191+
}
192+
.footer-heading { font-weight: 700; }
193+
.site-footer a { color: $brand-color; }
194+
.social-media-list .svg-icon { fill: $grey-color; }
195+
196+
// --- Breathing room around main content ------------------------------------
197+
.page-content { padding: ($spacing-unit * 1.2) 0; }

‎de/index.md‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,13 @@ i18n_key: index
55
limit: 2
66
---
77

8-
# Aufgrund der aktuellen Gesundheits-Risiken sind alle geplanten Veranstaltung abgesagt!
9-
Wir sind auch traurig, dass wir derzeit keine Workshops veranstalten können, doch wir bitten um euer Verständnis für die aktuellen Risiken einer Verbreitung des COVID-19.
10-
11-
## Was kann ich tun?
12-
Zunächst einmal ist es wichtig, sich auf dem Laufenden zu halten, was die Erkenntnisse über das Virus angeht. Und **Hände waschen** nicht vergessen 🖐🏽!
13-
Außerdem gibt es etlich Angebote, sich **online** mit dem Programmieren zu beschäftigen. Für Anregungen könnt ihr zum Beispiel [hier]({{ '/de/links' | relative_url }}) nachschauen.
8+
# Aktuell sind keine neuen Workshops geplant
9+
Im Moment sind keine neuen Workshops geplant. In der Zwischenzeit gibt es aber viele Möglichkeiten, online mit dem **Programmieren** weiterzumachen — Anregungen findet ihr zum Beispiel in unseren [Links]({{ '/de/links' | relative_url }}).
1410

1511
## Worum geht's?
1612
Früher bekannt als *Rails Girls Berlin*, organisieren wir **kostenlose Programmier-Workshops für Frauen, non-binary und transmenschen** ohne Vorkenntnisse.
1713
Diese Workshops werden von qualifizierten Programmierern geleitet, die sich für Einsteiger einsetzen und den Frauenanteil* in der IT erhöhen wollen. Mit unseren Workshops versuchen wir, eine gemütliche und ungestörte Atmosphäre zu schaffen, in der **Fragen willkommen sind** und in der es weder Druck noch Konkurrenz gibt. Um dies zu erreichen, halten wir die Gruppengrößen klein und haben **einen engagierten Coach pro zwei bis drei Lernende**.
1814

1915
Lesen Sie mehr über uns, [hier]({{ '/de/about' | relative_url }}).
2016

21-
## Unser nächster Workshop:
17+
## Vergangene Workshops

‎index.markdown‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,12 @@ youtubeId: 7WlxL0FA5GE
99

1010
{% include youtube_player.html id=page.youtubeId %}
1111

12-
# Because of current health risks all workshops are canceled!
13-
We are also sad that we cannot give any workshops at the moment and we ask you to understand the current risks of spreading COVID-19.
14-
15-
## What can I do?
16-
First of all keep yourself up to date concerning all news around the virus. And don't forget to **wear your mask and keep your distance**!
17-
Also there are plenty of possibilities to learn coding **online**. For inspiration you can check out our links [here]({{ '/en/links' | relative_url }}).
12+
# No new workshops are planned at the moment
13+
We don't have any new workshops scheduled right now. In the meantime, there are plenty of ways to keep learning to code **online** — for inspiration, take a look at our [links]({{ '/en/links' | relative_url }}).
1814

1915
## What we do?
2016
Formerly known as *Rails Girls Berlin*, we organize **free coding workshops for women, non-binary and trans people** without prior experience in coding. These workshops are led by skilled programmers who are eager to help newbies and to increase the number of women* in IT. During our workshops, we try to create a cozy space where **questions are welcome** and where there is no pressure nor competition. To accomplish that, we keep the group sizes small and have **one dedicated coach per two or three learners**.
2117

2218
Read more about us, [here](en/about).
2319

24-
## Upcoming workshops:
20+
## Past Workshops

0 commit comments

Comments
 (0)