Skip to content

Commit fd5039a

Browse files
perguthperguth
committed
Add layout
1 parent 2d58897 commit fd5039a

File tree

2 files changed

+176
-5
lines changed

2 files changed

+176
-5
lines changed

‎_config.yml

+10-5
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,21 @@
1+
# Site Info
12
title: Thingylabs Performance Initiative
23
description: Peak Performance through Health at Thingylabs GmbH
3-
theme: minima
4-
markdown: kramdown
5-
permalink: pretty
64
baseurl: "/thingylabs-performance-initiative"
75
url: "https://thingylabs.github.io"
86

9-
# Custom settings
7+
# Theme and Styling
8+
theme: minima
9+
layout: default
1010
font: "Crimson Pro"
1111
colors:
1212
primary: "#2563eb"
1313
secondary: "#1f2937"
1414
background: "#ffffff"
15-
layout: minimal
1615
logo: "https://www.thingylabs.io/logo-with-text.png"
16+
17+
# Jekyll Configuration
18+
include:
19+
- docs
20+
- surveys
21+
permalink: /:path/

‎_layouts/default.html

+166
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>{{ page.title }} | {{ site.title }}</title>
7+
<meta name="description" content="{{ site.description }}">
8+
9+
<style>
10+
:root {
11+
/* Light Mode Colors */
12+
--serif: 'Crimson Pro', Georgia, serif;
13+
--accent: #2563eb;
14+
--text: #1f2937;
15+
--text-light: #666666;
16+
--background: #ffffff;
17+
--background-alt: #f8f9fa;
18+
--border: #eee;
19+
}
20+
21+
@media (prefers-color-scheme: dark) {
22+
:root[data-theme="auto"] {
23+
--accent: #60a5fa;
24+
--text: #e5e7eb;
25+
--text-light: #9ca3af;
26+
--background: #111827;
27+
--background-alt: #1f2937;
28+
--border: #374151;
29+
}
30+
}
31+
32+
:root[data-theme="dark"] {
33+
--accent: #60a5fa;
34+
--text: #e5e7eb;
35+
--text-light: #9ca3af;
36+
--background: #111827;
37+
--background-alt: #1f2937;
38+
--border: #374151;
39+
}
40+
41+
* {
42+
margin: 0;
43+
padding: 0;
44+
box-sizing: border-box;
45+
}
46+
47+
html {
48+
font-size: clamp(16px, 1.5vw, 18px);
49+
scroll-behavior: smooth;
50+
}
51+
52+
body {
53+
font-family: var(--serif);
54+
line-height: 1.6;
55+
color: var(--text);
56+
background: var(--background);
57+
transition: color 0.3s ease, background-color 0.3s ease;
58+
}
59+
60+
/* Header */
61+
header {
62+
padding: 1.5rem 4rem;
63+
background: var(--background);
64+
border-bottom: 1px solid var(--border);
65+
text-align: center;
66+
}
67+
68+
.logo {
69+
font-size: 1.125rem;
70+
letter-spacing: 0.1em;
71+
text-transform: uppercase;
72+
}
73+
74+
.logo a {
75+
color: var(--accent);
76+
text-decoration: none;
77+
}
78+
79+
/* Main Content */
80+
main {
81+
padding: 4rem;
82+
max-width: 1200px;
83+
margin: 0 auto;
84+
}
85+
86+
h1 {
87+
font-size: clamp(2rem, 4vw, 3rem);
88+
font-weight: 300;
89+
color: var(--accent);
90+
margin-bottom: 2rem;
91+
}
92+
93+
h2 {
94+
font-size: clamp(1.5rem, 3vw, 2.5rem);
95+
font-weight: 300;
96+
color: var(--accent);
97+
margin-bottom: 1.5rem;
98+
}
99+
100+
h3 {
101+
font-size: 1.25rem;
102+
font-weight: 400;
103+
margin-bottom: 1rem;
104+
}
105+
106+
p, li {
107+
margin-bottom: 1rem;
108+
}
109+
110+
a {
111+
color: var(--accent);
112+
text-decoration: none;
113+
transition: color 0.3s ease;
114+
}
115+
116+
a:hover {
117+
color: var(--text-light);
118+
}
119+
120+
ul {
121+
list-style: disc;
122+
margin-left: 2rem;
123+
}
124+
125+
table {
126+
width: 100%;
127+
border-collapse: collapse;
128+
margin-bottom: 2rem;
129+
}
130+
131+
th, td {
132+
padding: 0.75rem;
133+
border: 1px solid var(--border);
134+
text-align: left;
135+
}
136+
137+
th {
138+
background: var(--background-alt);
139+
font-weight: 400;
140+
}
141+
142+
/* Footer */
143+
footer {
144+
padding: 2rem 4rem;
145+
background: var(--background-alt);
146+
border-top: 1px solid var(--border);
147+
text-align: center;
148+
color: var(--text-light);
149+
}
150+
</style>
151+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;600&display=swap" media="print" onload="this.media='all'">
152+
</head>
153+
<body>
154+
<header>
155+
<div class="logo">
156+
<a href="{{ site.baseurl }}/">Thingylabs</a>
157+
</div>
158+
</header>
159+
<main>
160+
{{ content }}
161+
</main>
162+
<footer>
163+
<p>© 2025 Thingylabs GmbH. All rights reserved.</p>
164+
</footer>
165+
</body>
166+
</html>

0 commit comments

Comments
 (0)