Skip to content

Commit cc237b6

Browse files
shrink0rshrink0r
committed
adjusted footer styles and removed old images
1 parent 5874d21 commit cc237b6

File tree

11 files changed

+196
-83
lines changed

11 files changed

+196
-83
lines changed

‎app/pub/coc/index.html

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -92,11 +92,11 @@ <h3>The Less Quick Version</h3>
9292
<div class="page-margin">
9393
<div class="grid">
9494
<div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
95-
<div class="impress">
95+
<div class="organizer-label">
9696
<p>Organized by:</p>
9797
</div>
9898
</div><!--
99-
--><div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
99+
--><div class="grid__item desk-one-half lap-one-third palm-one-whole">
100100
<div class="contact">
101101
<div class="address vcard">
102102
<div class="org">
@@ -115,7 +115,16 @@ <h3>The Less Quick Version</h3>
115115
</div>
116116
</div><!--
117117
--><div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
118-
<a href="imprint/">Imprint</a>
118+
<div class="imprint-link-box">
119+
<a href="imprint/">Imprint</a>
120+
</div>
121+
</div><!--
122+
--><div class="grid__item desk-one-whole lap-one-whole palm-one-whole">
123+
<div class="create-attribution">
124+
<span class="created-by">
125+
page built by <a href="https://twitter.com/shrink0r">@shrink0r</a>
126+
</span>
127+
</div>
119128
</div>
120129
</div>
121130

‎app/pub/index.html

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -311,11 +311,11 @@ <h2>Run by</h2>
311311
<div class="page-margin">
312312
<div class="grid">
313313
<div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
314-
<div class="impress">
314+
<div class="organizer-label">
315315
<p>Organized by:</p>
316316
</div>
317317
</div><!--
318-
--><div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
318+
--><div class="grid__item desk-one-half lap-one-third palm-one-whole">
319319
<div class="contact">
320320
<div class="address vcard">
321321
<div class="org">
@@ -334,7 +334,16 @@ <h2>Run by</h2>
334334
</div>
335335
</div><!--
336336
--><div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
337-
<a href="imprint/">Imprint</a>
337+
<div class="imprint-link-box">
338+
<a href="imprint/">Imprint</a>
339+
</div>
340+
</div><!--
341+
--><div class="grid__item desk-one-whole lap-one-whole palm-one-whole">
342+
<div class="create-attribution">
343+
<span class="created-by">
344+
page built by <a href="https://twitter.com/shrink0r">@shrink0r</a>
345+
</span>
346+
</div>
338347
</div>
339348
</div>
340349

‎app/pub/static/css/main.css

Lines changed: 63 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -3112,6 +3112,20 @@ html.flexbox {
31123112
direction: ltr;
31133113
text-align: left; }
31143114

3115+
.greyscale--full {
3116+
-webkit-filter: grayscale(95%);
3117+
-moz-filter: grayscale(95%);
3118+
-o-filter: grayscale(95%);
3119+
-ms-filter: grayscale(95%);
3120+
filter: grayscale(95%); }
3121+
3122+
.greyscale--none, .supporters .supporter_link:hover .supporter .supporter-logo .supporter-logo__image_box .supporter-logo__image {
3123+
-webkit-filter: grayscale(0%);
3124+
-moz-filter: grayscale(0%);
3125+
-o-filter: grayscale(0%);
3126+
-ms-filter: grayscale(0%);
3127+
filter: grayscale(0%); }
3128+
31153129
.headline-xlarge, h1, h1 a {
31163130
/* "regular" */
31173131
font-weight: 200;
@@ -3222,41 +3236,41 @@ a {
32223236
.events .event .location .adr {
32233237
margin-bottom: 1rem; }
32243238

3239+
.supporters .grid, .supporters .grid--rev {
3240+
margin-top: -1rem; }
32253241
.supporters .supporter_link {
32263242
text-decoration: none;
32273243
color: inherit; }
3228-
.supporters .grid, .supporters .grid--rev {
3229-
margin-top: -1rem; }
3230-
.supporters .supporter {
3231-
padding: 1rem;
3232-
margin-top: 1rem;
3233-
text-align: center; }
3234-
.supporters .supporter .supporter-logo {
3235-
margin-left: auto;
3236-
margin-right: auto; }
3237-
.supporters .supporter .supporter-logo .supporter-logo__image_box {
3238-
height: 5rem;
3239-
display: table;
3240-
width: 100%; }
3241-
.supporters .supporter .supporter-logo .supporter-logo__image_box .image_box__inner {
3242-
display: table-cell;
3243-
vertical-align: middle;
3244+
.supporters .supporter_link .supporter {
3245+
padding: 1rem;
3246+
margin-top: 1rem;
3247+
text-align: center; }
3248+
.supporters .supporter_link .supporter .supporter-logo {
3249+
margin-left: auto;
3250+
margin-right: auto; }
3251+
.supporters .supporter_link .supporter .supporter-logo .supporter-logo__image_box {
3252+
height: 5rem;
3253+
display: table;
32443254
width: 100%; }
3245-
.supporters .supporter .supporter-logo .supporter-logo__image_box .image_box__inner .supporter-logo__image {
3246-
width: 128px;
3247-
margin-left: auto;
3248-
margin-right: auto;
3249-
margin-bottom: 0.5rem;
3250-
display: block; }
3251-
.supporters .supporter .supporter-logo .supporter-name {
3252-
color: #74b73f;
3253-
text-decoration: underline; }
3254-
.supporters .supporter.supporter-main .supporter-logo__image_box {
3255-
height: 2rem; }
3256-
.supporters .supporter.supporter-main .supporter-logo__image_box .supporter-logo__image {
3257-
width: 200px; }
3258-
.supporters .supporter.asquera .supporter-logo .supporter-logo__image_box .supporter-logo__image {
3259-
width: 64px; }
3255+
.supporters .supporter_link .supporter .supporter-logo .supporter-logo__image_box .image_box__inner {
3256+
display: table-cell;
3257+
vertical-align: middle;
3258+
width: 100%; }
3259+
.supporters .supporter_link .supporter .supporter-logo .supporter-logo__image_box .image_box__inner .supporter-logo__image {
3260+
width: 128px;
3261+
margin-left: auto;
3262+
margin-right: auto;
3263+
margin-bottom: 0.5rem;
3264+
display: block; }
3265+
.supporters .supporter_link .supporter .supporter-logo .supporter-name {
3266+
color: #74b73f;
3267+
text-decoration: underline; }
3268+
.supporters .supporter_link .supporter.supporter-main .supporter-logo__image_box {
3269+
height: 2rem; }
3270+
.supporters .supporter_link .supporter.supporter-main .supporter-logo__image_box .supporter-logo__image {
3271+
width: 200px; }
3272+
.supporters .supporter_link .supporter.asquera .supporter-logo .supporter-logo__image_box .supporter-logo__image {
3273+
width: 64px; }
32603274

32613275
.page-footer {
32623276
color: white;
@@ -3270,8 +3284,24 @@ a {
32703284
.page-footer a {
32713285
color: white;
32723286
text-decoration: underline; }
3273-
.page-footer .address {
3274-
margin-bottom: 0.5rem; }
3287+
@media only screen and (max-width: 480px) {
3288+
.page-footer .organizer-label {
3289+
text-align: center;
3290+
margin-bottom: 1rem; } }
3291+
.page-footer .contact {
3292+
text-align: center;
3293+
margin-bottom: 1rem; }
3294+
.page-footer .imprint-link-box {
3295+
text-align: right; }
3296+
@media only screen and (max-width: 480px) {
3297+
.page-footer .imprint-link-box {
3298+
text-align: center; } }
3299+
.page-footer .create-attribution {
3300+
text-align: right; }
3301+
@media only screen and (max-width: 480px) {
3302+
.page-footer .create-attribution {
3303+
text-align: center;
3304+
margin-top: 1rem; } }
32753305

32763306
.page-margin {
32773307
max-width: 980px;

‎app/site/_includes/footer.liquid

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<div class="grid">
22
<div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
3-
<div class="impress">
3+
<div class="organizer-label">
44
<p>Organized by:</p>
55
</div>
66
</div><!--
7-
--><div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
7+
--><div class="grid__item desk-one-half lap-one-third palm-one-whole">
88
<div class="contact">
99
<div class="address vcard">
1010
<div class="org">
@@ -23,6 +23,15 @@
2323
</div>
2424
</div><!--
2525
--><div class="grid__item desk-one-quarter lap-one-third palm-one-whole">
26-
<a href="imprint/">Imprint</a>
26+
<div class="imprint-link-box">
27+
<a href="imprint/">Imprint</a>
28+
</div>
29+
</div><!--
30+
--><div class="grid__item desk-one-whole lap-one-whole palm-one-whole">
31+
<div class="create-attribution">
32+
<span class="created-by">
33+
page built by <a href="https://twitter.com/shrink0r">@shrink0r</a>
34+
</span>
35+
</div>
2736
</div>
2837
</div>

‎app/site/_static/scss/addons.scss

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,3 +29,19 @@
2929
@extend .btn;
3030
@extend .btn--hard;
3131
}
32+
33+
.greyscale--full {
34+
-webkit-filter: grayscale(95%);
35+
-moz-filter: grayscale(95%);
36+
-o-filter: grayscale(95%);
37+
-ms-filter: grayscale(95%);
38+
filter: grayscale(95%);
39+
}
40+
41+
.greyscale--none {
42+
-webkit-filter: grayscale(0%);
43+
-moz-filter: grayscale(0%);
44+
-o-filter: grayscale(0%);
45+
-ms-filter: grayscale(0%);
46+
filter: grayscale(0%);
47+
}

‎app/site/_static/scss/footer.scss

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,32 @@
1818
text-decoration: underline;
1919
}
2020

21-
.address {
22-
margin-bottom: 0.5rem;
21+
.organizer-label {
22+
@include media-query(palm) {
23+
text-align: center;
24+
margin-bottom: 1rem;
25+
}
26+
}
27+
28+
.contact {
29+
text-align: center;
30+
margin-bottom: 1rem;
31+
}
32+
33+
.imprint-link-box {
34+
text-align: right;
35+
36+
@include media-query(palm) {
37+
text-align: center;
38+
}
39+
}
40+
41+
.create-attribution {
42+
text-align: right;
43+
44+
@include media-query(palm) {
45+
text-align: center;
46+
margin-top: 1rem;
47+
}
2348
}
2449
}

‎app/site/_static/scss/supporters.scss

Lines changed: 54 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,79 @@
11

22
.supporters {
33

4-
.supporter_link {
5-
text-decoration: none;
6-
color: inherit;
7-
}
8-
94
.grid {
105
margin-top: -1rem;
116
}
127

13-
.supporter {
14-
padding: 1rem;
15-
margin-top: 1rem;
16-
text-align: center;
8+
.supporter_link {
9+
text-decoration: none;
10+
color: inherit;
1711

18-
.supporter-logo {
19-
margin-left: auto;
20-
margin-right: auto;
12+
.supporter {
13+
padding: 1rem;
14+
margin-top: 1rem;
15+
text-align: center;
2116

22-
.supporter-logo__image_box {
23-
height: 5rem;
24-
display: table;
25-
width: 100%;
17+
.supporter-logo {
18+
margin-left: auto;
19+
margin-right: auto;
2620

27-
.image_box__inner {
28-
display: table-cell;
29-
vertical-align: middle;
21+
.supporter-logo__image_box {
22+
height: 5rem;
23+
display: table;
3024
width: 100%;
3125

32-
.supporter-logo__image {
33-
width: 128px;
34-
margin-left: auto;
35-
margin-right: auto;
36-
margin-bottom: 0.5rem;
37-
display: block;
26+
.image_box__inner {
27+
display: table-cell;
28+
vertical-align: middle;
29+
width: 100%;
30+
31+
.supporter-logo__image {
32+
// comment in to greyout all except the main logo
33+
// and have them colored on mouseover:
34+
// @extend .greyscale--full;
35+
width: 128px;
36+
margin-left: auto;
37+
margin-right: auto;
38+
margin-bottom: 0.5rem;
39+
display: block;
40+
}
3841
}
3942
}
43+
44+
.supporter-name {
45+
color: $green1;
46+
text-decoration: underline;
47+
}
4048
}
4149

42-
.supporter-name {
43-
color: $green1;
44-
text-decoration: underline;
50+
&.supporter-main {
51+
.supporter-logo__image_box {
52+
height: 2rem;
53+
.supporter-logo__image {
54+
width: 200px;
55+
}
56+
}
4557
}
46-
}
4758

48-
&.supporter-main {
49-
.supporter-logo__image_box {
50-
height: 2rem;
51-
.supporter-logo__image {
52-
width: 200px;
59+
&.asquera {
60+
.supporter-logo {
61+
.supporter-logo__image_box {
62+
.supporter-logo__image {
63+
width: 64px;
64+
}
65+
}
5366
}
5467
}
5568
}
5669

57-
&.asquera {
58-
.supporter-logo {
59-
.supporter-logo__image_box {
60-
.supporter-logo__image {
61-
width: 64px;
70+
&:hover {
71+
.supporter {
72+
.supporter-logo {
73+
.supporter-logo__image_box {
74+
.supporter-logo__image {
75+
@extend .greyscale--none;
76+
}
6277
}
6378
}
6479
}

‎app/site/static/images/hero_unit_bg_1024.jpg

-90.2 KB
Binary file not shown.

‎app/site/static/images/hero_unit_bg_2048.jpg

-303 KB
Binary file not shown.

‎app/site/static/images/hero_unit_bg_506.jpg

-27.6 KB
Binary file not shown.

0 commit comments

Comments
 (0)