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

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" %}