jekyll-theme-pirati 3.0.0 → 3.1.0

data/_layouts/members.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+
+{% include page-header.html headline=page.title content=content %}
+
+{% if site.data.members.viewMode == 'grouped' %}
+  {% for group in site.data.members.groups %}
+    <div class="row o-section-block o-section-block--divided">
+      <section class="large-12 columns">
+          {% assign team = site.people | where_exp: "item", "item.categories contains group.category" %}
+          {% if group.sort %}
+            {% assign team = team | sort: group.sort %}
+          {% endif %}
+          {% include people/list-group.html team=team teamName=group.name teamShortcut=group.category %}
+      </section>
+      {% unless forloop.last %}<hr>{% endunless %}
+    </div>
+  {% endfor %}
+{% else %}
+  <div class="row o-section-block o-section-block--divided">
+    <section class="large-12 columns">
+      {% include people/list-responsive.html team=site.people %}
+    </section>
+  </div>
+{% endif %}

data/_layouts/page.html

@@ -7,29 +7,15 @@ layout: default
 {% endunless %}
 
 <div class="row">
-  <div class="medium-12
-      {% if page.rbar == empty or page.rbar == blank or page.rbar == nil %}
-        large-12
-      {% else%}
-        large-8
-      {%endif%} columns">
-    <div class="o-section o-section--spaceBot">
-      <div class="o-section-inner">
-        <main class="o-section-block">
-          <!-- Article -->
-          <article itemtype="http://schema.org/BlogPosting" itemscope="">
-            <link itemprop="mainEntityOfPage" href="{{ page.url }}">
-            <h1 itemprop="headline" class="c-page-title">
-                {% if page.fullname %}{{ page.fullname }}{% else %}{{ page.title }}{% endif %}
-            </h1>
-            <div itemprop="description">
-              {{ content }}
-            </div>
-          </article>
-          <!-- /Article -->
-        </main>
-      </div>
-    </div>
+  <div class="medium-12 {% unless page.rbar == empty or page.rbar == blank or page.rbar == nil %} large-8{% endunless %} columns">
+
+    <!-- Article -->
+    <article itemtype="http://schema.org/BlogPosting" itemscope="">
+      <link itemprop="mainEntityOfPage" href="{{ page.url }}">
+      {% capture headline %}{% if page.fullname %}{{ page.fullname }}{% else %}{{ page.title }}{% endif %}{% endcapture %}
+      {% include page-header.html headline=page.title content=content %}
+    </article>
+    <!-- /Article -->
   </div>
   {% unless page.rbar == empty or page.rbar == blank or page.rbar == nil %}
   <div class="medium-12 large-4 columns">

data/_layouts/post.html

@@ -6,50 +6,41 @@ layout: default
   <div class="row">
     <div class="medium-12 columns">
       <div class="o-section o-section--noSpaceBottom">
-        <div class="">
-          <div class="o-section-block o-section-block--fill">
-            <div class="o-section-inner">
-              <div class="medium-12 columns">
-                <!-- Article -->
-                <link itemprop="mainEntityOfPage" href="{{ page.url | absolute_url }}">
-                <header class="c-page-header">
-                  <h1 itemprop="headline" class="c-page-title"> {{ page.title }} </h1>
-                  <div class="c-metadata-block">
-                    <div class="c-metadata-block-section">
-                      <span itemprop="description" class="c-metadata-block-section__item">
-                        <i class="fa fa-calendar-o" aria-hidden="true"></i> {{ page.date | date: "%d. %m. %Y" }}
-                        <meta itemprop="datePublished" content="{{page.date | date_to_xmlschema }}">
-                        <meta itemprop="dateModified" content="">
+        <div class="o-section-block o-section-block--fill">
+          <div class="o-section-inner">
+            <div class="medium-12 columns">
+              <!-- Article -->
+              <link itemprop="mainEntityOfPage" href="{{ page.url | absolute_url }}">
+              <header class="c-page-header">
+                <h1 itemprop="headline" class="c-page-title"> {{ page.title }} </h1>
+                <div class="c-metadata-block">
+                  <div class="c-metadata-block-section">
+                    <span itemprop="description" class="c-metadata-block-section__item">
+                      <i class="fa fa-calendar-o" aria-hidden="true"></i> {{ page.date | date: "%d. %m. %Y" }}
+                      <meta itemprop="datePublished" content="{{page.date | date_to_xmlschema }}">
+                      <meta itemprop="dateModified" content="">
+                    </span>
+                    <!-- Authors -->
+                    <span itemprop="author" itemtype="http://schema.org/Person" class="c-metadata-block-section__item" itemscope="">
+                      <i class="fa fa-user" aria-hidden="true"></i>
+                      <span itemprop="name">
+                          {% include articles/author.html article=page %}
                       </span>
-                      <!-- Authors -->
-                      <span itemprop="author" itemtype="http://schema.org/Person" class="c-metadata-block-section__item" itemscope="">
-                        <i class="fa fa-user" aria-hidden="true"></i>
-                        <span itemprop="name" class="c-BlogPosting-excerpt__author">
-                            {% if page.authorId %}
-                              {% assign author = site.people | where_exp:"item","item.uid contains page.authorId" | first %}
-                              <a href={{author.url}}>
-                                  {{author.name}}
-                              </a>
-                            {% else %}
-                              {{ page.author }}
-                            {% endif %}
-                        </span>
-                      </span>
-                    </div>
-                    {% if page.tags %}
-                    <div class="c-metadata-block-section">
-                      <ul class="c-tag-list">
-                        {% for tag in page.tags %}
-                        <li class="c-tag-list__item">
-                          <a href="{{ tag | prepend: '/tags/#' | relative_url }}" class="c-tag">{{ tag }}</a>
-                        </li>
-                        {% endfor %}
-                      </ul>
-                    </div>
-                    {% endif %}
+                    </span>
                   </div>
-                </header>
-              </div>
+                  {% if page.tags %}
+                  <div class="c-metadata-block-section">
+                    <ul class="c-tag-list">
+                      {% for tag in page.tags %}
+                      <li class="c-tag-list__item">
+                        <a href="{{ tag | prepend: '/tags/#' | relative_url }}" class="c-tag">{{ tag }}</a>
+                      </li>
+                      {% endfor %}
+                    </ul>
+                  </div>
+                  {% endif %}
+                </div>
+              </header>
             </div>
           </div>
         </div>

data/_layouts/program-post.html

@@ -0,0 +1,5 @@
+---
+layout: page
+---
+
+<div class="c-emphasized-text c-program-page">{{ content }}</div>

data/_sass/_base.scss

@@ -16,123 +16,3 @@ html, body {
   }
 
 }
-
-hr {
-  max-width: none;
-  border: 0;
-  height: 1px;
-  background: #f3f3f3;
-}
-
-.pricing-table {
-
-  border: solid 1px #DDDDDD;
-background: #eee}
-
-  .pricing-table li {
-
-    border-bottom: dotted 1px #DDDDDD;
-
-//    font-size: 0.75rem;
-
-    padding: 0.875rem 1.125rem; }
-
-    .pricing-table li:last-child {
-
-      border-bottom: 0; }
-
-  .pricing-table .title {
-
-    background-color: red;
-
-    color: #EEEEEE;
-
-    font-size: 0.875rem;
-
-    border-bottom: 0; }
-
-  .pricing-table .price {
-
-    color: #333333;
-
-    font-size: 1.75rem;
-
-    border-bottom: 0; }
-
-  .pricing-table .description {
-
-    color: #777777;
-
-//    font-size: 0.625rem;
-}
-
-.pricing-table .small {
-
-  color: #777777;
-font-size: 0.625rem;
-text-align:right;
-}
-
-#mc_embed_signup label {
-    font-size: 1rem;
-
-
-}
-
-  .pricing-table .button {
-
-    margin: 0; }
-
-.pricing-table .pricing-table-header-img {
-
-padding:0px;margin:0px;height:98px;
-background-position: 55% 0px;
-     background-repeat:no-repeat;
-}
-
-#tabs {
-    padding: 0px;
-    background: none;
-    border-width: 0px;
-}
-#tabs .ui-tabs-nav {
-    padding-left: 0px;
-    background: transparent;
-    border-width: 0px 0px 1px 0px;
-    -moz-border-radius: 0px;
-    -webkit-border-radius: 0px;
-    border-radius: 0px;
-}
-
-.ui-tabs .ui-tabs-nav li {
-    margin-right: 0.34em;
-    background: #eee;
-}
-
-.ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
-    background: #007fff !important;}
-
-#tabs .ui-tabs-panel {
-    background: #eee;
-    border-width: 0px 1px 1px 1px;
-}
-
-.asterisk {color:red}
-
-#mc_embed_signup_scroll .c-cta-button--primary {
-color: rgb(255, 255, 255);
-background-color: rgb(92, 184, 92);
-border-color: rgb(92, 184, 92);
-width:100%;
-text-align:center;
-margin-top:10px;
-}
-
-
-.election-teaser {
-  margin-top: 35px;
-
-  @include breakpoint(small down) {
-    margin: 1.5rem 0;
-  }
-}

data/_sass/_settings.scss

@@ -60,7 +60,7 @@ $light-gray: #e6e6e6;
 $medium-gray: #cacaca;
 $dark-gray: #8a8a8a;
 $black: #0a0a0a;
-$white: #fefefe;
+$white: #fff;
 $body-background: $white;
 $body-font-color: $black;
 $body-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
@@ -147,8 +147,8 @@ $anchor-color: $primary-color;
 $anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
 $anchor-text-decoration: none;
 $anchor-text-decoration-hover: none;
-$hr-width: $global-width;
-$hr-border: 1px solid $medium-gray;
+$hr-width: 100%;
+$hr-border: 1px solid $light-gray;
 $hr-margin: rem-calc(20) auto;
 $list-lineheight: $paragraph-lineheight;
 $list-margin-bottom: $paragraph-margin-bottom;
@@ -352,7 +352,7 @@ $input-font-size: rem-calc(16);
 $input-background: $white;
 $input-background-focus: $white;
 $input-background-disabled: $light-gray;
-$input-border: 1px solid $medium-gray;
+$input-border: 1px solid $primary-color;
 $input-border-focus: 1px solid $dark-gray;
 $input-shadow: inset 0 1px 2px rgba($black, 0.1);
 $input-shadow-focus: 0 0 5px $medium-gray;

data/_sass/components/article-listing.scss

@@ -0,0 +1,51 @@
+.c-article-listing--vertical {
+  margin-bottom: 2.5rem;
+
+  .c-article-listing__meta {
+    margin: 1rem 0;
+  }
+
+  @include breakpoint(small down) {
+    border-bottom: 1px $light-gray solid;
+    padding-bottom: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+}
+
+.c-article-listing__row {
+  display: flex;
+  margin-top: 1.25rem;
+  padding-bottom: 1.25rem;
+
+  @include breakpoint(small down) {
+    flex-direction: column;
+  }
+}
+
+.c-article-listing:not(.c-article-listing--vertical) {
+  padding-bottom: 1.25rem;
+
+  .c-article-listing__photobox {
+    max-width: 265px;
+    flex-shrink: 0;
+    padding-right: 1.25rem;
+
+    @include breakpoint(small down) {
+      max-width: 100%;
+      padding-right: 0;
+      padding-bottom: 1.25rem;
+    }
+  }
+}
+
+.c-article-listing:not(:first-of-type):not(.c-article-listing--vertical) {
+  border-top: 1px $light-gray solid;
+}
+
+.c-article-listing__nextbox {
+  max-width: 265px;
+
+  @include breakpoint(large down) {
+    max-width: none;
+  }
+}

data/_sass/components/blockquote.scss

@@ -1,13 +1,12 @@
 .c-blockquote {
-  font-family: $header-font-family;
   font-size: 1.45rem;
   font-weight: 300;
   font-style: italic;
-  color: map-get($foundation-palette, dark);
+  color: $dark-gray;
 
   margin: 0 0 1rem;
-  padding: 0.5625rem 1.25rem 0 1.6875rem;
-  border-left: 1px solid transparent;
+  padding: 0.5625rem 1.25rem 0 0;
+  border-left: 0;
 
   @include breakpoint(medium down) {
     br {
@@ -26,7 +25,7 @@
     display: inline-block;
     position: absolute;
     top: 0;
-    left: 1.6875rem;
+    left: 0;
     font-family: 'FontAwesome';
     font-size: 4rem;
     opacity: 0.15;
@@ -35,7 +34,6 @@
 
   @include breakpoint(medium down) {
     padding-top: 0.5625rem;
-    padding-left: 5rem;
 
     &:before {
       left: 0;
@@ -50,4 +48,4 @@
       font-size: 2.5rem;
     }
   }
-}
+}

data/_sass/components/hp-banner.scss

@@ -0,0 +1,11 @@
+/**
+ * Homepage banner image
+ */
+
+ .c-hp-banner {
+  margin-top: 2rem;
+
+  @include breakpoint(small down) {
+    margin: 1.5rem 0;
+  }
+}

data/_sass/components/pagination.scss

@@ -1,18 +1,39 @@
-.pagination {
+.c-pagination {
   margin-top: 4rem;
+  margin-left: 0;
+  margin-bottom: 0;
+  list-style-type: none;
 
   @include breakpoint(mobile down) {
     margin-top: 1rem;
+    margin-bottom: 1rem;
   }
 
-  a {
-    padding: $button-padding;
-    color: $anchor-color;
+  .c-pagination__previous a,
+  .c-pagination__next a {
+    color: $button-color;
+    background-color: $button-background;
+  }
+}
+
+.c-pagination__link {
+  display: inline-block;
+
+  &.c-pagination__link--current .c-pagination__anchor {
+    border: 1px $primary-color solid;
   }
 
-  .pagination-previous a,
-  .pagination-next a {
+  &:not(:last-child) {
+    margin-right: .75rem;
+  }
+
+  &:hover a.c-pagination__anchor {
     color: $button-color;
-    background-color: $button-fill;
+    background-color: $button-background;
   }
 }
+
+.c-pagination__anchor {
+  padding: $button-padding;
+  color: $anchor-color;
+}