aacinfo-theme 0.2.0 → 2.0.1

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    Njg3MDY1NDZlMmQxNjg2YzAyMjI3NjAxNWZkYWMzZTVjMzExNWE5Ng==
+    MDE0YTg3ODM1NGVmZjA5ZDFmMTdjOTI4MDg2MmEwYWVjMThmMmIxYg==
   data.tar.gz: !binary |-
-    MmJjNTJmNDc5MmYyMzk0YmI1YmEzMGY2ODE3OGI5YzViMWRlN2M2NQ==
+    MzRhZmQ1ZDhhY2UxY2JmNzEzZGI4YmZiZWVlMzhmMzIxM2RiNGNlZg==
 SHA512:
   metadata.gz: !binary |-
-    YzYxYzI5MzQzM2U0NTdkMmRlOTRjZDM4ZmY0M2M2NzFlNjhlNGQyZGU5NmE5
-    ODc5ZWI4MGQzNzE1YWMwMTViMjNmMjg5ZGIyYTIxYjQwNjk5Mzk0ODkyMTgz
-    M2U3ZjU3NjU3NmE1MWRiNmNkYTg3NzA0ZDEzMDgxY2Q2OTE5NDU=
+    Yjc2NjMxMTA4ZjlmMzE2YjU0OTIxNTAxMGY5YjViYzRhOWZmYTQ0NmFkNDlj
+    N2FmM2E3ZjVkOTk4ZmU4ZDUyMTcyOGI2OGVmOTgyYzY0ZGVmMjdmM2M2M2Vl
+    YTY2ZWY3MzYwYWYzNDg0ODg3MzkwY2JhYTc5ZTc0YzIzODM5MDM=
   data.tar.gz: !binary |-
-    NWY4NDAwMTQzOWE2OGQ3NGU0OWZlMzY1M2UyZWUwZjgyYzU0YTI3MTM3OWU3
-    YzYyMzdiY2ZiYjZlMzBhYzQ5ZWMyN2Q1YWQ1NWI5NTQ0NmZhODdhODQzMDEw
-    YjllNGI1NGMyMGY4YjkyMGViNTBjNmIyMWFiNDdjNzczNjZlMmE=
+    ZTlkYWVhMzc5MWMwOWZhZTBhNmZlZjkxYjdkNDk1OGYyZDFiOTQ1YzU1MWQ4
+    ZTFkYzI2OTAwOTBlYjZhODRmZWJkOTlmMGMwMmQ1YjFiMjQwMzE1NmNjYzI3
+    ODM4Yjg2ZTI2NDQwNmE3NzY4NTZhYjExY2QxNGIwYjRmODcwZjU=

data/README.md

@@ -1 +1,25 @@
-# A very simple Jekyll theme
+# A very simple Jekyll theme based on AACInfo
+
+So you want to create a ACE Centre minisite?
+
+You have two options.
+
+## 1. The easy route
+
+* Fork this project. (Login and click on fork project above). More info [here](https://help.github.com/articles/fork-a-repo/#fork-an-example-repository)
+* Update your files at the root of this project with something.md in them
+* Use forestry.io
+
+##2. The better - but not always *best* route
+
+* Create a new Jekyll site and in your _config.yml file put:
+
+`theme: aacinfo-theme`
+
+* Then install the gem
+
+`gem install aacinfo-theme`
+
+Happy days!
+
+

data/_includes/footer.html

@@ -0,0 +1,54 @@
+
+
+	</section>
+	<footer id="footer-container">
+		<div class="footer-top">
+			<div class="wrapper">
+				<div class="footer-logo">
+					<img src="{{ 'assets/images/' | absolute_url }}{{ site.data.footer.image_location }}" alt="{{ site.data.footer.image_alt }}">
+				</div>
+				<div class="footer-information">
+					<div class="footer-menu">
+						<div class="social-media">
+							<ul class="social-links">
+								{% include parts/social-media.html %}
+								{% for p in site.pages %}
+									{% if p.url == '/privacy/' or p.url == '/privacy' %}
+										<li class="menu-item">
+											<a href="{{ p.url | absolute_url }}">Your privacy matters</a>
+										</li>
+									{% endif %}
+								{% endfor %}
+							</ul>
+						</div>
+					</div>
+					<div class="charity-information">
+						<p>{{ site.data.footer.footer_text }}</p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="footer-bottom">
+			<div class="wrapper">
+				<div class="footer-copyright">
+					<p>Copyright &copy;{{ 'now' | date: "%Y" }} Ace Centre</p>
+				</div>
+				<div class="footer-fig">
+					<a href="https://fig.agency/" target="_blank" rel="nofollow" title="Visit FIG">
+						<svg xmlns="http://www.w3.org/2000/svg" width="49" height="63" viewBox="0 0 35 45">
+							<title>Built by FIG</title>
+							<path d="M33.7 13.7c-2-3.3-4.7-5-8-5-1.3 0-2.7 0.3-4.1 1-3.3 2-4.9 4.6-4.9 7.9 0 1.5 0.4 3 1.1 4.5 2 3 4.6 4.6 7.6 4.6l0 0c2.1 0 4.6-0.4 5.9-2v4.3c0 3.5-1.4 6.6-3.7 8.9-2.3 2.3-5.4 3.7-8.9 3.7-3.5 0-6.6-1.4-8.9-3.7-2.3-2.3-3.7-4.7-3.7-8.2 0-0.9-0.7-1.6-1.6-1.6-0.9 0-1.6 0.7-1.6 1.6 0 8.8 7.1 15.1 15.9 15.1 8.8 0 15.9-7.1 15.9-15.9v-3.9-3.4-2.9-0.9C34.6 16.5 34.3 15.1 33.7 13.7zM31.2 17.9c0 0.8-0.2 1.6-0.7 2.5-1.2 1.9-2.8 2.8-4.6 2.8h-0.5c-0.6 0-1.2-0.1-1.9-0.4-2.3-1.1-3.4-2.8-3.4-5.1V17.6c0-0.5 0.1-1.1 0.3-1.9 1.2-2.4 2.9-3.6 5.2-3.6h0.1c0.8 0 1.6 0.2 2.3 0.5 2.2 1.2 3.2 2.8 3.2 5V17.9z" class="a"/>
+							<path d="M12.8 26.6c-0.5 0-0.9-0.2-1.2-0.5l0 0c-0.3-0.3-0.5-0.8-0.5-1.3l0 0V13.6c0-0.5 0.2-1 0.5-1.3l0 0c0.3-0.3 0.7-0.5 1.2-0.5l0 0c0.5 0 0.9 0.2 1.2 0.5l0 0c0.3 0.3 0.5 0.8 0.5 1.3l0 0v11.2c0 0.5-0.2 1-0.5 1.3l0 0c-0.3 0.3-0.7 0.5-1.2 0.5l0 0C12.8 26.6 12.8 26.6 12.8 26.6L12.8 26.6z" class="a"/>
+							<path d="M12.8 7.2c0.8 0 1.5 0.7 1.5 1.5 0 0.8-0.7 1.5-1.5 1.5-0.8 0-1.5-0.7-1.5-1.5C11.3 7.9 12 7.2 12.8 7.2z" class="a"/>
+							<path d="M12.8 7c0.9 0 1.7 0.8 1.7 1.7l0 0c0 0.9-0.8 1.7-1.7 1.7l0 0c-0.9 0-1.7-0.8-1.7-1.7l0 0C11.1 7.8 11.9 7 12.8 7L12.8 7" class="a"/>
+							<path d="M11.9 0C8.6 0 5.9 1.6 4 4.9 3.4 6.1 3.2 7.3 3.1 8.5H1.7c-0.5 0-1 0.1-1.3 0.4C0.1 9.1 0 9.5 0 10c0 0.4 0.1 0.8 0.4 1.1 0.3 0.3 0.7 0.4 1.3 0.4h1v13.3c0 0.5 0.2 1 0.5 1.3 0.3 0.3 0.7 0.5 1.2 0.5h0c0.5 0 0.9-0.2 1.2-0.5 0.3-0.3 0.5-0.8 0.5-1.3V11.5h1.7c0.5 0 1-0.1 1.3-0.4 0.3-0.3 0.4-0.6 0.4-1.1 0-0.4-0.1-0.8-0.4-1.1-0.3-0.3-0.7-0.4-1.2-0.4h-1.4c0.1-2 1.1-3.6 3.2-4.6 0.7-0.3 1.5-0.5 2.3-0.5h0.1c0 0 1-0.1 1-1.6C12.9 0.3 11.9 0 11.9 0z" class="a"/>
+						</svg>
+					</a>
+				</div>
+			</div>
+		</div>
+	</footer>
+
+	<script type="text/javascript" src="{{ "assets/javascript/scripts.js" | absolute_url }}"></script>
+</body>
+</html>

data/_includes/header.html

@@ -0,0 +1,46 @@
+<!doctype html>
+<html class="no-js" lang="en-GB" prefix="og: http://ogp.me/ns#" >
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta name="robots" content="noindex,follow,noodp">
+	{% if page.seo-title %}
+		<title>{{ page.seo-title }}</title>
+	{% else %}
+		<title>{{ page.title }} | {{ site.title }} }}</title>
+	{% endif %}{% if site.favicon_32 %}
+		<link rel="icon" href="{{ 'assets/images/' | absolute_url }}{{ site.favicon_32 }}" sizes="32x32" />
+	{% endif %}{% if site.favicon_192 %}
+		<link rel="icon" href="{{ 'assets/images/' | absolute_url }}{{ site.favicon_192 }}" sizes="192x192" />
+	{% endif %}{% if site.favicon_180 %}
+		<link rel="apple-touch-icon-precomposed" href="{{ 'assets/images/' | absolute_url }}{{ site.favicon_180 }}" />
+	{% endif %}{% if site.favicon_270 %}
+		<meta name="msapplication-TileImage" content="{{ 'assets/images/' | absolute_url }}{{ site.favicon_270 }}" />
+	{% endif %}{% if page.description %}
+		<meta name="description" content="{{ page.description }}"/>
+	{% endif %}
+	<link rel="stylesheet" type="text/css" href="{{ "/assets/css/style.css" | absolute_url }}">
+	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+    {% include theme-analytics.html %}
+</head>
+<body>
+	<header id="masthead" class="site-header">
+		<div class="top-bar">
+			<div class="site-link">
+				<a href="{{ site.data.header.link_url }}" target="_blank">{{ site.data.header.link_title }}</a>
+			</div>
+			<div class="social-media">
+				<ul class="social-links">
+					{% include parts/social-media.html %}
+				</ul>
+			</div>
+		</div>
+		<div class="main-logo">
+			<a href="{{ site.eurl }}" rel="home">
+				<img src="{{ 'assets/images/' | absolute_url }}{{ site.data.header.image_location }}" alt="{{ site.data.header.image_alt }}">
+			</a>
+		</div>
+		{% include theme-menu.html %}
+	</header>
+
+	<section>

data/_includes/parts/content.html

@@ -0,0 +1,6 @@
+{{ content }}
+{% if page.main-image.location %}
+	<div class="main-image">
+		<img src="{{ 'assets/images/' | absolute_url }}{{ page.main-image.location }}" alt="{{ page.main-image.alt }}">
+	</div>
+{% endif %}

data/_includes/parts/social-media.html

@@ -0,0 +1,10 @@
+<li>
+	<a href="https://twitter.com/acecentre" rel="me" target="_blank">
+		<svg id="icon-twitter" data-name="Twitter Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="32" height="32"><defs><clipPath id="clip-path"><rect class="cls-1" x="1" y="1" width="30" height="30"></rect></clipPath></defs><title>twitter</title><g class="cls-2"><path class="cls-3" d="M16,31A15,15,0,1,0,1,16,15,15,0,0,0,16,31"></path><path class="cls-4" d="M24.29,11.92a6.78,6.78,0,0,1-2,.54,3.41,3.41,0,0,0,1.5-1.88,6.82,6.82,0,0,1-2.16.83,3.41,3.41,0,0,0-5.8,3.1,9.66,9.66,0,0,1-7-3.56,3.41,3.41,0,0,0,1.05,4.54,3.39,3.39,0,0,1-1.54-.43s0,0,0,0a3.41,3.41,0,0,0,2.73,3.34,3.43,3.43,0,0,1-.9.12,3.38,3.38,0,0,1-.64-.06,3.41,3.41,0,0,0,3.18,2.36,6.86,6.86,0,0,1-5,1.41,9.68,9.68,0,0,0,14.9-8.15c0-.15,0-.29,0-.44a6.91,6.91,0,0,0,1.7-1.76"></path></g></svg>
+	</a>
+</li>
+<li>
+	<a href="https://www.facebook.com/AceCentre.uk/" rel="me" target="_blank">
+		<svg id="icon-facebook" data-name="Facebook Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="32" height="32"><defs><clipPath id="clip-path"><rect class="cls-1" x="1" y="1" width="30" height="30"></rect></clipPath></defs><title>facebook</title><g class="cls-2"><path class="cls-3" d="M16,31A15,15,0,1,0,1,16,15,15,0,0,0,16,31"></path><path class="cls-4" d="M20,13H17.28V11.17a.73.73,0,0,1,.76-.83H20v-3H17.31A3.36,3.36,0,0,0,13.69,11v2H12v3h1.7v8.63h3.59V16H19.7Z"></path></g></svg>
+	</a>
+</li>

data/_includes/theme-menu.html

@@ -1,29 +1,28 @@
-<div id="header">
-    <div class="container">
-        <div class="logo">
-            <a href="/">
-            {% if site.header_image != null %}
-              <img src="{{site.header_image}}" width="200px" alt="site logo" />
-            {% else %}
-              <img src="assets/images/logo-1.png" width="200px" alt="site logo" />
-            {% endif %}
-            </a>
-        </div>
-        <div id="nav">
-            <a class="menu_res"><span></span><span></span><span></span></a>
-            <div class="nav_inner clearfix">
-                <ul>
-                    {% assign pages_list = site.pages | sort:"url" %}
-                    {% for node in pages_list %}
-                    {% if node.title != null %}
+{% for p in site.data.navigation %}
 
-                        {% if node.ignoreMenu != true %}
-                        <li class="{% if page.url == node.url %} active{% endif %}"><a href="{{node.url}}">{{node.title}}</a></li>
-                        {% endif %}
-                    {% endif %}
-                    {% endfor %}
-                </ul>
-            </div>
-        </div>
-    </div>
-</div>
+	{% if forloop.first %}
+	<nav class="main-menu top-bar">
+		<ul id="menu-main-menu" class="dropdown menu desktop-menu" data-dropdown-menu role="menubar">
+	{% endif %}
+
+		<li class="menu-item menu-item-has-children {% if p.subnav %}is-dropdown-submenu-parent opens-right{% endif %}">
+			<a {% if p.url == page.url %}class="active"{% endif %} href="{{ p.url | absolute_url }}">{{ p.title }}</a>
+			{% for s in p.subnav %}
+				{% if forloop.first %}
+					<ul class="dropdown menu vertical" data-toggle>
+				{% endif %}
+					<li>
+						<a {% if s.url == page.url %}class="active"{% endif %} href="{{ s.url | absolute_url }}">{{ s.title }}</a>
+					</li>
+				{% if forloop.last %}
+					</ul>
+				{% endif %}
+			{% endfor %}
+		</li>
+
+	{% if forloop.last %}
+		</ul>
+	</nav>
+	{% endif %}
+
+{% endfor %}

data/_layouts/theme.html

@@ -1,26 +1,14 @@
-<!DOCTYPE html>
-<html>
-    {% include theme-head.html %}
-    <!-- apply our angular app to our site -->
-    <body id="appBody">
-        {% include theme-menu.html %}
-        <div id="content">
-            <div class="container">
-                <div class="row">
-                    <div class="col-2 col-md-2 col-sm-2 col-xs-2"></div>
-                    <div class="col-8 col-md-8 col-sm-8 col-xs-8">
-                        <div class="rightbar">
-                            <div class="top_c">
-                                {{ content }}
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-2 col-md-2 col-sm-2 col-xs-2"></div>
-                    <div class="ace_logo"><a href="#"><img src="/assets/images/logo-2.png" alt=""></a></div>
-                </div>
-            </div>
-        </div>
-        {% include theme-footer.html %}
-        {% include theme-analytics.html %}
-    </body>
-</html>
+{% include header.html %}
+
+	<main class="inner-container">
+
+		<div class="full-width-content">
+			<div class="wrapper">
+				<div class="content text-content{% for style in page.styles %} {{ style }}{% endfor %}">
+					{% include parts/content.html %}
+				</div>
+			</div>
+		</div>
+	</main>
+
+{% include footer.html %}

data/_layouts/title-page.html

@@ -0,0 +1,22 @@
+{% include header.html %}
+
+	<main class="inner-container title-page">
+
+		<header class="title">
+			<div class="wrapper">
+				<div class="content">
+					<h1>{{ page.title }}</h1>
+				</div>
+			</div>
+		</header>
+
+		<div class="full-width-content">
+			<div class="wrapper">
+				<div class="content text-content{% for style in page.styles %} {{ style }}{% endfor %}">
+					{% include parts/content.html %}
+				</div>
+			</div>
+		</div>
+	</main>
+
+{% include footer.html %}

data/_sass/_style.scss

@@ -0,0 +1,122 @@
+/*
+  Foundation for Sites components:
+  Import the building blocks you need for your project.
+  Reducing the number of imported components will optimize page speed.
+  ---------------------------------------------------------------------
+  The Foundation framework is built by Zurb
+  Licensed under MIT Open Source
+*/
+
+// Functions
+@import "global/functions";
+
+//  Settings
+@import "global/settings"; // Foundation settings file.
+
+// Foundation mixins & browser resets
+@import 'foundation-sites/scss/foundation';
+
+// WP overrides
+@import "global/wp-admin"; // Fix issues with wp-admin bar positioning
+@import "global/wp-overrides"; // Override the default WordPress styling for some elements
+@import "global/accessibility";
+
+// Third-party libraries
+@import 'fontawesome/scss/font-awesome';
+// @import 'motion-ui/motion-ui';
+
+// Foundation global styles
+@include foundation-global-styles;
+
+// Individual foundation components
+@include foundation-grid;
+// @include foundation-flex-grid;
+@include foundation-typography;
+@include foundation-forms;
+@include foundation-button;
+@include foundation-accordion;
+@include foundation-accordion-menu;
+@include foundation-badge;
+// @include foundation-breadcrumbs;
+@include foundation-button-group;
+@include foundation-callout;
+@include foundation-card;
+@include foundation-close-button;
+@include foundation-menu;
+@include foundation-menu-icon;
+// @include foundation-drilldown-menu;
+@include foundation-dropdown;
+@include foundation-dropdown-menu;
+@include foundation-responsive-embed;
+@include foundation-label;
+@include foundation-media-object;
+// @include foundation-off-canvas;
+// @include foundation-orbit;
+@include foundation-pagination;
+// @include foundation-progress-bar;
+// @include foundation-slider;
+// @include foundation-sticky;
+// @include foundation-reveal;
+@include foundation-switch;
+@include foundation-table;
+@include foundation-tabs;
+@include foundation-thumbnail;
+@include foundation-title-bar;
+@include foundation-tooltip;
+@include foundation-top-bar;
+@include foundation-visibility-classes;
+@include foundation-float-classes;
+// @include foundation-flex-classes;
+
+// Motion UI
+// @include motion-ui-transitions;
+// @include motion-ui-animations;
+
+/*
+  My custom styles:
+  Add your scss files below to structure your project styles
+*/
+
+// Modules
+@import "modules/navigation";
+@import "modules/footer";
+@import "modules/sidebar";
+@import "modules/twitter";
+@import "modules/editor-style";
+
+// Components
+@import "components/blockquotes";
+@import "components/buttons";
+// @import "components/cards";
+// @import "components/featured-image";
+@import "components/dividers";
+@import "components/forms";
+@import "components/links";
+@import "components/selectric";
+@import "components/spinner";
+// @import "components/slick";
+// @import "components/slick-theme";
+@import "components/pagination";
+
+// Templates
+@import "templates/archive";
+@import "templates/page-front";
+@import "templates/page-default";
+	@import "templates/page-accordion-sidebar";
+	@import "templates/page-highlights";
+	// @import "templates/page-donate";
+	@import "templates/page-contact";
+// @import "templates/page-sidebar-left";
+@import "templates/page-full-width";
+@import "templates/single-post";
+
+// Overrides
+@import "global/modernizr";
+
+@page {
+	size: A4;
+}
+
+@media print {
+	@import "templates/print";
+}

data/_sass/components/_blockquotes.scss

@@ -0,0 +1,62 @@
+blockquote {
+	position: relative;
+	font-weight: 300;
+	line-height: 1.2;
+	quotes: "\201C""\201D""\2018""\2019";
+	font-size: rem-calc(18);
+	font-style: italic;
+	margin-top: 2rem;
+	margin-bottom: 2rem;
+	border: none;
+	min-height: 75px;
+	@include breakpoint(medium) {
+		font-size: rem-calc(20);
+	}
+	&:after {
+		content: '';
+		display: block;
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		width: 20%;
+		max-width: 110px;
+		background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20110%2075%22%20width%3D%22110%22%20height%3D%2275%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bclip-path%3Aurl(%23clip-path)%3B%7D.cls-3%7Bfill%3A%23e8d0da%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%224%22%20y%3D%221.5%22%20width%3D%22102%22%20height%3D%2272%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3Equote-mark%3C%2Ftitle%3E%3Cg%20class%3D%22cls-2%22%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M4%2C73.5H23.34L44%2C42.27c4-6.07%2C6.59-11.71%2C6.59-18.65C50.6%2C9.74%2C40.93%2C1.5%2C29.5%2C1.5%2C17.63%2C1.5%2C8.84%2C10.61%2C8.84%2C23.19c0%2C7.81%2C3.08%2C14.75%2C9.67%2C18.65Zm55.4%2C0H78.74L99.41%2C42.27c4-6.07%2C6.59-11.71%2C6.59-18.65C106%2C9.74%2C96.33%2C1.5%2C84.9%2C1.5%2C73%2C1.5%2C64.23%2C10.61%2C64.23%2C23.19c0%2C7.81%2C3.08%2C14.75%2C9.67%2C18.65Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+		background-position: top right;
+		background-repeat: no-repeat;
+		background-size: contain;
+	}
+	> p {
+		line-height: inherit;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		&:first-of-type:before {
+			content: open-quote;
+		}
+		&:last-of-type:after {
+			content: close-quote;
+		}
+	}
+	footer.citation {
+		margin-top: 1rem;
+		cite {
+			margin: 0;
+		}
+	}
+	cite {
+		margin-top: 1.5rem;
+		font-style: normal;
+		font-weight: bold;
+		&:before {
+			display: none;
+		}
+		strong, b {
+			font-weight: normal;
+		}
+	}
+}
+
+q {
+	quotes: "\201C""\201D""\2018""\2019";
+}