Skip to content

Commit 9059ec5

Browse files
marcpruxmarcprux
committed
Add language picker and centralize styles
1 parent ea56f62 commit 9059ec5

File tree

4 files changed

+66
-147
lines changed

4 files changed

+66
-147
lines changed

‎_layouts/default.html‎

Lines changed: 63 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,73 @@
77
{% seo %}
88
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
99
{% include head-custom.html %}
10+
11+
<style>
12+
h1 {
13+
font-size: 46px;
14+
font-weight: 600;
15+
color: #2c3e50;
16+
margin: 0;
17+
display: flex;
18+
align-items: center;
19+
gap: 20px;
20+
text-align: center;
21+
margin-left: auto;
22+
margin-right: auto;
23+
}
24+
25+
h1::before, h1::after {
26+
content: '';
27+
flex: 1;
28+
height: 2px;
29+
background: linear-gradient(90deg, transparent, #3498db, transparent);
30+
max-width: 100px;
31+
margin-left: auto;
32+
margin-right: auto;
33+
}
34+
35+
html, body: {
36+
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
37+
}
38+
39+
.outerlync {
40+
cursor: not-allowed;
41+
display: inline-block;
42+
background: transparent;
43+
}
44+
45+
.innerlync {
46+
transform-style: preserve-3d;
47+
transition: ease-out 0.6s;
48+
}
49+
50+
.outerlync:hover .innerlync {
51+
transition: ease-in-out 2.5s;
52+
transform: rotate(1800deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
53+
}
54+
55+
.lang-menu {
56+
text-align: center;
57+
font-size: smaller;
58+
padding-bottom: 0.5em;
59+
margin-bottom: 0.5em;
60+
border-bottom: 1px solid lightgray;
61+
}
62+
63+
footer {
64+
padding: 0px;
65+
margin: 0px;
66+
font-size: 14px;
67+
line-height: 1.6;
68+
width: 100%;
69+
border-top: 1px solid #dee2e6;
70+
}
71+
</style>
1072
</head>
1173
<body>
1274
<div class="container-lg px-3 my-5 markdown-body">
1375
<h1>{{ page.title }}</h1>
14-
<div style="text-align: center; font-size: smaller; padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid lightgray;">
15-
<a href="/">English</a>
16-
|
17-
<a href="/fr/">French</a>
18-
|
19-
<a href="/tr/">Turkish</a>
20-
</div>
76+
<div class="lang-menu"><a href="/">English</a> | <a href="/fr/">Français</a> | <a href="/tr/">Türkçe</a></div>
2177
{{ content }}
2278
</div>
2379
</body>

‎index-fr.md‎

Lines changed: 1 addition & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@ Ces projets s'efforcent de créer une concurrence indispensable sur le marché d
271271

272272
- [Opposition recommendations](https://docs.google.com/document/d/1axlQkdc-wseda9PL2ZP0fgy3I4DqAVVlK5kJw4ksIwU)
273273

274-
<footer style="padding: 0px; margin: 0px; font-size: 14px; line-height: 1.6; width: 100%; border-top: 1px solid #dee2e6;">
274+
<footer>
275275
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; padding-top: 2em; margin: 0 auto;">
276276
<div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
277277
<h4 style="margin-top: 0; margin-bottom: 10px; font-size: 16px; ">
@@ -302,48 +302,3 @@ Ces projets s'efforcent de créer une concurrence indispensable sur le marché d
302302
</div>
303303
</div>
304304
</footer>
305-
306-
<style>
307-
h1 {
308-
font-size: 46px;
309-
font-weight: 600;
310-
color: #2c3e50;
311-
margin: 0;
312-
display: flex;
313-
align-items: center;
314-
gap: 20px;
315-
text-align: center;
316-
margin-left: auto;
317-
margin-right: auto;
318-
}
319-
320-
h1::before, h1::after {
321-
content: '';
322-
flex: 1;
323-
height: 2px;
324-
background: linear-gradient(90deg, transparent, #3498db, transparent);
325-
max-width: 100px;
326-
margin-left: auto;
327-
margin-right: auto;
328-
}
329-
330-
html, body: {
331-
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
332-
}
333-
334-
.outerlync {
335-
cursor: not-allowed;
336-
display: inline-block;
337-
background: transparent;
338-
}
339-
340-
.innerlync {
341-
transform-style: preserve-3d;
342-
transition: ease-out 0.6s;
343-
}
344-
345-
.outerlync:hover .innerlync {
346-
transition: ease-in-out 2.5s;
347-
transform: rotate(1800deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
348-
}
349-
</style>

‎index-tr.md‎

Lines changed: 1 addition & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -243,7 +243,7 @@ Bu projeler, mobil donanım alanında çok ihtiyaç duyulan rekabeti sağlamak i
243243
### Çeşitli
244244
- [Opposition recommendations](https://docs.google.com/document/d/1axlQkdc-wseda9PL2ZP0fgy3I4DqAVVlK5kJw4ksIwU)
245245

246-
<footer style="padding: 0px; margin: 0px; font-size: 14px; line-height: 1.6; width: 100%; border-top: 1px solid #dee2e6;">
246+
<footer>
247247
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; padding-top: 2em; margin: 0 auto;">
248248
<div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
249249
<h4 style="margin-top: 0; margin-bottom: 10px; font-size: 16px;">
@@ -274,49 +274,3 @@ Bu projeler, mobil donanım alanında çok ihtiyaç duyulan rekabeti sağlamak i
274274
</div>
275275
</div>
276276
</footer>
277-
278-
<style>
279-
h1 {
280-
font-size: 46px;
281-
font-weight: 600;
282-
color: #2c3e50;
283-
margin: 0;
284-
display: flex;
285-
align-items: center;
286-
gap: 20px;
287-
text-align: center;
288-
margin-left: auto;
289-
margin-right: auto;
290-
}
291-
292-
h1::before, h1::after {
293-
content: '';
294-
flex: 1;
295-
height: 2px;
296-
background: linear-gradient(90deg, transparent, #3498db, transparent);
297-
max-width: 100px;
298-
margin-left: auto;
299-
margin-right: auto;
300-
}
301-
302-
html, body: {
303-
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
304-
}
305-
306-
.outerlync {
307-
cursor: not-allowed;
308-
display: inline-block;
309-
background: transparent;
310-
}
311-
312-
.innerlync {
313-
transform-style: preserve-3d;
314-
transition: ease-out 0.6s;
315-
}
316-
317-
.outerlync:hover .innerlync {
318-
transition: ease-in-out 2.5s;
319-
transform: rotate(1800deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
320-
}
321-
</style>
322-

‎index.md‎

Lines changed: 1 addition & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -245,7 +245,7 @@ These projects are working to provide much-needed competition in the mobile hard
245245
### Miscellaneous
246246
- [Opposition recommendations](https://docs.google.com/document/d/1axlQkdc-wseda9PL2ZP0fgy3I4DqAVVlK5kJw4ksIwU)
247247

248-
<footer style="padding: 0px; margin: 0px; font-size: 14px; line-height: 1.6; width: 100%; border-top: 1px solid #dee2e6;">
248+
<footer>
249249
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; padding-top: 2em; margin: 0 auto;">
250250
<div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
251251
<h4 style="margin-top: 0; margin-bottom: 10px; font-size: 16px; ">
@@ -276,49 +276,3 @@ These projects are working to provide much-needed competition in the mobile hard
276276
</div>
277277
</div>
278278
</footer>
279-
280-
<style>
281-
h1 {
282-
font-size: 46px;
283-
font-weight: 600;
284-
color: #2c3e50;
285-
margin: 0;
286-
display: flex;
287-
align-items: center;
288-
gap: 20px;
289-
text-align: center;
290-
margin-left: auto;
291-
margin-right: auto;
292-
}
293-
294-
h1::before, h1::after {
295-
content: '';
296-
flex: 1;
297-
height: 2px;
298-
background: linear-gradient(90deg, transparent, #3498db, transparent);
299-
max-width: 100px;
300-
margin-left: auto;
301-
margin-right: auto;
302-
}
303-
304-
html, body: {
305-
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
306-
}
307-
308-
.outerlync {
309-
cursor: not-allowed;
310-
display: inline-block;
311-
background: transparent;
312-
}
313-
314-
.innerlync {
315-
transform-style: preserve-3d;
316-
transition: ease-out 0.6s;
317-
}
318-
319-
.outerlync:hover .innerlync {
320-
transition: ease-in-out 2.5s;
321-
transform: rotate(1800deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
322-
}
323-
</style>
324-

0 commit comments

Comments
 (0)