elixir-toolkit-theme 2.4.0 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,11 +1,11 @@
1
1
  {%- assign allcountries = site.data.countries %}
2
2
  {%- assign except = include.except | split: ", " %}
3
- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} g-3 my-4 navigation-tiles">
3
+ <div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} gy-2 gx-4 my-4 navigation-tiles">
4
4
  {%- for current_page in site.pages | sorted %}
5
5
  {%- if current_page.title and current_page.search_exclude != true and current_page.type == include.type %}
6
6
  {%- unless except contains current_page.name %}
7
7
  <div class="col d-grid">
8
- <a role="button" class="btn bg-light py-4 fs-3 hover-primary" href="{{ current_page.url | relative_url }}">{{current_page.title}}{% if current_page.country_code %}<span class="flag-icon shadow-sm ms-3 flag-icon-{{current_page.country_code | downcase }}"></span>{% endif %}</a>
8
+ <a role="button" class="btn py-4 fs-3 section-title" href="{{ current_page.url | relative_url }}">{{current_page.title}}{% if current_page.country_code %}<span class="flag-icon shadow-sm ms-3 flag-icon-{{current_page.country_code | downcase }}"></span>{% endif %}</a>
9
9
  </div>
10
10
  {% endunless %}
11
11
  {%- endif %}
@@ -11,7 +11,7 @@
11
11
  {%- endif %}
12
12
  {%- endfor %}
13
13
  {%- assign allaffiliations = allaffiliations | split: ", " | uniq | sort %}
14
- <div class="row g-4 row-cols-1 row-cols-md-2 my-4">
14
+ <div class="row g-4 row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} my-4">
15
15
  {%- unless include.affiliations == nil %}
16
16
  <div class="col">
17
17
  <div class="input-group">
@@ -46,7 +46,7 @@
46
46
  {%- endunless %}
47
47
  </div>
48
48
  {%- endunless %}
49
- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} g-4 mb-5 navigation-tiles">
49
+ <div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} g-4 mb-5 navigation-tiles">
50
50
  {%- if include.custom %}
51
51
  {%- assign related_pages = include.custom | split: ", " %}
52
52
  {%- unless include.sort == false %}
@@ -67,7 +67,6 @@
67
67
  {%- assign current_page = related_page %}
68
68
  {%- endif %}
69
69
  {%- assign affiliations_classes = "" %}
70
- {%- assign related_pages_classes = "" %}
71
70
  {%- assign except = include.except | split: ", " %}
72
71
  {%- if current_page.title and current_page.search_exclude != true %}
73
72
  {%- unless except contains current_page.name %}
@@ -80,83 +79,28 @@
80
79
  {%- endfor %}{{affiliations_output}}
81
80
  {%- endcapture -%}
82
81
  {%- endif %}
83
- <div class="col" data-affiliations="{{affiliations_classes}}" related-pages="{{related_pages_classes}}">
82
+ <div class="col" data-affiliations="{{affiliations_classes}}">
84
83
  <div class="card h-100">
85
- <div class="card-header">
86
- <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
87
- <h3 class="card-title m-0">{{current_page.title}}</h3>
88
- </a>
89
- </div>
90
- <div class="card-body">
91
- {%- if current_page.description %}
92
- <p class="card-text">{{ current_page.description}}</p>
93
- {%- endif %}
94
- </div>
95
- <div class="px-3 pb-3 d-flex justify-content-between">
96
- {%- if current_page.related_pages %}
97
- {%- assign nonempty = false %}
98
- {%- for section in current_page.related_pages %}
99
- {%- unless section[1].size == 0 %}
100
- {%- assign nonempty = true %}
101
- {%- endunless %}
102
- {%- endfor %}
103
- {%- if nonempty %}
104
- <div class="dropdown">
105
- <button class="btn btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
106
- Related pages
107
- </button>
108
- <ul class="dropdown-menu px-2 py-0 border-0 shadow">
109
- {%- for section in current_page.related_pages %}
110
- {%- unless section[1].size == 0 %}
111
- <li><h6 class="dropdown-header">{{ section[0] | replace: "_", " " | capitalize }}</h6></li>
112
- {%- for page_id in section[1] %}
113
- {%- assign section_pages = site.pages | where:"type", section[0] %}
114
- {%- assign metadata = section_pages | where:"page_id", page_id %}
115
- {%- for page_hit in metadata %}
116
- <li><a class="dropdown-item rounded" href="{{ page_hit.url | relative_url }}">{{page_hit.title }}</a></li>
117
- {%- endfor %}
118
- {%- endfor %}
119
- {%- endunless %}
120
- {%- endfor %}
121
- </ul>
122
- </div>
123
- {%- endif %}
124
- {%- endif %}
125
- {%- if current_page.dsw or current_page.faircookbook %}
126
- <div class="btn-group btn-group-sm" role="group">
127
- {%- if current_page.faircookbook %}
128
- <div class="btn-group btn-group-sm" role="group">
129
- <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
130
- <img alt="faircookbook logo" src="{{ 'assets/img/fairplus_compact_logo.svg' | relative_url }}">
131
- </button>
132
- <ul class="dropdown-menu px-2 py-0 border-0 shadow">
133
- {%- for item in current_page.faircookbook %}
134
- <li><a class="dropdown-item rounded" href="{{ item.url }}">{{item.name }}</a></li>
135
- {%- endfor %}
136
- </ul>
137
- </div>
84
+ <div class="card-body d-flex flex-column">
85
+ <div class="d-flex align-items-center">
86
+ {%- if current_page.type_img %}
87
+ <img src="{{current_page.type_img | relative_url}}" class="type-icon me-2" alt="{{current_page.type}} icon">
138
88
  {%- endif %}
139
- {%- if current_page.dsw %}
140
- <div class="btn-group btn-group-sm" role="group">
141
- <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
142
- <img alt="DSW logo" src="{{ 'assets/img/dsw_compact_logo.svg' | relative_url }}">
143
- </button>
144
- <ul class="dropdown-menu px-2 py-0 border-0 shadow">
145
- {%- for item in current_page.dsw %}
146
- <li><a class="dropdown-item rounded" href="{{ site.dsw_deep_link_prefix | append: item.uuid }}">{{item.name }}</a></li>
147
- {%- endfor %}
148
- </ul>
149
- </div>
89
+ {%- if current_page.type %}
90
+ <span class=""><small>{{current_page.type | replace: "_", " " | capitalize }}</small></span>
150
91
  {%- endif %}
151
92
  </div>
93
+ <a class="stretched-link section-title" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
94
+ <b>{{current_page.title}}</b>
95
+ </a>
96
+ {%- if current_page.description %}
97
+ <p class="card-text h-100">{{ current_page.description}}</p>
152
98
  {%- endif %}
153
- </div>
154
- {%- if current_page.affiliations %}
155
- {%- assign alllogos = site.data.affiliations %}
156
- {%- assign allcountries = site.data.countries %}
157
- <div class="card-footer d-flex align-middle">
158
- <div class="me-3">
159
- <span class="me-2"><b><small>Affiliations:</small></b></span>
99
+ {%- if current_page.affiliations %}
100
+ {%- assign alllogos = site.data.affiliations %}
101
+ {%- assign allcountries = site.data.countries %}
102
+ <div class="d-flex align-items-center gap-2">
103
+ <span><b><small>Affiliations:</small></b></span>
160
104
  {%- for affiliation in current_page.affiliations %}
161
105
  {%- assign filter_affiliation = alllogos | where: "name", affiliation | first %}
162
106
  {%- assign country = affiliation | upcase %}
@@ -181,9 +125,10 @@
181
125
  </a>
182
126
  {%- endif %}
183
127
  {%- endfor %}
128
+
184
129
  </div>
130
+ {%- endif %}
185
131
  </div>
186
- {%- endif %}
187
132
  </div>
188
133
  </div>
189
134
  {% endunless %}
@@ -248,8 +193,7 @@
248
193
  }
249
194
  for (let i = 0; i < cols.length; i++) {
250
195
  let body = cols[i].querySelector(".card-body");
251
- let title = cols[i].querySelector(".card-header");
252
- if (title.innerText.toLowerCase().indexOf(filter) > -1 || body.innerText.toLowerCase().indexOf(filter) > -1) {
196
+ if (body.innerText.toLowerCase().indexOf(filter) > -1) {
253
197
  cols[i].classList.remove("d-none");
254
198
  } else {
255
199
  cols[i].classList.add("d-none");
@@ -26,17 +26,15 @@ $sidebar-color-active: $white;
26
26
 
27
27
  /*-----Section navigation tiles-----*/
28
28
  $nav-card-bg: $light;
29
- $nav-card-header-bg: $secondary;
30
- $nav-card-header-color: $white;
31
- $nav-card-badge-color: $body-color;
32
- $nav-card-badge-bg: $white;
33
- $nav-card-badge-color-hover: $white;
34
- $nav-card-badge-bg-hover: $primary;
29
+ $nav-card-color: $dark;
30
+ $nav-card-bg-hover: $primary;
31
+ $nav-card-color-hover: $white;
35
32
 
36
33
  /*-----More information tiles-----*/
37
34
  $info-card-bg: $light;
38
- $info-card-header-bg: $secondary;
39
- $info-card-header-color: $white;
35
+ $info-card-color: $dark;
36
+ $info-card-bg-hover: $primary;
37
+ $info-card-color-hover: $white;
40
38
 
41
39
  /*-----Contributors-cards-----*/
42
40
  $contr-card-bg: $light;
data/assets/css/main.scss CHANGED
@@ -3,14 +3,19 @@ layout: none
3
3
  permalink: assets/css/main
4
4
  ---
5
5
 
6
+ @use "sass:color";
7
+
6
8
  /*-----Default theme variables-----*/
7
9
 
8
10
  @import "bootstrap/functions";
9
11
  $popover-max-width: 12em;
10
12
  $enable-caret: false;
13
+ $h3-font-size: 1rem * 1.6 !default;
14
+ $h2-font-size: 1rem * 2.1 !default;
15
+ $h1-font-size: 1rem * 3.3 !default;
11
16
  $card-border-width: 0;
12
17
  $custom-container-max-widths: (
13
- xxxl: 1500px,
18
+ xxxl: 1500px
14
19
  );
15
20
 
16
21
  /*-----Initialize Bootstrap variables-----*/
@@ -63,10 +68,6 @@ $container-max-widths: map-merge($container-max-widths, $custom-container-max-wi
63
68
  word-wrap: break-word;
64
69
  -ms-word-break: break-all;
65
70
  word-break: break-word;
66
-
67
- &:hover {
68
- text-decoration: underline;
69
- }
70
71
  }
71
72
 
72
73
  ol li,
@@ -98,8 +99,6 @@ body img {
98
99
  grid-area: main;
99
100
  }
100
101
 
101
-
102
-
103
102
  @include media-breakpoint-up(md) {
104
103
  #main {
105
104
  display: grid;
@@ -151,7 +150,7 @@ body img {
151
150
  grid-area: content;
152
151
  min-width: 1px;
153
152
  position: relative;
154
- h2:first-child {
153
+ > h2:first-child {
155
154
  margin-top: 0;
156
155
  }
157
156
  }
@@ -460,6 +459,15 @@ header .navbar {
460
459
  color: $sidebar-lvl3-color;
461
460
  }
462
461
  }
462
+
463
+ .sidebar_rdm_sub {
464
+ border-color: $sidebar-bg;
465
+ padding: 0.75rem 0.5rem 0.5rem 0.5rem;
466
+ border-radius: 0px 0px $border-radius $border-radius;
467
+ border-style: none solid solid solid;
468
+ border-width: 0.2em;
469
+ margin-top: -0.25rem;
470
+ }
463
471
  }
464
472
  }
465
473
 
@@ -616,7 +624,9 @@ footer {
616
624
  z-index: 1000;
617
625
  font-size: 21px;
618
626
  padding: 12px 20px;
619
- transition: bottom 0.15s ease-out, opacity 0.15s ease-out;
627
+ transition:
628
+ bottom 0.15s ease-out,
629
+ opacity 0.15s ease-out;
620
630
 
621
631
  &.visible {
622
632
  bottom: $spacer;
@@ -786,7 +796,6 @@ footer {
786
796
 
787
797
  .tool {
788
798
  cursor: pointer;
789
- white-space: nowrap;
790
799
  color: $link-color;
791
800
  background-color: rgba($link-color, 0.05);
792
801
  border-radius: $border-radius;
@@ -797,7 +806,11 @@ footer {
797
806
  color: $primary;
798
807
  }
799
808
  }
800
-
809
+ @include media-breakpoint-up(sm) {
810
+ .tool {
811
+ white-space: nowrap;
812
+ }
813
+ }
801
814
  .popover-tool {
802
815
  max-width: 20rem;
803
816
 
@@ -879,29 +892,62 @@ li.past_event,
879
892
 
880
893
  /*-----More information tiles-----*/
881
894
 
882
- .info-card {
883
- background-color: $info-card-bg;
895
+ .info-collapse {
896
+ transition: border-color 0.2s ease-in-out;
884
897
 
885
- .card-header {
886
- background-color: $info-card-header-bg;
887
- color: $info-card-header-color;
898
+ i {
899
+ transition-property: margin-right, transform;
900
+ transition-duration: 0.2s;
901
+ transition-timing-function: ease-in-out;
902
+ margin-right: $spacer;
888
903
  }
889
904
 
890
- a:hover {
891
- .text-muted {
892
- transition: $btn-transition;
893
- color: $white !important;
905
+ &[aria-expanded="true"] {
906
+ border-color: color.scale($border-color, $lightness: -30%) !important;
907
+ i {
908
+ transform: rotate(180deg);
894
909
  }
895
-
910
+ }
911
+ &:hover {
912
+ border-color: color.scale($border-color, $lightness: -30%) !important;
896
913
  i {
897
- transition: $btn-transition;
898
- color: $white !important;
914
+ color: color.scale($link-color, $lightness: -20%) !important;
899
915
  }
900
916
  }
917
+ }
918
+
919
+ .info-card {
920
+ .info-logo {
921
+ max-width: 250px;
922
+ max-height: 40px;
923
+ }
901
924
 
902
- img {
903
- height: 40px;
904
- max-width: 45px;
925
+ // Do not show border on last row tools table
926
+ .tooltable tbody tr:last-of-type {
927
+ border-bottom-color: transparent;
928
+ }
929
+
930
+ .info-links {
931
+ a.btn {
932
+ background-color: $info-card-bg;
933
+ color: $info-card-color;
934
+ i {
935
+ transition: $btn-transition;
936
+ color: $info-card-color !important;
937
+ }
938
+ &:hover {
939
+ background-color: $info-card-bg-hover;
940
+ color: $info-card-color-hover !important;
941
+ i {
942
+ color: $info-card-color-hover !important;
943
+ }
944
+ }
945
+ }
946
+
947
+ img {
948
+ height: 30px;
949
+ max-width: 35px;
950
+ }
905
951
  }
906
952
  }
907
953
 
@@ -913,36 +959,37 @@ li.past_event,
913
959
  }
914
960
 
915
961
  /*-----Section navigation tiles-----*/
916
-
917
962
  .navigation-tiles {
918
- .card {
963
+ .card,
964
+ .btn {
919
965
  background-color: $nav-card-bg;
920
-
921
- a:not(.stretched-link),
922
- button:not(.stretched-link) {
923
- z-index: 2;
924
- position: relative;
925
- }
926
-
927
- .card-header {
928
- background-color: $nav-card-header-bg;
929
-
930
- a {
931
- color: $nav-card-header-color;
966
+ color: $nav-card-color;
967
+ transition: $btn-transition;
968
+ &:hover {
969
+ background-color: $nav-card-bg-hover;
970
+ color: $nav-card-color-hover;
971
+ a.section-title {
972
+ text-decoration: none;
973
+ transition: $btn-transition;
974
+ color: $nav-card-color-hover;
932
975
  }
933
976
  }
934
977
 
935
- button {
936
- background-color: $nav-card-badge-bg;
937
- color: $nav-card-badge-color;
938
- &:hover {
939
- color: $nav-card-badge-color-hover;
940
- background-color: $nav-card-badge-bg-hover;
978
+ a {
979
+ &:not(.stretched-link),
980
+ button:not(.stretched-link) {
981
+ z-index: 2;
982
+ position: relative;
941
983
  }
942
- img {
943
- height: 1.2em;
984
+
985
+ &.section-title {
986
+ color: $nav-card-color;
987
+ font-size: 1.2rem;
944
988
  }
945
989
  }
990
+ .type-icon {
991
+ height: 1.2rem;
992
+ }
946
993
  }
947
994
  }
948
995
 
@@ -0,0 +1,50 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 682.5 186.65916"
4
+ version="1.1"
5
+ id="svg4"
6
+ sodipodi:docname="dsw_logo.svg"
7
+ width="682.5"
8
+ height="186.65916"
9
+ inkscape:version="1.3.1 (9b9bdc1480, 2023-11-25, custom)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs4" />
16
+ <sodipodi:namedview
17
+ id="namedview4"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#000000"
20
+ borderopacity="0.25"
21
+ inkscape:showpageshadow="2"
22
+ inkscape:pageopacity="0.0"
23
+ inkscape:pagecheckerboard="0"
24
+ inkscape:deskcolor="#d1d1d1"
25
+ inkscape:zoom="1.3466667"
26
+ inkscape:cx="340.84158"
27
+ inkscape:cy="92.450495"
28
+ inkscape:window-width="1920"
29
+ inkscape:window-height="959"
30
+ inkscape:window-x="0"
31
+ inkscape:window-y="0"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4" />
34
+ <path
35
+ d="m 183.61,139.03917 -16.8,-29.78 -30.12,-8.84 23.2,-3.399998 -21.7,-38.46 -21.81,-12 21,3.5 45.83,7 -68.46,-55.3000004 c -3.38,-3.28 -8.4,-1.79999999 -10.16,3 l -17.6,67.4400004 24.47,4.12 -27.1,6 -15.14,57.999998 45,6.38 -50.76,8.13 -63.46,31.83 c 0,0 41.71,-1.89 55.9,-3.87 53.74,-7.53 93.22,-8.29 147,-16.61 9.41,-1.46 45.88,-25.28 45.88,-25.28 z"
36
+ style="fill:#f15a24"
37
+ id="path1" />
38
+ <path
39
+ d="m 389.29,92.009172 q 0,32.439998 -18.39,49.689998 -18.39,17.25 -53.13,17.25 H 280.72 V 27.579172 h 41.08 q 32,0 49.77,17 17.77,17 17.72,47.43 z m -28.82,0.72 q 0,-42.31 -37.24,-42.32 h -14.77 v 85.539998 h 11.91 q 40.1,0 40.1,-43.219998 z"
40
+ style="fill:#4d4948"
41
+ id="path2" />
42
+ <path
43
+ d="m 489.27,122.46917 q 0,17.79 -12.75,28 -12.75,10.21 -35.49,10.24 -21,0 -37.06,-7.91 v -25.83 a 152.69,152.69 0 0 0 22.42,8.35 66,66 0 0 0 16.78,2.43 q 9.13,0 14,-3.51 4.87,-3.51 4.94,-10.42 a 11.54,11.54 0 0 0 -2.15,-6.87 24,24 0 0 0 -6.31,-5.8 q -4.15,-2.79 -17,-8.9 -12,-5.659998 -18,-10.869998 a 40.67,40.67 0 0 1 -9.54,-12.13 34.67,34.67 0 0 1 -3.58,-16.17 q 0,-17.43 11.77,-27.41 11.77,-9.98 32.54,-10 a 76.94,76.94 0 0 1 19.47,2.42 134.47,134.47 0 0 1 19.37,6.83 l -8.95,21.66 a 129.87,129.87 0 0 0 -17.32,-6 55.4,55.4 0 0 0 -13.47,-1.71 q -7.87,0 -12.08,3.69 a 12.15,12.15 0 0 0 -4.21,9.61 11.92,11.92 0 0 0 1.7,6.42 18.81,18.81 0 0 0 5.42,5.31 q 3.71,2.55 17.59,9.21 18.35,8.81 25.15,17.649998 6.8,8.84 6.76,21.71 z"
44
+ style="fill:#4d4948"
45
+ id="path3" />
46
+ <path
47
+ d="m 649.24,158.94917 h -31.6 L 599.92,89.949172 q -1,-3.68 -3.36,-15.23 -2.36,-11.55 -2.73,-15.5 -0.54,4.86 -2.68,15.59 -2.14,10.73 -3.32,15.32 L 570.2,158.95917 H 538.69 L 505.31,27.579172 h 27.3 l 16.74,71.71 q 4.38,19.859998 6.35,34.409998 0.54,-5.11 2.46,-15.85 1.92,-10.74 3.63,-16.67 l 19.06,-73.599998 h 26.26 l 19,73.599998 q 1.26,4.94 3.14,15.09 1.88,10.15 2.86,17.43 0.9,-7 2.87,-17.47 1.97,-10.47 3.58,-16.939998 l 16.64,-71.71 h 27.3 z"
48
+ style="fill:#4d4948"
49
+ id="path4" />
50
+ </svg>
@@ -0,0 +1,41 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 756.1 77.5" style="enable-background:new 0 0 756.1 77.5;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#30235B;}
7
+ .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#30235B;}
8
+ .st2{fill:#E9455B;}
9
+ </style>
10
+ <path class="st0" d="M0,76V1.5h45v11.2H13.2v21.1h27.1v11.2H13.2V76L0,76L0,76z"/>
11
+ <g>
12
+ <path class="st0" d="M117.4,76.1V1.6h13.2v74.5H117.4z"/>
13
+ <path class="st0" d="M149.5,76.1V1.6h25.2c5.2,0,9.8,0.7,14,2.1c4.1,1.4,7.4,3.7,9.8,6.9c2.4,3.2,3.6,7.6,3.6,13.2
14
+ c0,5.7-1.4,10.3-4,13.8c-2.7,3.5-6.3,6-10.8,7.5L205,76.1h-14.8l-16.1-29.2h-11.4v29.2L149.5,76.1L149.5,76.1z M162.7,36.5h10.6
15
+ c5.1,0,9-1.1,11.7-3.2c2.7-2.2,4-5.3,4-9.5c0-4.3-1.4-7.2-4-8.9c-2.7-1.7-6.6-2.6-11.7-2.6h-10.6C162.7,12.2,162.7,36.5,162.7,36.5
16
+ z"/>
17
+ <path class="st0" d="M214.3,38.7c0-24,14.1-38.7,33.2-38.7c9.1,0,16.2,4.3,20.6,9.2l-5.2,5.9c-4-4.1-8.9-6.7-15.3-6.7
18
+ c-14,0-23.4,11.5-23.4,30.1c0,18.8,8.9,30.5,23,30.5c7.2,0,12.5-2.8,17.3-8.1l5.2,5.7c-6,6.9-13.3,10.8-22.9,10.8
19
+ C228.2,77.5,214.3,63.1,214.3,38.7L214.3,38.7z"/>
20
+ <path class="st0" d="M274.7,38.4c0-23.9,13.1-38.4,31.9-38.4s32,14.6,32,38.4c0,24-13.2,39.1-32,39.1S274.7,62.4,274.7,38.4z
21
+ M328.7,38.4c0-18.6-8.8-30-22.1-30s-22,11.4-22,30c0,18.7,8.7,30.6,22,30.6S328.7,57.1,328.7,38.4z"/>
22
+ <path class="st0" d="M348.2,38.4c0-23.9,13.1-38.4,31.9-38.4s32,14.6,32,38.4c0,24-13.2,39.1-32,39.1S348.2,62.4,348.2,38.4z
23
+ M402.2,38.4c0-18.6-8.8-30-22.1-30s-22,11.4-22,30c0,18.7,8.7,30.6,22,30.6S402.2,57.1,402.2,38.4z"/>
24
+ <path class="st0" d="M425.4,1.4h9.6v37.4h0.3l30.9-37.4h10.9l-23.5,28.5l27,46.3h-10.7l-22.2-38.7l-12.8,15.2v23.6h-9.6L425.4,1.4
25
+ L425.4,1.4z"/>
26
+ <path class="st0" d="M489.7,1.4h22.2c15.2,0,25.8,5.1,25.8,18.2c0,7.4-4,14-10.9,16.3v0.5c8.9,1.7,15.2,7.6,15.2,17.9
27
+ c0,14.7-11.6,21.9-28.3,21.9h-23.9L489.7,1.4L489.7,1.4z M510.3,33.2c12.6,0,17.9-4.7,17.9-12.3c0-8.7-5.9-11.8-17.5-11.8h-11.4
28
+ v24.2H510.3L510.3,33.2z M512.2,68.5c12.8,0,20.2-4.6,20.2-14.6c0-9.2-7.2-13.4-20.2-13.4h-13v28H512.2z"/>
29
+ <path class="st0" d="M550.2,38.4c0-23.9,13.1-38.4,31.9-38.4s32,14.6,32,38.4c0,24-13.2,39.1-32,39.1S550.2,62.4,550.2,38.4z
30
+ M604.2,38.4c0-18.6-8.8-30-22.1-30s-22,11.4-22,30c0,18.7,8.7,30.6,22,30.6S604.2,57.1,604.2,38.4z"/>
31
+ <path class="st0" d="M623.7,38.4c0-23.9,13.1-38.4,31.9-38.4s32,14.6,32,38.4c0,24-13.2,39.1-32,39.1S623.7,62.4,623.7,38.4
32
+ L623.7,38.4z M677.7,38.4c0-18.6-8.8-30-22.1-30s-22,11.4-22,30c0,18.7,8.7,30.6,22,30.6S677.7,57.1,677.7,38.4z"/>
33
+ <path class="st0" d="M700.9,1.4h9.6v37.4h0.3l30.9-37.4h10.9l-23.5,28.5l27,46.3h-10.7l-22.2-38.7l-12.8,15.2v23.6h-9.6L700.9,1.4
34
+ L700.9,1.4z"/>
35
+ </g>
36
+ <g id="Book">
37
+ <path id="pages_right" class="st0" d="M82.4,74.1h7.6L75.9,16.2C75.9,16.2,82.4,74.1,82.4,74.1z"/>
38
+ <path id="pages_left" class="st1" d="M75.9,16.3l-18,57.8h18.6L75.9,16.3L75.9,16.3z"/>
39
+ <polygon id="cover" class="st2" points="45.4,76.4 70.6,1.7 81.5,1.6 106.7,76.4 96.6,76.4 76.1,9.5 75.6,9.5 55.1,76.4 "/>
40
+ </g>
41
+ </svg>