jekyll-theme-chaos 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +18 -6
- data/_includes/an-blind-post.html +49 -0
- data/_includes/custom-head.html +0 -0
- data/_includes/demands.html +10 -8
- data/_includes/desktop-header.html +1 -1
- data/_includes/footer.html +1 -2
- data/_includes/head.html +2 -16
- data/_includes/nested-blog-list.html +13 -0
- data/_includes/partner-list.html +12 -8
- data/_includes/share-links.html +3 -3
- data/_layouts/an-event.html +6 -0
- data/_layouts/default.html +7 -3
- data/_sass/an-form.scss +4 -0
- data/_sass/chaos/base.scss +3 -0
- data/_sass/chaos/block.scss +20 -2
- data/_sass/chaos/content.scss +65 -25
- data/_sass/chaos/desktop-header.scss +2 -2
- data/_sass/chaos/mobile-header.scss +1 -1
- data/_sass/chaos.scss +3 -1
- data/_sass/curator.scss +49 -0
- data/_sass/custom.scss +1 -0
- data/assets/css/chaos-style.scss +11 -1
- data/assets/js/actions-map.js +7 -0
- data/assets/js/jquery-osdi.js +1 -0
- data/assets/marker-icon-red.png +0 -0
- data/assets/marker-shadow.png +0 -0
- metadata +9 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3fc06ba02b6cc1ba40b1c828766a1c0ca5b3722acee54f054d764478d91a11be
|
|
4
|
+
data.tar.gz: 80d6637137b35337f37230a699255d92cdce73c658b7f675674c2faf10b4b617
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8505de2f2b33ad13a6e3e7621331a800ebb1de2b86b1ad7ff8d32c6c8845fd7e913c5a8cc7a15f9bc40304e53e9d7763f530e8e8a03ddf38f4bd7312ef1c2854
|
|
7
|
+
data.tar.gz: ea5df5c60544cd097f9b12d0f4daf53db0fdde9fc90f9c4a2caba5d72d10c7dc8ab04db782c82e4bf9c11365edf44dbcba71ca33f22e867f100463a2f1435459
|
data/README.md
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
# jekyll-theme-chaos
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
TODO: Delete this and the text above, and describe your gem
|
|
3
|
+
This theme is a development on the
|
|
4
|
+
[jekyll-rebellion](https://github.com/davidgundry/jekyll-rebellion) theme,
|
|
5
|
+
with lots of added stuff to suit a general day of action type site.
|
|
8
6
|
|
|
9
7
|
|
|
10
8
|
## Installation
|
|
@@ -31,7 +29,21 @@ Or install it yourself as:
|
|
|
31
29
|
|
|
32
30
|
## Usage
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
This theme was designed with use of Airtable and Forestry.io as content management
|
|
33
|
+
systems.
|
|
34
|
+
|
|
35
|
+
To start with an example website check out the
|
|
36
|
+
[example day of action website](https://github.com/tippingpointuk/dayofactionwebsite)
|
|
37
|
+
or just deploy straight to Netlify:
|
|
38
|
+
|
|
39
|
+
[  ](https://app.netlify.com/start/deploy?repository=https://github.com/tippingpointuk/dayofactionwebsite)
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
Checkout the [`jekyll-airtable-import` plugin](https://github.com/tippingpointuk/jekyll-airtable-import)
|
|
43
|
+
for setting up your import.
|
|
44
|
+
|
|
45
|
+
And got to [foresty.io](https://foresty.io/) and follow the steps to add that
|
|
46
|
+
GIT based CMS to your site.
|
|
35
47
|
|
|
36
48
|
## Contributing
|
|
37
49
|
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<script src="{{ '/assets/js/osdi.js' | relative_url }}" charset="utf-8"></script>
|
|
2
|
+
<noscript>
|
|
3
|
+
<p>It looks like you have Javascript disabled. You won't be able to submit the form below without it.</p>
|
|
4
|
+
</noscript>
|
|
5
|
+
<form id="action-network-blind-post" class="Chaos-Form" action="{{ include.petition }}signatures" method="post">
|
|
6
|
+
<fieldset class="pair">
|
|
7
|
+
<div class="input text">
|
|
8
|
+
<input for="action-network-form-first-label" type="text" name="given_name" value="" id="action-network-form-first" required>
|
|
9
|
+
<label id="action-network-form-first-label">First Name</label>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="input text">
|
|
12
|
+
<input for="action-network-form-last-label" type="text" name="family_name" value="" id="action-network-form-last">
|
|
13
|
+
<label id="action-network-form-last-label">Last Name</label>
|
|
14
|
+
</div>
|
|
15
|
+
</fieldset>
|
|
16
|
+
<fieldset class="pair">
|
|
17
|
+
<div class="input text">
|
|
18
|
+
<input type="email" name="email_address" id="action-network-form-email" for="action-network-form-email-label" required/>
|
|
19
|
+
<label id="action-network-form-email-label">Email Address</label>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="input text">
|
|
22
|
+
<input for="action-network-form-organisation-label" type="text" name="custom[organisation]" id="action-network-form-organisation">
|
|
23
|
+
<label id="action-network-form-organisation-label">Organisation</label>
|
|
24
|
+
</div>
|
|
25
|
+
</fieldset>
|
|
26
|
+
<div class="Chaos-Flex-Line">
|
|
27
|
+
<button type="submit" id="simple_submit" value="Submit" class="Chaos-Button">Submit</button>
|
|
28
|
+
</div>
|
|
29
|
+
<div id="action-network-blind-post-success"></div>
|
|
30
|
+
</form>
|
|
31
|
+
<script type="text/javascript">
|
|
32
|
+
$(document).ready(function() {
|
|
33
|
+
$('#action-network-blind-post').osdi({
|
|
34
|
+
done: function(data, textStatus, jqXHR) {
|
|
35
|
+
console.log('done');
|
|
36
|
+
$(':input','#action-network-blind-post')
|
|
37
|
+
.not(':button, :submit, :reset, :hidden')
|
|
38
|
+
.val('')
|
|
39
|
+
.prop('checked', false)
|
|
40
|
+
.prop('selected', false);
|
|
41
|
+
$('#action-network-blind-post-success').html('<p><strong>Thanks!</strong></p>');
|
|
42
|
+
},
|
|
43
|
+
fail: function(jqXHR, textStatus, errorThrown) {
|
|
44
|
+
console.log('fail');
|
|
45
|
+
$('#action-network-blind-post-success').html('<p>Looks like that didn\'t work!</p>');
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
</script>
|
|
File without changes
|
data/_includes/demands.html
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
<
|
|
1
|
+
<ul class="Chaos-Demand-List">
|
|
2
2
|
{% for demand in include.demands %}
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
{% if demand.
|
|
7
|
-
<div class="Chaos-Flex-Line"
|
|
3
|
+
<li class="no-invert Chaos-Demand">
|
|
4
|
+
<h3 class="type {{ demand.type | slugify }}" >{{ demand.type }}</h3>
|
|
5
|
+
{{ demand.title }}
|
|
6
|
+
{% if demand.faq_title[0] %}
|
|
7
|
+
<div class="Chaos-Flex-Line">
|
|
8
|
+
<a href="#{{ demand.faq_title[0] | slugify }}"><span class="no-invert Chaos-Button" >More</span></a>
|
|
9
|
+
</div>
|
|
8
10
|
{% endif %}
|
|
9
|
-
</
|
|
11
|
+
</li>
|
|
10
12
|
{% endfor %}
|
|
11
|
-
</
|
|
13
|
+
</ul>
|
data/_includes/footer.html
CHANGED
|
@@ -31,8 +31,7 @@
|
|
|
31
31
|
<div class="">
|
|
32
32
|
</div>
|
|
33
33
|
<p>
|
|
34
|
-
This site
|
|
35
|
-
for the Defund Climate Chaos UK Coalition.
|
|
34
|
+
This site uses the <a href="https://github.com/tippingpointuk/jekyll-theme-chaos ">Chaos Theme for Jekyll</a>.
|
|
36
35
|
{% if site.copyright_notice %}
|
|
37
36
|
{{ site.copyright_notice | liquify | markdownify }}
|
|
38
37
|
{% endif %}
|
data/_includes/head.html
CHANGED
|
@@ -2,19 +2,6 @@
|
|
|
2
2
|
<meta charset="utf-8">
|
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
4
|
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700&display=swap" rel="stylesheet">
|
|
5
|
-
|
|
6
|
-
<!-- Leaflet Mapping -->
|
|
7
|
-
<link rel="stylesheet" href="{{ "/assets/css/MarkerCluster.Default.css" | relative_url }}">
|
|
8
|
-
<link rel="stylesheet" href="{{ "/assets/css/MarkerCluster.css" | relative_url }}">
|
|
9
|
-
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
|
|
10
|
-
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
|
|
11
|
-
crossorigin=""/>
|
|
12
|
-
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
|
|
13
|
-
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
|
|
14
|
-
crossorigin=""></script>
|
|
15
|
-
<script src="/assets/js/leaflet.markercluster-src.js"></script>
|
|
16
|
-
|
|
17
|
-
|
|
18
5
|
<script type="text/javascript" src="{{ '/assets/js/jquery.js' | relative_url }}"></script>
|
|
19
6
|
{%- seo -%}
|
|
20
7
|
<link rel="stylesheet" href="{{ "/assets/css/chaos-style.css" | relative_url }}">
|
|
@@ -24,7 +11,6 @@
|
|
|
24
11
|
{%- include google-analytics.html -%}
|
|
25
12
|
{%- endif -%}
|
|
26
13
|
<!-- ODSI Library -->
|
|
27
|
-
<script
|
|
28
|
-
|
|
29
|
-
</script>
|
|
14
|
+
<script src="{{ '/assets/js/jquery-osdi.js' | relative_url }}"></script>
|
|
15
|
+
{% include custom-head.html %}
|
|
30
16
|
</head>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{% assign tags = include.data | map: "tags" | uniq %}
|
|
2
|
+
{% for tag in tags %}
|
|
3
|
+
{% capture accordion_content %}
|
|
4
|
+
{% assign posts = include.data | where: "tags", tag %}
|
|
5
|
+
{% include blog-list.html date=include.date share_buttons=include.share_buttons %}
|
|
6
|
+
{% endcapture %}
|
|
7
|
+
{% if tag.size > 0 %}
|
|
8
|
+
{% assign title = tag %}
|
|
9
|
+
{% else %}
|
|
10
|
+
{% assign title = "Uncategorised" %}
|
|
11
|
+
{% endif %}
|
|
12
|
+
{% include single-accordion.html title=title content=accordion_content %}
|
|
13
|
+
{% endfor %}
|
data/_includes/partner-list.html
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
<div class="Chaos-Logo-List">
|
|
2
2
|
{% for org in site.data.partners %}
|
|
3
3
|
<div class="Chaos-Logo-Item">
|
|
4
|
-
<a href="{{ org.url }}" target="_blank">
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
{% if org.url %}<a href="{{ org.url }}" target="_blank">{% endif %}
|
|
5
|
+
{% if org.image %}
|
|
6
|
+
<img
|
|
7
|
+
class="{% if include.background == 'light' %}darken{% else %}lighten{% endif %} {% if org.invert_logo_colour %}invert{% endif %}"
|
|
8
|
+
src="{{ org.image }}"
|
|
9
|
+
alt="{{ org.title }} Logo"
|
|
10
|
+
title="{{ org.title }}"
|
|
11
|
+
>
|
|
12
|
+
{% else %}
|
|
13
|
+
<p>{{ org.title }}</p>
|
|
14
|
+
{% endif %}
|
|
15
|
+
{% if org.url %}</a>{% endif %}
|
|
12
16
|
</div>
|
|
13
17
|
{% endfor %}
|
|
14
18
|
</div>
|
data/_includes/share-links.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
{% capture text %}{% if page.share.text.size > 0 %}{{page.share.text}}{% elsif include.page.summary.size > 1 %}{{ include.page.summary }}{% elsif include.page.description.size > 1 %}{{ include.page.description | strip_html | truncate_words: 25 }}{% endif %}{% endcapture %}
|
|
1
|
+
{% capture text %}{% if include.page.share.text.size > 0 %}{{page.share.text}}{% elsif include.page.summary.size > 1 %}{{ include.page.summary }}{% elsif include.page.description.size > 1 %}{{ include.page.description | strip_html | truncate_words: 25 }}{% endif %}{% endcapture %}
|
|
2
2
|
{% capture url %}{% unless include.page.url contains "://" %}{{ site.url }}{{ include.page.url | relative_url}}{% else %}{{ include.page.url }}{% endunless %}{% endcapture %}
|
|
3
3
|
{% capture title %}{{ include.page.title }}{% endcapture %}
|
|
4
|
-
{% capture whatsapp %}{% if page.share.whatsapp.size > 0 %}{{ page.share.whatsapp }}{% else %}*{{ title }}*
|
|
4
|
+
{% capture whatsapp %}{% if include.page.share.whatsapp.size > 0 %}{{ include.page.share.whatsapp }}{% else %}*{{ title }}*
|
|
5
5
|
|
|
6
6
|
{% if text.size > 1 %}{{ text }}
|
|
7
7
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<a class="link" href="https://www.facebook.com/sharer/sharer.php?u={{ url| url_encode }}" title="Facebook">
|
|
12
12
|
{% include logo-facebook %}
|
|
13
13
|
</a>
|
|
14
|
-
<a class="link" href="https://twitter.com/intent/tweet?text={% if page.share.tweet.size > 0 %}{{ page.share.tweet | url_encode }}{% else %}{{ text | url_encode }}{% endif %}&url={{ url | url_encode }}{% if site.twitter contains 'http' %}&via={{ site.twitter | url_encode }}{% endif %}" title="Twitter">
|
|
14
|
+
<a class="link" href="https://twitter.com/intent/tweet?text={% if include.page.share.tweet.size > 0 %}{{ include.page.share.tweet | url_encode }}{% else %}{{ text | url_encode }}{% endif %}&url={{ url | url_encode }}{% if site.twitter contains 'http' %}&via={{ site.twitter | url_encode }}{% endif %}" title="Twitter">
|
|
15
15
|
{% include logo-twitter %}
|
|
16
16
|
</a>
|
|
17
17
|
<a class="link " href="https://wa.me/?text={{ whatsapp | url_encode }}">
|
data/_layouts/an-event.html
CHANGED
|
@@ -45,6 +45,12 @@ layout: page
|
|
|
45
45
|
<p><a target="_blank" href="https://www.google.com/maps/dir/?api=1&destination={{ page.location.location.latitude }}%2C{{ page.location.location.longitude }}">Get directions...</a></p>
|
|
46
46
|
{% endcapture %}
|
|
47
47
|
{% capture map %}
|
|
48
|
+
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
|
|
49
|
+
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
|
|
50
|
+
crossorigin=""/>
|
|
51
|
+
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
|
|
52
|
+
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
|
|
53
|
+
crossorigin=""></script>
|
|
48
54
|
<div id="Single-Action-Map" map_location="{{ page.location | jsonify | url_encode | replace: "+", "%20" }}"></div>
|
|
49
55
|
<script type="text/javascript" src="/assets/js/an-event-page.js"> </script>
|
|
50
56
|
{% endcapture %}
|
data/_layouts/default.html
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
</div>
|
|
10
10
|
{% endfor %}
|
|
11
11
|
{% endcapture %}
|
|
12
|
+
{% capture partners %}{% for p in site.data.partners limit:7 %}{% if p.url %}<a href="{{p.url}}" title="{{ p.summary }}"><strong>{{ p.title }}</strong></a>{% else %}<strong>{{ p.title }}</strong>{% endif %}{% unless forloop.last %}, {% endunless %}{% endfor %}{% endcapture %}
|
|
12
13
|
<!DOCTYPE html>
|
|
13
14
|
{% include head.html %}
|
|
14
15
|
<body>
|
|
@@ -32,8 +33,11 @@
|
|
|
32
33
|
|
|
33
34
|
{% if page.header %}
|
|
34
35
|
<div
|
|
35
|
-
class="Chaos-Big-Header
|
|
36
|
-
|
|
36
|
+
class="Chaos-Big-Header
|
|
37
|
+
{% if page.header.border_bottom.reflect and page.header.border_bottom.image.size > 0 %}shift{% endif %}
|
|
38
|
+
{% if page.header.full %}full{% endif %}
|
|
39
|
+
{% if page.header.background_image %}background-image{% endif %}"
|
|
40
|
+
style="background-image: {% if page.header.background_image %}url('{{ page.header.background_image }}'){% else %}url('{{ page.header.image.link }}');background-position-x: {{ page.header.image.location }}{% endif %};"
|
|
37
41
|
>
|
|
38
42
|
<div class="Chaos-Section">
|
|
39
43
|
<div class="Chaos-Wrapper-Wide">
|
|
@@ -45,7 +49,7 @@
|
|
|
45
49
|
{% endfor %}
|
|
46
50
|
</div>
|
|
47
51
|
</div>
|
|
48
|
-
{% if page.header.border_bottom.image %}
|
|
52
|
+
{% if page.header.border_bottom.image.size > 0 %}
|
|
49
53
|
<div class="border-bottom-container">
|
|
50
54
|
<div class="border-bottom" style="background-image:url('{{ page.header.border_bottom.image | relative_url }}')"></div>
|
|
51
55
|
{% if page.header.border_bottom.reflect %}
|
data/_sass/an-form.scss
CHANGED
data/_sass/chaos/base.scss
CHANGED
data/_sass/chaos/block.scss
CHANGED
|
@@ -56,16 +56,34 @@
|
|
|
56
56
|
color: $brand-color;
|
|
57
57
|
}
|
|
58
58
|
&.Chaos-Wrapper{
|
|
59
|
+
|
|
60
|
+
#can_embed_form{
|
|
61
|
+
#action_welcome_message_inner{
|
|
62
|
+
div, small{
|
|
63
|
+
color: $text-color;
|
|
64
|
+
a{
|
|
65
|
+
color: $brand-color;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
:not(.floatlabel-wrapper):not(.can_select){
|
|
70
|
+
|
|
71
|
+
color: $brand-text-color;
|
|
72
|
+
// p,h1,h2,h3,h4,h5,h6{
|
|
73
|
+
// color: $brand-text-color;
|
|
74
|
+
// }
|
|
75
|
+
}
|
|
76
|
+
}
|
|
59
77
|
> p,> h1,> h2,> h3,> h4,> h5,> h6,> a{
|
|
60
78
|
color: $brand-text-color;
|
|
61
|
-
|
|
79
|
+
a{
|
|
62
80
|
color: $brand-text-color;
|
|
63
81
|
}
|
|
64
82
|
}
|
|
65
83
|
}
|
|
66
84
|
}
|
|
67
85
|
}
|
|
68
|
-
img{
|
|
86
|
+
img:not(.no-shadow){
|
|
69
87
|
box-shadow: $spacing-unit $spacing-unit $brand-color;
|
|
70
88
|
}
|
|
71
89
|
.Chaos-Wrapper {
|
data/_sass/chaos/content.scss
CHANGED
|
@@ -106,31 +106,45 @@
|
|
|
106
106
|
flex-wrap: wrap;
|
|
107
107
|
justify-content: space-evenly;
|
|
108
108
|
}
|
|
109
|
+
.Chaos-Demand-List{
|
|
110
|
+
display: flex;
|
|
111
|
+
flex-wrap: wrap;
|
|
112
|
+
gap: $spacing-unit;
|
|
113
|
+
li::before{
|
|
114
|
+
content: none;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
109
117
|
.Chaos-Demand{
|
|
110
118
|
background-color: $background-color;
|
|
111
119
|
box-shadow: 0 5px 10px $shadow-color;
|
|
112
120
|
padding: $spacing-unit;
|
|
113
121
|
padding-bottom: $spacing-unit /2;
|
|
114
|
-
margin: $spacing-unit;
|
|
115
|
-
|
|
116
|
-
|
|
122
|
+
// margin: $spacing-unit;
|
|
123
|
+
text-align: center;
|
|
124
|
+
flex: 1 0 40%;
|
|
125
|
+
display: flex;
|
|
126
|
+
justify-content: space-around;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
.type{
|
|
129
|
+
display: flex;
|
|
130
|
+
flex-direction: column;
|
|
131
|
+
&.stop{
|
|
132
|
+
color: red;
|
|
133
|
+
&:after{
|
|
134
|
+
content: '\2913';
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
&.start, &.start-to{
|
|
138
|
+
color: green;
|
|
139
|
+
&:after{
|
|
140
|
+
content: '\261F';
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
117
144
|
}
|
|
118
145
|
.Chaos-Background-Filter{
|
|
119
146
|
background-color: rgba($background-color,0.5);
|
|
120
147
|
}
|
|
121
|
-
@mixin big-header {
|
|
122
|
-
margin-top: $spacing-unit * 3;
|
|
123
|
-
// font-size: calc(max(55px,min(min( 80pt, 15vw),10vh)));
|
|
124
|
-
font-size: 3.5em;
|
|
125
|
-
text-transform: uppercase;
|
|
126
|
-
// font-family: 'Druk Text';
|
|
127
|
-
letter-spacing: -0.02em;
|
|
128
|
-
strong,b,.bold{
|
|
129
|
-
// border-bottom-color: $brand-text-color-invert;
|
|
130
|
-
// border-bottom-width: 1em;
|
|
131
|
-
text-decoration: underline;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
148
|
@mixin header-images {
|
|
135
149
|
@media screen and (max-width: $content-width-wide * 1.75){
|
|
136
150
|
background-size:0;
|
|
@@ -153,12 +167,34 @@ $border-width: $spacing-unit * 7;
|
|
|
153
167
|
&.shift{
|
|
154
168
|
position: relative;
|
|
155
169
|
top: $border-width;
|
|
170
|
+
.Chaos-Section{
|
|
171
|
+
padding: 0;
|
|
172
|
+
}
|
|
156
173
|
}
|
|
157
174
|
|
|
158
175
|
display: flex;
|
|
159
176
|
flex-direction: column;
|
|
160
177
|
justify-content: space-between;
|
|
161
|
-
background-
|
|
178
|
+
&.background-image{
|
|
179
|
+
background: $background-color no-repeat center center;
|
|
180
|
+
background-size: cover;
|
|
181
|
+
.Chaos-Section{
|
|
182
|
+
background-color: rgba($background-color,0.9);
|
|
183
|
+
.Chaos-Wrapper-Wide{
|
|
184
|
+
background-color: rgba($background-color, 0.7);
|
|
185
|
+
box-shadow: 0 0 1000px $background-color;
|
|
186
|
+
border-radius: 20%;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
&.invert{
|
|
190
|
+
.Chaos-Section{
|
|
191
|
+
background-color: rgba($brand-color,0.9);
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
&:not(.background-image){
|
|
196
|
+
background-position: right;
|
|
197
|
+
}
|
|
162
198
|
@include header-images;
|
|
163
199
|
.border-bottom{
|
|
164
200
|
position: relative;
|
|
@@ -181,7 +217,7 @@ $border-width: $spacing-unit * 7;
|
|
|
181
217
|
.Chaos-Section{
|
|
182
218
|
flex-grow: 1;
|
|
183
219
|
height: 100%;
|
|
184
|
-
padding: 0;
|
|
220
|
+
// padding: 0;
|
|
185
221
|
// background-image: url('/assets/images/money-faucet.png');
|
|
186
222
|
background-position: left;
|
|
187
223
|
@include header-images;
|
|
@@ -193,10 +229,12 @@ $border-width: $spacing-unit * 7;
|
|
|
193
229
|
justify-content: space-around;
|
|
194
230
|
}
|
|
195
231
|
h1{
|
|
232
|
+
text-transform: uppercase;
|
|
233
|
+
letter-spacing: -0.02em;
|
|
196
234
|
strong,b,.bold{
|
|
235
|
+
text-decoration: underline;
|
|
197
236
|
color: $accent-color;
|
|
198
237
|
}
|
|
199
|
-
@include big-header;
|
|
200
238
|
}
|
|
201
239
|
text-align: center;
|
|
202
240
|
}
|
|
@@ -204,8 +242,8 @@ $border-width: $spacing-unit * 7;
|
|
|
204
242
|
|
|
205
243
|
.Chaos-Button {
|
|
206
244
|
display: inline-block;
|
|
207
|
-
background-color: $
|
|
208
|
-
color: $
|
|
245
|
+
background-color: $accent-color;
|
|
246
|
+
color: $accent-text-color;
|
|
209
247
|
padding: $spacing-unit * 0.2 $spacing-unit $spacing-unit * 0.2 $spacing-unit;
|
|
210
248
|
margin: $spacing-unit 0;
|
|
211
249
|
border-radius: $rounding;
|
|
@@ -216,7 +254,7 @@ $border-width: $spacing-unit * 7;
|
|
|
216
254
|
text-transform: uppercase;
|
|
217
255
|
&:hover {
|
|
218
256
|
text-decoration: none;
|
|
219
|
-
background-color: $
|
|
257
|
+
background-color: $accent-color-dark;
|
|
220
258
|
}
|
|
221
259
|
&:visited {
|
|
222
260
|
color: $accent-text-color;
|
|
@@ -460,12 +498,14 @@ $border-width: $spacing-unit * 7;
|
|
|
460
498
|
display: flex;
|
|
461
499
|
justify-content: space-between;
|
|
462
500
|
flex-wrap: wrap;
|
|
501
|
+
gap: $spacing-unit;
|
|
463
502
|
.Chaos-Logo-Item{
|
|
464
|
-
flex:
|
|
503
|
+
flex: 0 0 21%;
|
|
465
504
|
display: flex;
|
|
466
505
|
justify-content: center;
|
|
467
506
|
align-items: center;
|
|
468
|
-
|
|
507
|
+
|
|
508
|
+
> a > img{
|
|
469
509
|
filter: grayscale(50%);
|
|
470
510
|
&.darken{
|
|
471
511
|
filter: grayscale(100%);
|
|
@@ -476,7 +516,7 @@ $border-width: $spacing-unit * 7;
|
|
|
476
516
|
// max-height: $item-width;
|
|
477
517
|
width: 100%;
|
|
478
518
|
transition: filter 0.5s;
|
|
479
|
-
box-shadow:
|
|
519
|
+
box-shadow: none;
|
|
480
520
|
&:hover{
|
|
481
521
|
filter: none;
|
|
482
522
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.desktop {
|
|
2
|
-
background-color: $background-color;
|
|
2
|
+
background-color: $desktop-header-background-color;
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: row;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.page-link {
|
|
35
|
-
color: $text-color;
|
|
35
|
+
color: $desktop-header-text-color;
|
|
36
36
|
line-height: $base-line-height;
|
|
37
37
|
font-family: $header-font-stack;
|
|
38
38
|
font-size: $base-font-size * 1.5;
|
data/_sass/chaos.scss
CHANGED
|
@@ -30,6 +30,7 @@ $block-height: calc(max(min( 50vw, 60vh ), 400px));
|
|
|
30
30
|
|
|
31
31
|
// Import partials.
|
|
32
32
|
@import
|
|
33
|
+
"custom",
|
|
33
34
|
"chaos/base",
|
|
34
35
|
"chaos/header",
|
|
35
36
|
"chaos/footer",
|
|
@@ -39,5 +40,6 @@ $block-height: calc(max(min( 50vw, 60vh ), 400px));
|
|
|
39
40
|
"chaos/block",
|
|
40
41
|
"chaos/map",
|
|
41
42
|
"custom",
|
|
42
|
-
"an-form"
|
|
43
|
+
"an-form",
|
|
44
|
+
"curator"
|
|
43
45
|
;
|
data/_sass/curator.scss
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
#feed{
|
|
2
|
+
background-color: $background-color;
|
|
3
|
+
.crt-feed{
|
|
4
|
+
.crt-post{
|
|
5
|
+
box-shadow: 0 0 $rounding $shadow-color;
|
|
6
|
+
background-color: $background-color;
|
|
7
|
+
border: 0;
|
|
8
|
+
.crt-post-text a{
|
|
9
|
+
color: $brand-color;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
.crt-post-border{
|
|
13
|
+
border: 0;
|
|
14
|
+
}
|
|
15
|
+
img{
|
|
16
|
+
box-shadow: none;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.crt-post-max-height-read-more{
|
|
20
|
+
background: rgba(0,0,0,0);
|
|
21
|
+
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #{$background-color} 50%);
|
|
22
|
+
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #{$background-color}));
|
|
23
|
+
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #{$background-color} 50%);
|
|
24
|
+
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #{$background-color} 50%);
|
|
25
|
+
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #{$background-color} 50%);
|
|
26
|
+
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #{$background-color} 50%);
|
|
27
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
.crt-load-more, .crt-post-read-more-button{
|
|
31
|
+
background-color: $brand-color;
|
|
32
|
+
border-radius: $rounding;
|
|
33
|
+
font-family: $header-font-stack;
|
|
34
|
+
color: $brand-text-color;
|
|
35
|
+
|
|
36
|
+
padding: $spacing-unit;
|
|
37
|
+
text-transform: uppercase;
|
|
38
|
+
&:hover{
|
|
39
|
+
background-color: $brand-color-dark;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
.crt-post-read-more-button{
|
|
43
|
+
line-height: normal;
|
|
44
|
+
height: auto;
|
|
45
|
+
}
|
|
46
|
+
.crt-load-more{
|
|
47
|
+
font-size: 1.5em;
|
|
48
|
+
}
|
|
49
|
+
}
|
data/_sass/custom.scss
CHANGED
data/assets/css/chaos-style.scss
CHANGED
|
@@ -34,6 +34,16 @@ $accent-color-dark: darken($accent-color, 15%) !default;
|
|
|
34
34
|
$text-color-light: lighten($text-color, 18%);
|
|
35
35
|
$background-color: {{ site.background_color | default: "$white-color" }} !default;
|
|
36
36
|
|
|
37
|
+
{% if site.brand_color == site.accent_color %}
|
|
38
|
+
$desktop-header-background-color: $background-color;
|
|
39
|
+
$desktop-header-text-color: $text-color;
|
|
40
|
+
$desktop-header-text-color-invert: $brand-color;
|
|
41
|
+
{% else %}
|
|
42
|
+
$desktop-header-background-color: $brand-color;
|
|
43
|
+
$desktop-header-text-color: $brand-text-color;
|
|
44
|
+
$desktop-header-text-color-invert: $brand-text-color-invert;
|
|
45
|
+
{% endif %}
|
|
46
|
+
|
|
37
47
|
$on-tiny: {{ site.theme_tiny | default: 250 }}px !default;
|
|
38
48
|
$on-small: {{ site.theme_small | default: 425 }}px !default;
|
|
39
49
|
$on-medium: {{ site.theme_medium | default: 850 }}px !default;
|
|
@@ -166,7 +176,7 @@ $base-font-stack: "Aktiv Grotesk Corp",system-ui, -apple-system, "Segoe UI", Rob
|
|
|
166
176
|
$base-font-size: 14pt !default;
|
|
167
177
|
$base-font-weight: 400 !default;
|
|
168
178
|
$base-line-height: 1.5 !default;
|
|
169
|
-
$header-font-stack: "Druk Text Web","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
179
|
+
$header-font-stack: "{{ site.heading_font | default: 'Druk Text Web' }}", "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
170
180
|
$small-font-size: $base-font-size * 0.875 !default;
|
|
171
181
|
$smaller-font-size: $base-font-size * 0.7 !default;
|
|
172
182
|
|
data/assets/js/actions-map.js
CHANGED
|
@@ -10,6 +10,8 @@ $(document).ready(function(){
|
|
|
10
10
|
{% assign actions = site.actions %}
|
|
11
11
|
{% endif %}
|
|
12
12
|
|
|
13
|
+
var now = new Date()
|
|
14
|
+
|
|
13
15
|
var actionsData = {
|
|
14
16
|
"events":[
|
|
15
17
|
{% for a in actions %}
|
|
@@ -64,6 +66,11 @@ var markerCluster = L.markerClusterGroup({
|
|
|
64
66
|
});
|
|
65
67
|
|
|
66
68
|
for (i in actionsData["events"]){
|
|
69
|
+
startDate = new Date(actionsData["events"][i]["start_date"])
|
|
70
|
+
if (startDate < (now + (60 * 60))){
|
|
71
|
+
actionsData["events"].splice(i,1);
|
|
72
|
+
continue
|
|
73
|
+
}
|
|
67
74
|
var markerLocation = actionsData["events"][i]["location"]["location"];
|
|
68
75
|
var newMarker = L.marker([markerLocation["latitude"], markerLocation["longitude"]],{icon: redMarker});
|
|
69
76
|
newMarker.actionData = actionsData["events"][i]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(a,b,c,d){"use strict";function h(b,c){this.$element=a(b),this.settings=a.extend({},f,c),this._defaults=f,this._name=e,this.init(this.$element),this.submit=function(){this.form_submit(this.$element,this)}}var e="osdi",f={autoresponse:!0,done:function(){},fail:function(){},always:function(){},status:"subscribed",immediate:!1,ajax_options:{type:"POST",dataType:"json",contentType:"application/json"}};a.extend(h.prototype,{init:function(a){this.validate_form(a)&&this.form_submit(a,this)},validate_form:function(a){return!!a.is("form")||(console.log("JQUERY OSDI ERROR: The DOM element passed to the jQuery OSDI plugin is not a form. The jQuery OSDI plugin only supports form elements."),!1)},form_submit:function(a,b){b.settings.immediate?b.submit_handler(a,b):a.on("submit",function(){return b.submit_handler(a,b),!1})},submit_handler:function(b,c){if(c.validate_submit(b)){var d,e,f,g,h,i;d=c.create_body(b),e=c.settings.endpoint&&""!=c.settings.endpoint?"function"==typeof c.settings.endpoint?c.settings.endpoint():c.settings.endpoint:b.attr("action"),f={url:e,data:JSON.stringify(d)},f="function"==typeof c.settings.ajax_options?a.extend(f,c.settings.ajax_options()):a.extend(f,c.settings.ajax_options),g=c.settings.done,h=c.settings.fail,i=c.settings.always,c.perform_ajax(f,g,h,i)}},validate_submit:function(a){return!(!this.validate_endpoint(a)||!this.validate_add_tags())},validate_endpoint:function(a){return!(!this.settings.endpoint&&!a.attr("action"))||(console.log("JQUERY OSDI ERROR: An endpoint is required. Either set the endpoint option with a string when calling the jQuery OSDI plugin, or give your form an action attribute with the endpoint as its value."),!1)},validate_add_tags:function(){return!this.settings.add_tags||("function"==typeof this.settings.add_tags?!(!a.isArray(this.settings.add_tags())||!this.settings.add_tags().length>0)||(console.log("JQUERY OSDI ERROR: The add_tags option is not a valid array of at least one element. You must pass an array with at least one element to the jQuery OSDI plugin to add tags."),!1):!(!a.isArray(this.settings.add_tags)||!this.settings.add_tags.length>0)||(console.log("JQUERY OSDI ERROR: The add_tags option is not a valid array of at least one element. You must pass an array with at least one element to the jQuery OSDI plugin to add tags."),!1))},create_body:function(b){var c,d,e,f,g,h,i,j;if(this.settings.body)c="function"==typeof this.settings.body?this.settings.body():this.settings.body;else{if(c={person:{}},"function"==typeof this.settings.autoresponse?this.settings.autoresponse()===!0&&(d={triggers:{autoresponse:{enabled:!0}}}):this.settings.autoresponse&&this.settings.autoresponse===!0&&(d={triggers:{autoresponse:{enabled:!0}}}),a.extend(c,d),this.settings.add_tags&&(j="function"==typeof this.settings.add_tags?{add_tags:this.settings.add_tags()}:{add_tags:this.settings.add_tags},a.extend(c,j)),b.find(':input[name="family_name"]').length&&b.find(':input[name="family_name"]').val()&&(c.person.family_name=a.isArray(b.find(':input[name="family_name"]').val())?b.find(':input[name="family_name"]').val().pop():b.find(':input[name="family_name"]').val()),b.find(':input[name="given_name"]').length&&b.find(':input[name="given_name"]').val()&&(c.person.given_name=a.isArray(b.find(':input[name="given_name"]').val())?b.find(':input[name="given_name"]').val().pop():b.find(':input[name="given_name"]').val()),b.find(':input[name="email_address"]').length&&b.find(':input[name="email_address"]').val()){var k=a.isArray(b.find(':input[name="email_address"]').val())?b.find(':input[name="email_address"]').val().pop():b.find(':input[name="email_address"]').val();e={email_addresses:[{address:k}]},a.extend(c.person,e),"function"==typeof this.settings.status?this.settings.status()!==!1&&(c.person.email_addresses[0].status=this.settings.status()):this.settings.status!==!1&&(c.person.email_addresses[0].status=this.settings.status)}if((b.find(':input[name="street"]').length&&b.find(':input[name="street"]').val()||b.find(':input[name="locality"]').length&&b.find(':input[name="locality"]').val()||b.find(':input[name="region"]').length&&b.find(':input[name="region"]').val()||b.find(':input[name="postal_code"]').length&&b.find(':input[name="postal_code"]').val()||b.find(':input[name="country"]').length&&b.find(':input[name="country"]').val())&&(f={},b.find(':input[name="street"]').length&&b.find(':input[name="street"]').val()&&(f.address_lines=[a.isArray(b.find(':input[name="street"]').val())?b.find(':input[name="street"]').val().pop():b.find(':input[name="street"]').val()]),b.find(':input[name="locality"]').length&&b.find(':input[name="locality"]').val()&&(f.locality=a.isArray(b.find(':input[name="locality"]').val())?b.find(':input[name="locality"]').val().pop():b.find(':input[name="locality"]').val()),b.find(':input[name="region"]').length&&b.find(':input[name="region"]').val()&&(f.region=a.isArray(b.find(':input[name="region"]').val())?b.find(':input[name="region"]').val().pop():b.find(':input[name="region"]').val()),b.find(':input[name="postal_code"]').length&&b.find(':input[name="postal_code"]').val()&&(f.postal_code=a.isArray(b.find(':input[name="postal_code"]').val())?b.find(':input[name="postal_code"]').val().pop():b.find(':input[name="postal_code"]').val()),b.find(':input[name="country"]').length&&b.find(':input[name="country"]').val()&&(f.country=a.isArray(b.find(':input[name="country"]').val())?b.find(':input[name="country"]').val().pop():b.find(':input[name="country"]').val()),g={postal_addresses:[f]},a.extend(c.person,g)),b.find(':input[name="phone_number"]').length&&b.find(':input[name="phone_number"]').val()){var l=a.isArray(b.find(':input[name="phone_number"]').val())?b.find(':input[name="phone_number"]').val().pop():b.find(':input[name="phone_number"]').val();h={phone_numbers:[{number:l}]},a.extend(c.person,h)}b.find(':input[name^="custom["]').length&&(i={},a.each(b.find(':input[name^="custom["]').serializeArray(),function(){""!=this.value&&(i[this.name.replace(/^custom\[|\]$/g,"")]=this.value)}),a.isEmptyObject(i)||(c.person.custom_fields=i))}return c},perform_ajax:function(b,c,d,e){a.ajax(b).done(function(a,b,d){c(a,b,d)}).fail(function(a,b,c){d(a,b,c)}).always(function(a,b,c){e(a,b,c)})}}),a.fn[e]=function(b){return this.each(function(){a.data(this,"plugin_"+e)?a.data(this,"plugin_"+e).submit():a.data(this,"plugin_"+e,new h(this,b))})}}(jQuery,window,document);
|
|
Binary file
|
|
Binary file
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-chaos
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- joe-irving
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2021-
|
|
11
|
+
date: 2021-11-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -104,9 +104,11 @@ files:
|
|
|
104
104
|
- LICENSE.txt
|
|
105
105
|
- README.md
|
|
106
106
|
- _includes/accordion.html
|
|
107
|
+
- _includes/an-blind-post.html
|
|
107
108
|
- _includes/block.html
|
|
108
109
|
- _includes/blog-list.html
|
|
109
110
|
- _includes/counter.html
|
|
111
|
+
- _includes/custom-head.html
|
|
110
112
|
- _includes/demands.html
|
|
111
113
|
- _includes/desktop-header.html
|
|
112
114
|
- _includes/events-gallery.html
|
|
@@ -122,6 +124,7 @@ files:
|
|
|
122
124
|
- _includes/logo-whatsapp.svg
|
|
123
125
|
- _includes/map.html
|
|
124
126
|
- _includes/mobile-header.html
|
|
127
|
+
- _includes/nested-blog-list.html
|
|
125
128
|
- _includes/partner-list.html
|
|
126
129
|
- _includes/resources.html
|
|
127
130
|
- _includes/share-links.html
|
|
@@ -151,6 +154,7 @@ files:
|
|
|
151
154
|
- _sass/chaos/map.scss
|
|
152
155
|
- _sass/chaos/mobile-header.scss
|
|
153
156
|
- _sass/chaos/print.scss
|
|
157
|
+
- _sass/curator.scss
|
|
154
158
|
- _sass/custom.scss
|
|
155
159
|
- _templates/an-event.md
|
|
156
160
|
- assets/css/MarkerCluster.Default.css
|
|
@@ -200,10 +204,13 @@ files:
|
|
|
200
204
|
- assets/js.js
|
|
201
205
|
- assets/js/actions-map.js
|
|
202
206
|
- assets/js/an-event-page.js
|
|
207
|
+
- assets/js/jquery-osdi.js
|
|
203
208
|
- assets/js/jquery.js
|
|
204
209
|
- assets/js/leaflet.markercluster-src.js
|
|
205
210
|
- assets/js/mailing-list.js
|
|
206
211
|
- assets/link.svg
|
|
212
|
+
- assets/marker-icon-red.png
|
|
213
|
+
- assets/marker-shadow.png
|
|
207
214
|
homepage: https://tippingpointuk.github.io/jekyll-chaos
|
|
208
215
|
licenses:
|
|
209
216
|
- MIT
|