jekyll-theme-pirati 8.0.0.pre.beta2 → 8.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +139 -3
  3. data/_includes/candidate-badge.html +17 -4
  4. data/_includes/header.html +1 -1
  5. data/_includes/people/profile-badge.html +11 -5
  6. data/_includes/right-bar/bar_people.html +13 -11
  7. data/_includes/right-bar/bar_profile.html +1 -1
  8. data/_includes/right-bar/rbar_profiles.html +1 -8
  9. data/_includes/social-icons.html +8 -0
  10. data/_layouts/communal-elections.html +4 -4
  11. data/_layouts/person.html +1 -3
  12. metadata +10 -74
  13. data/_sass/_base.scss +0 -23
  14. data/_sass/_fonts.scss +0 -42
  15. data/_sass/_settings.scss +0 -688
  16. data/_sass/_sprites.scss +0 -0
  17. data/_sass/components/Slider.scss +0 -0
  18. data/_sass/components/academic-title.scss +0 -7
  19. data/_sass/components/article-card.scss +0 -41
  20. data/_sass/components/article-infobox.scss +0 -9
  21. data/_sass/components/article-listing.scss +0 -95
  22. data/_sass/components/banner.scss +0 -75
  23. data/_sass/components/blockquote.scss +0 -83
  24. data/_sass/components/card.scss +0 -154
  25. data/_sass/components/contact-bar.scss +0 -93
  26. data/_sass/components/content-block.scss +0 -24
  27. data/_sass/components/content-card.scss +0 -31
  28. data/_sass/components/corner-ribbon.scss +0 -25
  29. data/_sass/components/cta-button.scss +0 -54
  30. data/_sass/components/footer.scss +0 -5
  31. data/_sass/components/header-bar.scss +0 -118
  32. data/_sass/components/headline-media.scss +0 -42
  33. data/_sass/components/hero.scss +0 -164
  34. data/_sass/components/highlight.scss +0 -60
  35. data/_sass/components/hp-banner.scss +0 -21
  36. data/_sass/components/icon.scss +0 -33
  37. data/_sass/components/intention-map.scss +0 -23
  38. data/_sass/components/member-list.scss +0 -7
  39. data/_sass/components/metadata-block.scss +0 -29
  40. data/_sass/components/multicolumn.scss +0 -25
  41. data/_sass/components/pagination.scss +0 -44
  42. data/_sass/components/person.scss +0 -9
  43. data/_sass/components/profile-badge.scss +0 -74
  44. data/_sass/components/program.scss +0 -150
  45. data/_sass/components/region.scss +0 -83
  46. data/_sass/components/simple-accordion.scss +0 -80
  47. data/_sass/components/suggest-improvement.scss +0 -10
  48. data/_sass/components/tag.scss +0 -29
  49. data/_sass/components/tile.scss +0 -20
  50. data/_sass/components/top-bar.scss +0 -202
  51. data/_sass/components/top-sub-nav.scss +0 -81
  52. data/_sass/components/typography.scss +0 -85
  53. data/_sass/components/vertical-navigation.scss +0 -67
  54. data/_sass/components/widget-accordion.scss +0 -109
  55. data/_sass/components/widget-share-box.scss +0 -117
  56. data/_sass/components/widget-simple-text.scss +0 -15
  57. data/_sass/layouts/_cast.scss +0 -262
  58. data/_sass/layouts/_kandidatka.scss +0 -78
  59. data/_sass/objects/media.scss +0 -35
  60. data/_sass/objects/section.scss +0 -211
  61. data/_sass/objects/space.scss +0 -7
  62. data/_sass/pirati.scss +0 -58
  63. data/_sass/utilities/header-styles.scss +0 -16
  64. data/_sass/utilities/utilities.scss +0 -139
  65. data/assets/css/main.scss +0 -3
  66. data/assets/fonts/BebasNeue-Thin.ttf +0 -0
  67. data/assets/fonts/BebasNeue-Thin.woff +0 -0
  68. data/assets/fonts/BebasNeueBold.ttf +0 -0
  69. data/assets/fonts/BebasNeueBold.woff +0 -0
  70. data/assets/fonts/BebasNeueBook.ttf +0 -0
  71. data/assets/fonts/BebasNeueBook.woff +0 -0
  72. data/assets/fonts/BebasNeueLight.ttf +0 -0
  73. data/assets/fonts/BebasNeueLight.woff +0 -0
  74. data/assets/fonts/BebasNeueRegular.ttf +0 -0
  75. data/assets/fonts/BebasNeueRegular.woff +0 -0
  76. data/assets/fonts/demo.html +0 -311
  77. data/assets/fonts/stylesheet.css +0 -40
@@ -1,93 +0,0 @@
1
- $cb-ns: '';
2
-
3
- .#{$cb-ns}c-contact-bar {
4
- background: $primary-color;
5
- }
6
-
7
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar-header {
8
- float: left;
9
- background: $primary-color;
10
-
11
- @include breakpoint(medium down) {
12
- float: none;
13
- }
14
- }
15
-
16
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__heading {
17
- @include headerStyle('h5', sub);
18
-
19
- margin: 0;
20
- display: inline-block;
21
- text-transform: uppercase;
22
- }
23
-
24
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar-items {
25
- float: left;
26
- list-style-type: none;
27
- margin-left: 0;
28
- margin-bottom: 0;
29
-
30
- @include breakpoint(medium down) {
31
- float: none;
32
- }
33
-
34
- }
35
-
36
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__item {
37
- display: block;
38
- margin-left: 0;
39
-
40
- @include breakpoint(medium) {
41
- display: inline-block;
42
- }
43
-
44
- @include breakpoint(large) {
45
- margin-left: 50px;
46
- }
47
-
48
- a:hover {
49
- text-decoration: underline;
50
- }
51
-
52
- }
53
-
54
- .#{$cb-ns}c-contact-bar {
55
-
56
- @include breakpoint(medium) {
57
-
58
- .#{$cb-ns}c-contact-bar__item +
59
- .#{$cb-ns}c-contact-bar__item {
60
- margin-left: 50px;
61
- }
62
-
63
- }
64
-
65
- @include breakpoint(820px down) {
66
-
67
- .#{$cb-ns}c-contact-bar__item +
68
- .#{$cb-ns}c-contact-bar__item {
69
- margin-left: 10px;
70
- }
71
-
72
- }
73
-
74
- }
75
-
76
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__section {
77
- display: inline-block;
78
- font-weight: bold;
79
-
80
- @include breakpoint(mobile down) {
81
- display: block;
82
- }
83
-
84
- }
85
-
86
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__description {
87
- display: inline-block;
88
-
89
- @include breakpoint(large) {
90
- margin-left: 10px;
91
- }
92
-
93
- }
@@ -1,24 +0,0 @@
1
- /**
2
- * Represents a content block with default visual style. This comes handy when
3
- * we cannot attach proper classes, like when HTML is automatically created
4
- * from Markdown writeup.
5
- */
6
-
7
- .c-content-block {
8
- h1:not(:first-child),
9
- h2:not(:first-child),
10
- h3:not(:first-child),
11
- h4:not(:first-child),
12
- h5:not(:first-child),
13
- h6:not(:first-child) {
14
- margin-top: 1.333em;
15
- }
16
-
17
- a {
18
- @include emphasizedAnchor();
19
- }
20
-
21
- p {
22
- @include fontFeatures();
23
- }
24
- }
@@ -1,31 +0,0 @@
1
- .c-content-card {
2
- background: #f3f3f3;
3
-
4
- &-content-box {
5
- padding: 1.75rem 2.15rem;
6
-
7
- p {
8
- margin-bottom: 0.75em;
9
- }
10
- }
11
-
12
- &-img img {
13
- max-width: 100%;
14
- width: 100%;
15
- height: auto;
16
- }
17
-
18
- .c-content-card-title {
19
- font-size: 1.45rem;
20
- font-family: $body-font-family;
21
- margin-bottom: 0.95rem;
22
- }
23
-
24
- .c-content-card-title a {
25
- text-decoration: underline;
26
-
27
- &:hover {
28
- text-decoration: none;
29
- }
30
- }
31
- }
@@ -1,25 +0,0 @@
1
- .c-corner-ribbon-container {
2
- position: relative;
3
- overflow: hidden;
4
- }
5
-
6
- .c-corner-ribbon {
7
- width: 200px;
8
- background: $primary-color;
9
- position: absolute;
10
- top: 25px;
11
- left: -55px;
12
- text-align: center;
13
- line-height: 40px;
14
- color: $secondary-color;
15
- transform: rotate(-45deg);
16
-
17
- @include headerStyle('h5', main);
18
- }
19
-
20
- .c-corner-ribbon--top-right {
21
- top: 25px;
22
- right: -55px;
23
- left: auto;
24
- transform: rotate(45deg);
25
- }
@@ -1,54 +0,0 @@
1
- .c-cta-button {
2
- padding: 0.75rem 1rem;
3
- color: #fff;
4
- background: #5d5d5d;
5
- font-size: 1.3rem;
6
- border-radius: 1px;
7
- display: inline-block;
8
- /* offset-x | offset-y | blur-radius | spread-radius | color */
9
- box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.15);
10
-
11
- text-decoration: none !important;
12
- &:hover {
13
- text-decoration: none !important;
14
- }
15
- i {
16
- margin-left: 0.5rem;
17
- }
18
- transition: ease-out background 0.25s;
19
- }
20
-
21
- .c-cta-button.c-cta-button--primary {
22
- background: #2785ce;
23
- &:hover {
24
- background: darken(#2785ce, 5%);
25
- }
26
- }
27
-
28
- .c-cta-button.c-cta-button--secondary {
29
- background: #f3c289;
30
- &:hover {
31
- background: darken(#f3c289, 5%);
32
- }
33
- }
34
-
35
- .c-cta-button-group {
36
- margin: 0.2rem 0;
37
- @include clearfix;
38
-
39
- > .c-cta-button + .c-cta-button {
40
- margin-left: 0.65rem;
41
- }
42
-
43
- @include breakpoint(medium down) {
44
- .c-cta-button {
45
- float: left;
46
- clear: left;
47
- }
48
-
49
- > .c-cta-button + .c-cta-button {
50
- margin-left: 0;
51
- margin-top: 0.5rem;
52
- }
53
- }
54
- }
@@ -1,5 +0,0 @@
1
- footer {
2
- .logo {
3
- max-width: 170px;
4
- }
5
- }
@@ -1,118 +0,0 @@
1
- $hb-ns: '';
2
-
3
- .#{$hb-ns}c-header-bar {
4
- background: $ternary-color;
5
- }
6
-
7
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-divider {
8
- width: 100%;
9
- height: 1px;
10
- margin: 10px auto;
11
- background: $dark-gray;
12
-
13
- @include breakpoint(860px) {
14
- display: inline-block;
15
- width: 1px;
16
- height: 22px;
17
- margin: auto 30px;
18
- vertical-align: middle;
19
- }
20
- }
21
-
22
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-items {
23
- display: inline-block;
24
- list-style-type: none;
25
- margin-left: 0;
26
- margin-bottom: 0;
27
-
28
- @include breakpoint(800px down) {
29
- display: block;
30
- }
31
-
32
- }
33
-
34
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-items.#{$hb-ns}c-header-bar-items--bigLh {
35
-
36
- @include breakpoint(mobile down) {
37
- line-height: 2;
38
- }
39
-
40
- }
41
-
42
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__item {
43
- display: inline-block;
44
- margin-left: 0;
45
-
46
- a {
47
- color: $dark-gray;
48
-
49
- &:hover {
50
- color: $white;
51
- text-decoration: underline;
52
- }
53
- }
54
- }
55
-
56
- .#{$hb-ns}c-header-bar {
57
-
58
- @include breakpoint(medium) {
59
-
60
- .#{$hb-ns}c-header-bar__item +
61
- .#{$hb-ns}c-header-bar__item {
62
- margin-left: 40px;
63
- }
64
-
65
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace +
66
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace {
67
- margin-left: 12px;
68
- }
69
-
70
- }
71
-
72
- @include breakpoint(860px down) {
73
-
74
- .#{$hb-ns}c-header-bar__item +
75
- .#{$hb-ns}c-header-bar__item {
76
- margin-left: 20px;
77
- }
78
-
79
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace +
80
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace {
81
- margin-left: 10px;
82
- }
83
-
84
- }
85
-
86
- }
87
-
88
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__section {
89
- display: inline-block;
90
- font-weight: bold;
91
- vertical-align: middle;
92
-
93
- @include breakpoint(mobile down) {
94
- display: block;
95
- }
96
-
97
- }
98
-
99
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__item {
100
-
101
- a:hover {
102
- text-decoration: none;
103
- }
104
-
105
- a:hover .#{$hb-ns}c-header-bar__itemDescription {
106
- text-decoration: underline;
107
- }
108
-
109
- .#{$hb-ns}c-header-bar__itemDescription {
110
- margin-left: 5px;
111
- }
112
- }
113
-
114
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__title {
115
- color: $white;
116
- font-weight: bold;
117
- display: inline-block;
118
- }
@@ -1,42 +0,0 @@
1
- /**
2
- * This component implements a headline image. that fills whole page width
3
- * with a stretched image. Over that the image in normal dimensions is shown.
4
- */
5
-
6
- .c-headline-media {
7
- position: relative;
8
- min-height: 420px;
9
- background: $secondary-color;
10
- z-index: 1;
11
-
12
- @include breakpoint(medium down) {
13
- min-height: 250px;
14
- }
15
-
16
- @include breakpoint(mobile down) {
17
- min-height: auto;
18
- min-height: fit-content;
19
- }
20
- }
21
-
22
- .c-headline-media__background {
23
- z-index: -1;
24
- width: 100%;
25
- height: 100%;
26
- min-height: 100%;
27
- position: absolute;
28
- background-position: center;
29
- background-repeat: no-repeat;
30
- background-size: cover;
31
- opacity: .15;
32
- }
33
-
34
- .c-headline-media__body {
35
- z-index: 1;
36
-
37
- // fixes overflow
38
- iframe {
39
- float: left;
40
- max-width: 100%;
41
- }
42
- }
@@ -1,164 +0,0 @@
1
- .c-hero {
2
- // background: url('../img/miscellaneous/slider-bg.png');
3
- background-size: cover;
4
- background-position: top center;
5
- background-repeat: no-repeat;
6
- color: #ffffff;
7
-
8
- &--plainbg {
9
- background: #343434;
10
- }
11
-
12
- overflow: hidden;
13
- }
14
-
15
- .c-hero-container {
16
- @include clearfix;
17
- position: relative;
18
- z-index: 2;
19
- padding: 45px 10px;
20
- &.c-hero-img-join-us {
21
- position: relative;
22
- &:before {
23
- z-index: -1;
24
- left: 100%;
25
- top: 50%;
26
- transform: translate(-85%, -50%);
27
- content: '';
28
- position: absolute;
29
- width: 452px;
30
- height: 413px;
31
- // background: url('../img/miscellaneous/header.png');
32
- background-repeat: no-repeat;
33
- background-position: right center;
34
- }
35
-
36
- @include breakpoint(large down) {
37
-
38
- &:before {
39
- opacity: 0.25;
40
- transform: translate(-85%, -50%) scale(0.75);
41
- }
42
- }
43
-
44
- @include breakpoint(medium down) {
45
-
46
- &:before {
47
- opacity: 0.15;
48
- transform: translate(-85%, -50%) scale(0.75);
49
- }
50
- }
51
- }
52
- }
53
-
54
- .c-hero-block + .c-hero-block {
55
- margin-top: 40px;
56
- }
57
-
58
- .c-hero__title {
59
- font-size: 2.575rem;
60
- }
61
-
62
- .c-hero .c-hero-content {
63
-
64
- .c-hero__subtitle {
65
- font-size: 2rem;
66
- }
67
-
68
- h2 {
69
- color: #ffffff;
70
- }
71
-
72
- p {
73
- line-height: 1.2;
74
- }
75
-
76
- a {
77
- color: #ffffff;
78
- text-decoration: underline;
79
- }
80
-
81
- a:hover {
82
- text-decoration: none;
83
- }
84
-
85
- &.c-hero-content-accent p {
86
- font-size: 1.75rem;
87
- line-height: 1.4;
88
-
89
- @include breakpoint(medium down) {
90
- font-size: 1.45rem;
91
- }
92
- }
93
-
94
- @include breakpoint(medium down) {
95
- &.c-hero-content-accent br {
96
- display: none;
97
- }
98
- }
99
- }
100
-
101
- .c-hero-slider {
102
- .orbit-next {
103
- padding-right: 10px;
104
- right: -100px;
105
- }
106
- .orbit-previous {
107
- padding-left: 10px;
108
- left: -100px;
109
- }
110
- .orbit-next,
111
- .orbit-previous {
112
- transition: 0.25s all;
113
- i {
114
- font-size: 3rem;
115
- }
116
- &:focus {
117
- outline: none;
118
- }
119
- }
120
- .orbit-container {
121
- overflow: visible;
122
- height: auto !important;
123
- outline: none;
124
- }
125
-
126
- &:focus,
127
- .orbit-slide:focus {
128
- outline: 0 !important;
129
- }
130
-
131
- .orbit-slide {
132
- max-height: none !important;
133
- list-style-type: none;
134
- }
135
-
136
- @include breakpoint(1400px down) {
137
- .orbit-next {
138
- top: -65px;
139
- right: 0;
140
- padding-right: 1rem;
141
- }
142
- .orbit-previous {
143
- top: -65px;
144
- left: auto;
145
- right: 75px;
146
- padding-left: 1rem;
147
- }
148
-
149
- .orbit-next i,
150
- .orbit-previous i {
151
- font-size: 2rem;
152
- }
153
- }
154
-
155
- @include breakpoint(mobile down) {
156
- .orbit-previous {
157
- right: 60px;
158
- }
159
- .orbit-next i,
160
- .orbit-previous i {
161
- font-size: 1.5rem;
162
- }
163
- }
164
- }