jekyll-theme-pirati 8.0.0.pre.alpha5 → 8.1.0

This diff has not been reviewed by any users.
Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +139 -3
  3. data/_data/parties.yml +7 -0
  4. data/_includes/article-box/article-box.html +15 -18
  5. data/_includes/article-box/list.html +11 -0
  6. data/_includes/candidate-badge.html +7 -10
  7. data/_includes/contact-line.html +1 -1
  8. data/_includes/header.html +2 -2
  9. data/_includes/hero/simple.html +1 -1
  10. data/_includes/page-header.html +1 -1
  11. data/_includes/party.html +15 -0
  12. data/_includes/people/profile-badge.html +1 -1
  13. data/_includes/program/list.html +9 -9
  14. data/_includes/right-bar/bar_board.html +19 -29
  15. data/_includes/right-bar/bar_fb.html +9 -19
  16. data/_includes/right-bar/bar_garant.html +2 -2
  17. data/_includes/right-bar/bar_kodo.html +11 -18
  18. data/_includes/right-bar/bar_map.html +25 -24
  19. data/_includes/right-bar/bar_page_contact.html +2 -12
  20. data/_includes/right-bar/bar_people.html +1 -1
  21. data/_includes/right-bar/bar_person_articles.html +1 -1
  22. data/_includes/right-bar/bar_profile.html +16 -12
  23. data/_includes/right-bar/bar_program.html +1 -1
  24. data/_includes/right-bar/bar_textbox.html +4 -12
  25. data/_includes/right-bar/bar_tw.html +2 -12
  26. data/_includes/right-bar/bar_video.html +12 -38
  27. data/_includes/right-bar/rbar.html +5 -4
  28. data/_includes/right-bar/rbar_profiles.html +1 -8
  29. data/_includes/social-icons.html +8 -0
  30. data/_layouts/blank-article.html +1 -1
  31. data/_layouts/communal-elections.html +2 -7
  32. data/_layouts/person.html +11 -2
  33. metadata +8 -71
  34. data/_includes/article-box/three-in-row.html +0 -22
  35. data/_includes/right-bar/bar_cal.html +0 -22
  36. data/_sass/_base.scss +0 -23
  37. data/_sass/_fonts.scss +0 -42
  38. data/_sass/_settings.scss +0 -688
  39. data/_sass/_sprites.scss +0 -0
  40. data/_sass/components/Slider.scss +0 -0
  41. data/_sass/components/academic-title.scss +0 -7
  42. data/_sass/components/article-card.scss +0 -41
  43. data/_sass/components/article-infobox.scss +0 -9
  44. data/_sass/components/article-listing.scss +0 -95
  45. data/_sass/components/banner.scss +0 -75
  46. data/_sass/components/blockquote.scss +0 -83
  47. data/_sass/components/card.scss +0 -154
  48. data/_sass/components/contact-bar.scss +0 -93
  49. data/_sass/components/content-block.scss +0 -24
  50. data/_sass/components/content-card.scss +0 -31
  51. data/_sass/components/corner-ribbon.scss +0 -25
  52. data/_sass/components/cta-button.scss +0 -54
  53. data/_sass/components/footer.scss +0 -5
  54. data/_sass/components/header-bar.scss +0 -118
  55. data/_sass/components/headline-media.scss +0 -42
  56. data/_sass/components/hero.scss +0 -164
  57. data/_sass/components/highlight.scss +0 -60
  58. data/_sass/components/hp-banner.scss +0 -21
  59. data/_sass/components/icon.scss +0 -33
  60. data/_sass/components/intention-map.scss +0 -23
  61. data/_sass/components/member-list.scss +0 -7
  62. data/_sass/components/metadata-block.scss +0 -29
  63. data/_sass/components/multicolumn.scss +0 -25
  64. data/_sass/components/pagination.scss +0 -44
  65. data/_sass/components/person.scss +0 -9
  66. data/_sass/components/profile-badge.scss +0 -74
  67. data/_sass/components/program.scss +0 -150
  68. data/_sass/components/region.scss +0 -83
  69. data/_sass/components/simple-accordion.scss +0 -80
  70. data/_sass/components/suggest-improvement.scss +0 -10
  71. data/_sass/components/tag.scss +0 -29
  72. data/_sass/components/tile.scss +0 -20
  73. data/_sass/components/top-bar.scss +0 -202
  74. data/_sass/components/top-sub-nav.scss +0 -81
  75. data/_sass/components/typography.scss +0 -85
  76. data/_sass/components/vertical-navigation.scss +0 -67
  77. data/_sass/components/widget-accordion.scss +0 -109
  78. data/_sass/components/widget-share-box.scss +0 -117
  79. data/_sass/components/widget-simple-text.scss +0 -15
  80. data/_sass/layouts/_cast.scss +0 -262
  81. data/_sass/layouts/_kandidatka.scss +0 -78
  82. data/_sass/objects/media.scss +0 -35
  83. data/_sass/objects/section.scss +0 -211
  84. data/_sass/objects/space.scss +0 -7
  85. data/_sass/pirati.scss +0 -58
  86. data/_sass/utilities/header-styles.scss +0 -16
  87. data/_sass/utilities/utilities.scss +0 -139
  88. data/assets/css/main.scss +0 -3
  89. data/assets/fonts/BebasNeue-Thin.ttf +0 -0
  90. data/assets/fonts/BebasNeue-Thin.woff +0 -0
  91. data/assets/fonts/BebasNeueBold.ttf +0 -0
  92. data/assets/fonts/BebasNeueBold.woff +0 -0
  93. data/assets/fonts/BebasNeueBook.ttf +0 -0
  94. data/assets/fonts/BebasNeueBook.woff +0 -0
  95. data/assets/fonts/BebasNeueLight.ttf +0 -0
  96. data/assets/fonts/BebasNeueLight.woff +0 -0
  97. data/assets/fonts/BebasNeueRegular.ttf +0 -0
  98. data/assets/fonts/BebasNeueRegular.woff +0 -0
  99. data/assets/fonts/demo.html +0 -311
  100. data/assets/fonts/stylesheet.css +0 -40
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d4579a39ad0ccc0a34b4926136ba1276e86127253744f9319fd2447ae30574e0
4
- data.tar.gz: 57896ad08ae0d7f68e79bf06348920d271089a47a643ac5feaa8ef8f9194eba1
3
+ metadata.gz: 36af05f7dada0b1bd73b5d669832b2971d505be7f73ca6202142b1e53390f938
4
+ data.tar.gz: a96935836900ec028757ee40ec6515c3e8bee10048508d4c42a83dda79649bc4
5
5
  SHA512:
6
- metadata.gz: 4ad16a19f290d189d5d7b6e8176e3c2111b09adb806667e508a01e3a4ea2a719e752178e200922473aec1d67052efc3650a976721cbb3484c8128ce1f9eda83e
7
- data.tar.gz: f64ac3a2ed684b90b83ec0c14c63fef7bb91b5b2d67cc0cd259ca8319a142938f3d8b8414d02471d1f89630dbe395b25a472ce17da4261f9a0a86e2cf5faf675
6
+ metadata.gz: 3bd8dd3bf90e9285322d0f3d33df1f3594321abc08ef8fb97f5056d4637cfd8a9e7e6629b527eb3e0a82d1c3547c9c29100366cebc1d3a0499b84b2e989bbdfb
7
+ data.tar.gz: 6552a452d352a5693fdfd988d69199fb7e64f30e350a33e488f9f53ac4b3c896d2b2c4e26f055aeff3bc49e39616788050d58ddb56eb7bc946cd9925b904a380
data/README.md CHANGED
@@ -8,6 +8,145 @@ Theme of Czech Pirate Party.
8
8
 
9
9
  For usage see [USAGE.md](USAGE.md)
10
10
 
11
+ ## Updating to 8.x
12
+
13
+ 8.x version features a fully revamped UI based on our new [UI
14
+ styleguide](https://styleguide.pir-test.eu/). The theme no longer has it's own
15
+ CSS styles. Instead, all the styles are being provided by the styleguide itself.
16
+ Same applies to JS: whole webpack asset pipeline has been dropped which
17
+ resulted in a lot simpler design. This version is a transition one before
18
+ migrating to Wagtail-driven websites. No more major updates will follow, only
19
+ bugfixes a maybe some minor adjustments.
20
+
21
+ ### New features
22
+
23
+ #### Sub links for campaigns
24
+
25
+ You can now add sub link super buttons to campaign pages. To add it, provide the `subLinks` property of the particular campaign
26
+ record with following shape:
27
+
28
+ ```
29
+ subLinks:
30
+ - title: Povolební strategie
31
+ icon: ico--strategy
32
+ classes: bg-grey-125 hover:bg-black hover:text-white
33
+ href: /
34
+ - title: Financování kampaně
35
+ icon: ico--calculator
36
+ classes: bg-black text-white hover:bg-grey-125 hover:text-black
37
+ href: /
38
+ ```
39
+
40
+ #### Transarency section in the footer
41
+
42
+ Footer section listing transparent accounts and stuff can be enabled/disabled
43
+ using `transparencySection: true/false` property in the `_data/menu.yml`.
44
+
45
+
46
+ #### New includes
47
+
48
+ - `_includes/avatar.html` - creates [avatar image](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-avatars)
49
+ - `_includes/buttons/basic.html` - a [button without icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
50
+ - `_includes/buttons/icon.html` - a [button with icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
51
+ - `_includes/buttons/super.html` - a [super button](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-super-buttons)
52
+ - `_includes/calendar.html` - a [calendar widget](https://styleguide.pir-test.eu/latest/?p=molecules-js-calendar)
53
+ - `_includes/contact-line.html` - a generic [contact line](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-contact-lines)
54
+ - `_includes/countdown.html` - a [countdown widget](https://styleguide.pir-test.eu/latest/?p=viewall-organisms-countdown)
55
+ - `_includes/hero/simple.html` - a [simple hero banner](https://styleguide.pir-test.eu/latest/?p=templates-pirate-center)
56
+ - `_includes/hero/advanced.html` - a [complex hero banner](https://styleguide.pir-test.eu/latest/?p=templates-elections)
57
+
58
+ #### New pagination
59
+
60
+ You should update your pagination settings to `12` instead of `11`.
61
+
62
+ #### Set styleguide url in the config
63
+
64
+ Add `styleguide_base_url` property pointing to styleguide version you want to use.
65
+
66
+ #### New pirate-center layout
67
+
68
+ Provide front matter like following:
69
+
70
+ ```yaml
71
+ title: ParduPiCe - Pardubické pirátské centrum
72
+ shorthand: ParduPiCe
73
+ openingHoursSEO: Mo-Fr 9:00-17:00
74
+ heroHeadline: Zbrusu nové krajské pirátské centrum!
75
+ heroDescription: V Pardubicích jsme otevřeli nové pirátské centrum pod zkratkou ParduPiCe.
76
+ img: pardupice/1.jpg
77
+ address: |
78
+ Pardubické pirátské centrum
79
+ Budova T-STRING
80
+ Masarykovo náměstí 1484
81
+ 530 02 Pardubice I
82
+ addressNote: Vstup do pirátského centra naleznete z boku budovy T-STRING naproti „AFI paláci“, vedle kadeřnictví. Vchod je v prostoru vjezdu na parkoviště ve vnitrobloku.
83
+ contactPersons:
84
+ - id: filip.varecha
85
+ description: Správce coworku
86
+ - id: jan.bednar
87
+ description: Produkce
88
+ calendarId: t60uj67580oudjh04tuh5icl8o@group.calendar.google.com
89
+ calendarTitle: Kalendář akcí
90
+ calendarPage: https://calendar.google.com/calendar/embed?src=t60uj67580oudjh04tuh5icl8o%40group.calendar.google.com&ctz=Europe%2FPrague
91
+ mapIframeLink: https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10250.279531989467!2d15.770466!3d50.0381549!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd4d03352a17e038b!2zUGFyZHVQaUNlIOKAkyBQYXJkdWJpY2vDqSBQaXLDoXRza8OpIGNlbnRydW0!5e0!3m2!1scs!2scz!4v1568565921492!5m2!1scs!2scz
92
+ ```
93
+
94
+ If you provide `calendarId`, it will display the event list automatically.
95
+
96
+
97
+ #### Display party affiliation on person page
98
+
99
+ To display, add `partyUid: [party_uid]` in the page front matter.
100
+
101
+ #### Use customized hero background on person page
102
+
103
+ To use it fully, provide `heroImg` in the person markdown file.
104
+
105
+ #### Highlight important articles
106
+
107
+ These will show as the [emphasized variant in black](https://styleguide.pir-test.eu/latest/?p=viewall-molecules-article-card).
108
+
109
+
110
+ ### Backwards incompatible changes
111
+
112
+ #### Candidate lists
113
+
114
+ New data entity `parties` has been introduced. Needs to be added as `_data/parties.yml`. It's an array with following structure:
115
+
116
+ ```
117
+ - uid: [party_id]
118
+ name: [party_verbose_name]
119
+ logoImg: [party_image_in_svg_format]
120
+ ```
121
+
122
+ All existing candidate lists need to be updated. Specifically, `party` property
123
+ has to be replaced with `partyUid` pointing to actual `uid` in `parties.yml`.
124
+
125
+ #### Font awesome dropped in favor of custom iconset
126
+
127
+ As the result, all the `fa*` icons won't work anymore. New icons has `ico--*` naming instead. See the [styleguide](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-icons) for an overview of available icons. You will need to update your icons should you used some. Namely, icons will have to be updated in the `menu.yml`.
128
+
129
+
130
+ #### Some deleted templates
131
+
132
+ - `_includes/article-box/three-in-row.html` - replaced with `_includes/article-box/list.html`
133
+ - `_includes/rbar/bar_photo.html` - now replaced with `bar_profile.html` that already contains a picture
134
+ - `_includes/rbar/bar_person_contact.html` - now replaced with `bar_profile.html` that already contains a contact section
135
+
136
+
137
+ #### Obsolete JS widgets
138
+
139
+ Following widgets won't work (source kept in repository for future possible use):
140
+
141
+ - Agenda - replaced with calendar from styleguide
142
+ - Intention map - no replacement
143
+ - Custom layer map - no replacement
144
+ - Site search - no replacement, no site search available anymore
145
+
146
+ ## Updating to 7.x
147
+
148
+ Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
149
+
11
150
  ## Updating to 6.x
12
151
 
13
152
  To upgrade to v6 which features major visual upgrade, following steps are necessary:
@@ -26,9 +165,6 @@ To upgrade to v6 which features major visual upgrade, following steps are necess
26
165
  <h1 class="t-h2-alt">Přidejte se</h1>
27
166
  </div>
28
167
  ```
29
- ## Updating to 7.x
30
-
31
- Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
32
168
 
33
169
  ## Contributing
34
170
 
@@ -0,0 +1,7 @@
1
+ - uid: pirati
2
+ name: Pirátská strana
3
+ logoImg: brand/logo.svg
4
+ - uid: bezpp
5
+ name: bez politické příslušnosti
6
+ - uid: evropani
7
+ name: Evropani.cz
@@ -1,18 +1,15 @@
1
- <div class="medium-6 large-4 {{ thecycle }} columns {% if forloop.last %} end {% endif %}">
2
- <a href="{{ include.url }}">
3
- <article class="article-card">
4
- <img src="{{ include.image }}" alt="{{include.title}}">
5
- <div class="card-content">
6
- <img class="post-icon" src="{{"/assets/img/brand/logo.png" }}" alt="P">
7
- <h4 class="post-author">{{ include.title }}</h4>
8
- <p> {{ include.description }}
9
- </p>
10
- {% if include.button %}
11
- <div class="text-right">
12
- <span class="label alert">{{ include.button }}</span>
13
- </div>
14
- {% endif %}
15
- </div>
16
- </article>
17
- </a>
18
- </div>
1
+ <article class="card">
2
+ <a href="{{ include.url }}">
3
+ <img src="{{ include.image }}" alt="{{ include.title }}" class="w-full h-48 object-cover" />
4
+ </a>
5
+ <div class="card__body p-4">
6
+ <h2 class="card-headline">{{ include.title }}</h2>
7
+ <p class="card-body-text">
8
+ {{ include.description }}
9
+ </p>
10
+
11
+ {% if include.button %}
12
+ {% include buttons/basic.html href=include.url cta=include.button class="btn--blue-300 btn--fullwidth btn--hoveractive mt-4" %}
13
+ {% endif %}
14
+ </div>
15
+ </article>
@@ -0,0 +1,11 @@
1
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 {{ include.class }}">
2
+ {% for article-box in include.article-boxes %}
3
+ {% include article-box/article-box.html
4
+ url=article-box.url
5
+ image=article-box.image
6
+ title=article-box.title
7
+ description=article-box.description
8
+ button=article-box.button
9
+ %}
10
+ {% endfor %}
11
+ </div>
@@ -29,22 +29,19 @@
29
29
  <div class="candidate-card__affiliation">
30
30
  {% if include.candidate.age %}<div>{{ include.candidate.age }} let</div>{% endif %}
31
31
 
32
- {% if include.candidate.party %}
33
- <div>
34
- {% if include.candidate.partyImg %}
35
- {% comment %}We expect an SVG format here to make things scalable{% endcomment %}
36
- {% capture partyImg %}{{ include.candidate.partyImg | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
37
- {% include avatar.html class="w-6 mr-2" alt=include.candidate.party src=partyImg %}
38
- {% endif %}
39
- <span class="font-bold font-condensed">{{ include.candidate.party }}</span>
40
- </div>
32
+ {% if include.candidate.partyUid %}
33
+ {% include party.html uid=include.candidate.partyUid %}
41
34
  {% endif %}
42
35
  </div>
43
36
  <div class="card__body candidate-card__social">
44
37
  {% if include.candidate.description %}
45
38
  <p class="font-light text-sm leading-snug italic mb-4 hidden md:block">{{ include.candidate.description }}</p>
46
39
  {% endif %}
47
- {% comment %} {{> molecules-basic-social-icon-group }} {% endcomment %}
40
+ {% if include.candidatePage %}
41
+ <div class="social-icon-group space-x-2">
42
+ {% include social-icons.html profiles=include.candidatePage.profiles %}
43
+ </div>
44
+ {% endif %}
48
45
  </div>
49
46
  </div>
50
47
  </div>
@@ -1,4 +1,4 @@
1
- <{% if include.href %}a href="{{ include.href }}"{% else %}span{% endif %} class="contact-line icon-link {{ include.class }}" {% if include.target == "_blank" %}target="_blank" rel="noopener noreferrer"{% endif %}>
1
+ <{% if include.href %}a href="{{ include.href }}"{% else %}span{% endif %} class="contact-line icon-link content-block--nostyle {{ include.class }}" {% if include.target == "_blank" %}target="_blank" rel="noopener noreferrer"{% endif %}>
2
2
  <i class="{{ include.icon }}"></i>
3
3
  <span>{{ include.caption }}</span>
4
4
  </{% if include.href %}a{% else %}span{% endif %}>
@@ -17,7 +17,7 @@
17
17
  <div v-if="show || isLgScreenSize" class="navbar__external navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto lg:flex lg:space-x-8 lg:pb-2">
18
18
  <div class="text-grey-200 text-sm lg:space-x-8 leading-loose lg:leading-normal">
19
19
  {% for item in site.data.menu.top %}
20
- {% include contact-line.html href=item.url icon=item.icon caption=item.link class="lg:inline-block" target="_blank" %}
20
+ {% include contact-line.html href=item.url icon=item.icon caption=item.link class="block lg:inline-block" target="_blank" %}
21
21
  {% endfor %}
22
22
  </div>
23
23
  {% include social-icon-group.html class="space-x-2 text-grey-200 py-4 lg:py-0" %}
@@ -93,7 +93,7 @@
93
93
  </button>
94
94
 
95
95
  {% if calendarProvided %}
96
- <a href="#" class="btn text-sm max-w-full hidden lg:block" @click="toggleView('calendar')" v-if="events.length > 0">
96
+ <a href="#" class="btn text-sm max-w-full hidden lg:block" @click="toggleView('calendar')" v-if="events.length > 0" v-cloak>
97
97
  <div class="btn__body bg-grey-800 text-grey-200 flex divide-x">
98
98
  <span class="pr-4">&#123;{events[0].title}&#125;</span>
99
99
  <span class="pl-4">&#123;{events[0].allDay ? 'Celý den' : events[0].startDateVerbose + ', ' + events[0].startTimeVerbose}&#125;</span>
@@ -3,7 +3,7 @@
3
3
  {% if include.bgImg %}style="--image-url: url({{ include.bgImg }})"{% endif %}
4
4
  >
5
5
  <div class="container container--default">
6
- <h1 class="head-alt-md md:head-alt-lg max-w-2xl">
6
+ <h1 class="head-alt-md md:head-alt-lg max-w-2xl {{ include.headlineClass }}">
7
7
  {{ include.headline }}
8
8
  </h1>
9
9
  <h2 class="head-xs mt-2 {{ include.descriptionClass }}">
@@ -3,7 +3,7 @@
3
3
  </header>
4
4
 
5
5
  {% if include.content %}
6
- <div class="{% if include.contentClass %}{{ include.contentClass }}{% endif %}" itemprop="description">
6
+ <div class="{{ include.contentClass | default: page.contentClass | default: layout.contentClass }}" itemprop="description">
7
7
  {{ include.content }}
8
8
  </div>
9
9
  {% endif %}
@@ -0,0 +1,15 @@
1
+ {% assign party = site.data.parties | where: "uid", include.uid | first %}
2
+
3
+ <div class="flex items-center">
4
+ {% if party.logoImg %}
5
+ {% comment %}We expect an SVG format here to make things scalable{% endcomment %}
6
+ {% if site.mediaStorage %}
7
+ {% capture partyImg %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ party.logoImg }}{% endcapture %}
8
+ {%- else -%}
9
+ {% capture partyImg %}{{ party.logoImg | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
10
+ {%- endif -%}
11
+ {% include avatar.html class="w-6 mr-2" alt=party.name src=partyImg %}
12
+ {% endif %}
13
+
14
+ <span class="font-bold font-condensed">{{ party.name }}</span>
15
+ </div>
@@ -35,7 +35,7 @@
35
35
 
36
36
  <div class="badge__body">
37
37
  <h2 class="{% if include.headlineClass %}{{ include.headlineClass }}{% else %}head-heavy-2xs{% endif %} badge__title">
38
- <a href="{{ url }}" title="{{ label }}">{{ label }}</a>
38
+ <a href="{{ url }}" title="{{ label }}" class="content-block--nostyle">{{ label }}</a>
39
39
  </h2>
40
40
 
41
41
  {% unless include.showDescription == false %}
@@ -1,11 +1,11 @@
1
- <div class="row small-up-2 medium-up-4 large-up-8">
1
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
2
2
  {% for item in include.program %}
3
- <div class="column column-block">
4
- <a href="{{item.url | relative_url }}">
5
- <img class="program-icon" src="{{ item.img | prepend: 'assets/img/' | relative_url}}" alt="{{item.title}}" />
6
- <center>
7
- <h2>{{item.title}}</h2>
8
- </center>
9
- </a>
10
- </div>
3
+ <div class="card elevation-3">
4
+ <div class="card__body">
5
+ <a href="{{item.url | relative_url }}">
6
+ <img class="program-icon" src="{{ item.img | prepend: 'assets/img/' | relative_url}}" alt="{{item.title}}" />
7
+ <h2>{{item.title}}</h2>
8
+ </a>
9
+ </div>
10
+ </div>
11
11
  {% endfor %}
@@ -1,32 +1,22 @@
1
1
 
2
2
  {% if page.board %}
3
- <aside class="o-section">
4
- <div class="o-section-inner o-section-inner--rightBlock">
5
- <div class="o-section-block">
6
- <div class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
7
- <div class="c-widget-accordion-content" data-tab-content="">
8
- {% if page.boardName %}
9
- <h3> {{ page.boardName }} </h3>
10
- {% else %}
11
- <h3>Předsednictvo</h3>
12
- {% endif %}
13
- <ul>
14
- {% for chair in page.board %}
15
- {% if chair.uid %}
16
- {% assign person = site.people | where_exp: "item","item.uid contains chair.uid" | first %}
17
- <li> {{chair.position}}: <strong> <a href="{{person.url}}" > {{ person.name }} </a> </strong> </li>
18
- {% else %}
19
- <li> {{chair.position}}: <strong> {{ chair.name }} </strong> </li>
20
- {% endif %}
21
- {% endfor %}
22
-
23
- </ul>
24
- {% if page.boardTurn %}
25
- konec mandátu: <a href="{{ page.boardTurn.electionUrl }}" style="text-decoration:underline"> {{ page.boardTurn.endDate }} </a></li>
26
- {% endif %}
27
- </div>
28
- </div>
29
- </div>
30
- </div>
31
- </aside>
3
+ <div class="content-block">
4
+ <h2>{{ page.boardName | default: "Předsednictvo" }}</h2>
5
+ <ul class="unordered-list unordered-list--linked">
6
+ {% for chair in page.board %}
7
+ {% if chair.uid %}
8
+ {% assign person = site.people | where_exp: "item","item.uid contains chair.uid" | first %}
9
+ <li>
10
+ <span>{{ chair.position }}: <a class="content-block--nostyle font-bold" href="{{ person.url }}">{{ person.name }}</a></span>
11
+ </li>
12
+ {% else %}
13
+ <li>
14
+ <span>{{ chair.position }}: <strong>{{ chair.name }}</strong></span>
15
+ </li>
16
+ {% endif %}
17
+ {% endfor %}
18
+ </ul>
19
+ {% if page.boardTurn %}
20
+ <p>Konec mandátu: <a href="{{ page.boardTurn.electionUrl }}" style="text-decoration:underline"> {{ page.boardTurn.endDate }} </a></p>
21
+ {% endif %}
32
22
  {% endif %}
@@ -1,21 +1,11 @@
1
- <div class="o-section-block show-for-medium">
2
- <ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
3
- <li class="c-widget-accordion-item is-active" data-accordion-item="">
4
- <a href="#" class="c-widget-accordion-link c-widget-accordion-link--fb">
5
- <span class="c-widget-accordion__title">Facebook</span>
1
+ <h2 class="head-heavy-sm mb-2">Facebook</h2>
2
+ <div class="fb-page" data-href="{{ site.facebook.profilePage }}" data-tabs="timeline" data-width="500" data-height="550" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
3
+ <div class="fb-xfbml-parse-ignore">
4
+ <blockquote cite="{{ site.facebook.profilePage }}">
5
+ <a href="{{ site.facebook.profilePage }}">
6
+ Najdete nás na Facebooku:<br>
7
+ {% if site.facebook.profilePageName %}{{ site.facebook.profilePageName }}{% else %}{{ site.organization.name }}{% endif %}
6
8
  </a>
7
- <div class="c-widget-accordion-content" data-tab-content="">
8
- <div class="fb-page" data-href="{{ site.facebook.profilePage }}" data-tabs="timeline" data-width="500" data-height="550" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
9
- <div class="fb-xfbml-parse-ignore">
10
- <blockquote cite="{{ site.facebook.profilePage }}">
11
- <a href="{{ site.facebook.profilePage }}">
12
- Najdete nás na Facebooku:<br>
13
- {% if site.facebook.profilePageName %}{{ site.facebook.profilePageName }}{% else %}{{ site.organization.name }}{% endif %}
14
- </a>
15
- </blockquote>
16
- </div>
17
- </div>
18
- </div>
19
- </li>
20
- </ul>
9
+ </blockquote>
10
+ </div>
21
11
  </div>
@@ -1,5 +1,5 @@
1
1
  {% if page.garant %}
2
- {% assign garant = site.people | where:"uid",page.garant | first %}
3
- {% include people/profile-badge.html item=garant description="Garant" class="badge--condensed" %}
2
+ {% assign garant = site.people | where:"uid",page.garant | first %}
3
+ {% include people/profile-badge.html item=garant description="Garant" class="badge--condensed" %}
4
4
  {% endif %}
5
5
 
@@ -1,19 +1,12 @@
1
- <div class="o-section-block">
2
- <ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
3
- <li class="c-widget-accordion-item is-active" data-accordion-item="">
4
- <a href="#" class="c-widget-accordion-link c-widget-accordion-link--nofill">
5
- <span class="c-widget-accordion__title">Koordinátoři dobrovolníků</span>
6
- </a>
7
- <div class="c-widget-accordion-content" data-tab-content="">
8
- {% assign kodos = site.people | where_exp: "item","item.categories contains 'kodo'" | sort:"ordkodo" %}
9
- {% for person in kodos %}
10
- {% include people/profile-badge.html item=person style='card' showContactInfo=false class='c-profile-badge--stacked c-profile-badge--bottomalign' headlineClass='t-h6-super' %}
11
- {% endfor %}
12
- <div class="c-widget-accordion-content__cta">
13
- {% assign peopleCol = site.collections | where: "label", "people" | first %}
14
- <a class="expanded button large u-0margin" href="{% if peopleCol.root %}{{ peopleCol.root }}{% else %}{{ '/kontakt/' | relative_url }}{% endif %}"> Ozvi se nám! </a>
15
- </div>
16
- </div>
17
- </li>
18
- </ul>
1
+ <h2 class="head-heavy-sm mb-2">Koordinátoři dobrovolníků</h2>
2
+ {% assign kodos = site.people | where_exp: "item","item.categories contains 'kodo'" | sort:"ordkodo" %}
3
+
4
+ <div class="space-y-4">
5
+ {% for person in kodos %}
6
+ {% include people/profile-badge.html item=person %}
7
+ {% endfor %}
19
8
  </div>
9
+
10
+ {% assign peopleCol = site.collections | where: "label", "people" | first %}
11
+ {% capture href %}{% if peopleCol.root %}{{ peopleCol.root }}{% else %}{{ '/kontakt/' | relative_url }}{% endif %}{% endcapture %}
12
+ {% include buttons/icon.html href=href cta="Ozvi se nám" icon="ico--chevron-right" class="btn--black btn--hoveractive btn--fullwidth mt-4" %}