vliz-be-theme 0.4.0 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d9dbe7bf937731a8081672dc7489133291d8c6ec851bdcf6cf2ecc3dc6e76639
4
- data.tar.gz: f35c2b8a7b86671737d1d4cc1ee855ee82d43fe8f61ebd06041c12637dec961a
3
+ metadata.gz: 3df723a376d0882d71c0163839ef53c1dcc70b1f34c7294d064ce8e3e6fb9a85
4
+ data.tar.gz: 47aaccf0b30ebf86b7c74573b1881438c401de12b9f7a161356d9d22fc9dddb2
5
5
  SHA512:
6
- metadata.gz: 6b4cd3538398ead63c5295e5fb6e6c4e34aa91454fc5b2f1aee4b38a57569c214252b43ec8eeebfa44a982cc54bf15a58c063a9def48707324e79d5469c8d227
7
- data.tar.gz: 061ac7753b6fea93e994b2c948abf4183d883ca90cb9e2d0415c08c8b2741e8671c299c99c0b32663a45315064a16920fd3c8a7f5647768006fd053a57b79f11
6
+ metadata.gz: 40c7261863be314b08922ead9c401035fb20467af3f52a7653fa4678c11c35c2b6b1890a965667834d9ee6492d415f11d3100a617a2b3c89a260c5ab8318d4fe
7
+ data.tar.gz: 851e011e75d60a2741b30b8063362d951c7ed60a6121a4d947255a71e27d2f682ae6281a2a669b6123ef068cc8f0b84dc4f12ea97ad691f3ca0e8cd74e0c7e1e
data/README.md CHANGED
@@ -5,25 +5,49 @@ It is mirrored of the [vliz.be](https://www.vliz.be) website.
5
5
 
6
6
  ## Installation
7
7
 
8
- Add this line to your Jekyll site's `Gemfile`:
8
+ First Rust and Ruby must be installed.
9
9
 
10
- ```ruby
11
- gem "vliz-be-theme"
10
+ ### Rust
11
+
12
+ To install Rust go to [Rust](https://www.rust-lang.org/tools/install).
13
+
14
+ ### Ruby
15
+
16
+ To install Ruby go to [Ruby](https://www.ruby-lang.org/en/documentation/installation/).
17
+
18
+ ### Jekyll
19
+
20
+ To install Jekyll run the following command:
21
+
22
+ ```bash
23
+ gem install jekyll bundler
12
24
  ```
13
25
 
14
- And add this line to your Jekyll site's `_config.yml`:
26
+ ### Fetch and install the vliz-be-theme Gem
15
27
 
16
- ```yaml
17
- theme: vliz-be-theme
28
+ To fetch and install the vliz-be-theme Gem run the following command:
29
+
30
+ ```bash
31
+ gem fetch vliz-be-theme
32
+ ```
33
+
34
+ To install the vliz-be-theme Gem run the following command:
35
+
36
+ ```bash
37
+ gem unpack vliz-be-theme-X.gem
18
38
  ```
19
39
 
20
- And then execute:[README]
40
+ The X is the version number of the vliz-be-theme Gem.
41
+
42
+ ### Bundle install the vliz-be-theme Gem
21
43
 
22
- $ bundle
44
+ To bundle install the vliz-be-theme Gem run the following command:
23
45
 
24
- Or install it yourself as:
46
+ ```bash
47
+ cd vliz-be-theme-X
48
+ bundle install
49
+ ```
25
50
 
26
- $ gem install vliz-be-theme
27
51
 
28
52
  ## Usage
29
53
 
@@ -55,7 +79,7 @@ To view the page run the following command:
55
79
  bundle exec jekyll serve --livereload
56
80
  ```
57
81
 
58
- This will start a server on localhost:4000
82
+ This will start a server on [localhost:4000](http://localhost:4000).
59
83
 
60
84
  To add a new page create a new file in the root of your project and add the following code:
61
85
 
data/_config.yml CHANGED
@@ -1,5 +1,21 @@
1
- base_uri: "https://open-science.vliz.be/vliz-be-jekyll-theme/" # Base URI for your site, e.g. http://example.com/test-repo/ => for development leave empty for gh-pages fill in the name of the repo of not the main gh-pages repo
1
+ #Permanent settings for the site
2
+ markdown: kramdown
3
+ kramdown:
4
+ input: GFM
5
+ syntax_highlighter: rouge
6
+
7
+ # used ruby gems for building this jekyll based site
8
+ gems:
9
+ - jekyll-mermaid # allows mermaid diagrams included in ```mermaid blocks in md
10
+ plugins:
11
+ - jekyll-datapage-generator # TODO investigate and document why this is here
12
+ - jemoji
13
+
14
+ # Configuration settings for the jekyll theme
15
+ base_url: "https://open-science.vliz.be/vliz-be-jekyll-theme/" # Base URI for your site, e.g. http://example.com/test-repo/ => for development leave empty for gh-pages fill in the name of the repo of not the main gh-pages repo
2
16
  title: "vliz-be jekyll theme" # Title of your site
17
+ share_enabled: true # Enables global share buttons to twitter (X), facebook, printer, email, linkedIn | default true
18
+
3
19
  social_media:
4
20
  - name: "twitter"
5
21
  url: "#placeholder"
@@ -12,3 +28,11 @@ social_media:
12
28
  - name: "boxu_test"
13
29
  url: "#placeholder"
14
30
  svg_path: "M248 0H208c-26.5 0-48 21.5-48 48V160c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V48c0-26.5-21.5-48-48-48H328V80c0 8.8-7.2 16-16 16H264c-8.8 0-16-7.2-16-16V0zM64 256c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H224c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64H184v80c0 8.8-7.2 16-16 16H120c-8.8 0-16-7.2-16-16V256H64zM352 512H512c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64H472v80c0 8.8-7.2 16-16 16H408c-8.8 0-16-7.2-16-16V256H352c-15 0-28.8 5.1-39.7 13.8c4.9 10.4 7.7 22 7.7 34.2V464c0 12.2-2.8 23.8-7.7 34.2C323.2 506.9 337 512 352 512z"
31
+
32
+ # Config settings for jekyll data page generator
33
+ page_gen:
34
+ - data: 'tools'
35
+ template: 'remote_md'
36
+ dir: 'tools'
37
+ name: 'title'
38
+ extension: '.html'
@@ -11,7 +11,7 @@ This component is a row of items with a text and an image.
11
11
  | `items.clickthrough_url` | Item url | String | `null` |
12
12
  | `items.image` | Item image | String | `null` |
13
13
  | `items.description` | Item description | String | `null` |
14
- | `items.width_media` | Image width | String | `null` |
14
+ | `item.text_col_width` | Column width of the text column (out of 12) | Integer | `9` |
15
15
 
16
16
 
17
17
  #### Example with options
@@ -47,6 +47,7 @@ projects:
47
47
  their design and sustainable availability.
48
48
  clickthrough_url: https://www.fairease.eu/
49
49
  image: "/assets/media/img/placeholder.png"
50
+ text_col_width: 10
50
51
  tags:
51
52
  - EOSC-Association
52
53
  - EU
@@ -1,5 +1,7 @@
1
+ {% assign col_width_text = include.item.text_col_width | default:9 %}
2
+
1
3
  {%if include.item.image %}
2
- <div class="col-lg-8 field__item">
4
+ <div class="col-lg-{{col_width_text}} field__item">
3
5
  <div class="paragraph paragraph--type--basic-text paragraph--view-mode--default">
4
6
  <div
5
7
  class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
@@ -15,7 +17,7 @@
15
17
  </div>
16
18
  </div>
17
19
  </div>
18
- <div class="col-lg-4 field__item">
20
+ <div class="col-lg-{{ 12 | minus:col_width_text }} field__item">
19
21
  <div class="paragraph paragraph--type--media paragraph--view-mode--default">
20
22
  <div class="field field--name-field-media field--type-entity-reference field--label-hidden field__items">
21
23
  <article class="media media--type-image media--view-mode-large">
@@ -25,9 +27,7 @@
25
27
  alt="{{ include.item.title }}"
26
28
  typeof="foaf:Image"
27
29
  class="image-style-large-1000"
28
- {% if include.item.width_media %}
29
- style="width: {{include.item.width_media}}px; display:inline;"
30
- {% endif %}
30
+ style="width: {{ 12 | minus:col_width_text | times:70}}px; display:block;margin:auto;vertical-align:middle;max-width:300px;"
31
31
  >
32
32
  </div>
33
33
  </article>
@@ -8,7 +8,7 @@
8
8
  </button>
9
9
  <div class="region region-header-branding">
10
10
  <div id="block-vlizbase-site-branding" class="block block-system block-system-branding-block">
11
- <a href="/" rel="home" title="">
11
+ <a href="{{ site.base_url }}" rel="home" title="">
12
12
  <svg width="187.046" height="118.179" viewBox="0 0 52.916667 42.333335" version="1.1" id="svg5"
13
13
  inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" sodipodi:docname="VLIZ_LOGO_OpSci.svg"
14
14
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -90,12 +90,23 @@
90
90
  {% if item.items.size > 4 %}
91
91
 
92
92
  <li class="menu-item menu-item--expanded">
93
- <a href="{{subitem.url}}">{{subitem.title}}</a>
93
+ <a
94
+ href="{{subitem.url}}"
95
+ {% if subitem.url contains "http://" or "https://" %}
96
+ target="blank"
97
+ {% endif %}
98
+ >{{subitem.title}}
99
+ </a>
94
100
  {% if subitem.items %}
95
101
  <ul class="menu">
96
102
  {% for subsubitem in subitem.items %}
97
103
  <li class="menu-item">
98
- <a href="{{subsubitem.url}}">{{subsubitem.title}}</a>
104
+ <a
105
+ href="{{subsubitem.url}}"
106
+ {% if subsubitem.url contains "http://" or "https://" %}
107
+ target="blank"
108
+ {% endif %}
109
+ >{{subsubitem.title}}</a>
99
110
  </li>
100
111
  {% endfor %}
101
112
  </ul>
@@ -104,12 +115,22 @@
104
115
  {% else %}
105
116
  {% assign width = 100 | divided_by: item.items.size %}
106
117
  <li class="menu-item menu-item--expanded" style="width:{{width}}%">
107
- <a href="{{subitem.url}}">{{subitem.title}}</a>
118
+ <a
119
+ href="{{subitem.url}}"
120
+ {% if subitem.url contains "http://" or "https://" %}
121
+ target="blank"
122
+ {% endif %}
123
+ >{{subitem.title}}</a>
108
124
  {% if subitem.items %}
109
125
  <ul class="menu">
110
126
  {% for subsubitem in subitem.items %}
111
127
  <li class="menu-item">
112
- <a href="{{subsubitem.url}}">{{subsubitem.title}}</a>
128
+ <a
129
+ href="{{subsubitem.url}}"
130
+ {% if subsubitem.url contains "http://" or "https://" %}
131
+ target="blank"
132
+ {% endif %}
133
+ >{{subsubitem.title}}</a>
113
134
  </li>
114
135
  {% endfor %}
115
136
  </ul>
@@ -56,14 +56,13 @@
56
56
  border-color: #ffffff;
57
57
  }
58
58
  </style>
59
- <link rel="alternate" hreflang="nl" href="https://vliz.be/nl" />
60
- <link rel="alternate" hreflang="en" href="https://vliz.be/en" />
61
59
  <title>{{ site.title }}</title>
62
60
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/assets/css/stylesheet_one.css" />
63
61
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/assets/css/custom_style.css" />
64
62
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/assets/css/stylesheet_two.css" />
65
63
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/assets/css/tablesaw-base.css" />
66
64
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/assets/css/tablesaw-responsive.css" />
65
+ <link rel="stylesheet" media="all" href="{{ site.base_url }}/assets/css/syntax_highlighter.css" />
67
66
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/css/font-awesome/css/font-awesome.min.css" />
68
67
  <link rel="stylesheet" media="all" href="{{ site.base_url }}/css/font-awesome/css/font-awesome.css" />
69
68
  <link rel="stylesheet" media="all" href="https://use.typekit.net/elg5hho.css" />
@@ -1,21 +1,21 @@
1
- <?xml version="1.0" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
- <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
- width="401.000000pt" height="159.000000pt" viewBox="0 0 401.000000 159.000000"
6
- preserveAspectRatio="xMidYMid meet">
7
-
8
- <g transform="translate(0.000000,159.000000) scale(0.100000,-0.100000)"
9
- fill="#000000" stroke="none">
10
- <path d="M279 858 c5 -13 53 -126 106 -253 54 -126 107 -252 118 -278 l20 -48
11
- 59 3 60 3 124 294 c68 162 124 296 124 298 0 2 -37 3 -82 1 l-82 -3 -69 -172
12
- c-38 -95 -73 -173 -77 -173 -4 0 -38 79 -76 175 l-68 175 -83 0 c-81 0 -82 0
13
- -74 -22z"/>
14
- <path d="M960 580 l0 -300 168 2 167 3 3 63 3 62 -96 0 -95 0 0 235 0 235 -75
15
- 0 -75 0 0 -300z"/>
16
- <path d="M1380 580 l0 -300 75 0 75 0 0 300 0 300 -75 0 -75 0 0 -300z"/>
17
- <path d="M1660 815 l0 -64 115 -3 115 -3 -140 -230 -139 -230 242 -3 c133 -1
18
- 247 0 254 3 9 3 13 25 13 65 l0 60 -125 0 c-69 0 -125 2 -125 5 0 5 196 331
19
- 254 424 l26 41 -245 0 -245 0 0 -65z"/>
20
- </g>
21
- </svg>
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
+ width="401.000000pt" height="159.000000pt" viewBox="0 0 401.000000 159.000000"
6
+ preserveAspectRatio="xMidYMid meet">
7
+
8
+ <g transform="translate(0.000000,159.000000) scale(0.100000,-0.100000)"
9
+ fill="#000000" stroke="none">
10
+ <path d="M279 858 c5 -13 53 -126 106 -253 54 -126 107 -252 118 -278 l20 -48
11
+ 59 3 60 3 124 294 c68 162 124 296 124 298 0 2 -37 3 -82 1 l-82 -3 -69 -172
12
+ c-38 -95 -73 -173 -77 -173 -4 0 -38 79 -76 175 l-68 175 -83 0 c-81 0 -82 0
13
+ -74 -22z"/>
14
+ <path d="M960 580 l0 -300 168 2 167 3 3 63 3 62 -96 0 -95 0 0 235 0 235 -75
15
+ 0 -75 0 0 -300z"/>
16
+ <path d="M1380 580 l0 -300 75 0 75 0 0 300 0 300 -75 0 -75 0 0 -300z"/>
17
+ <path d="M1660 815 l0 -64 115 -3 115 -3 -140 -230 -139 -230 242 -3 c133 -1
18
+ 247 0 254 3 9 3 13 25 13 65 l0 60 -125 0 c-69 0 -125 2 -125 5 0 5 196 331
19
+ 254 424 l26 41 -245 0 -245 0 0 -65z"/>
20
+ </g>
21
+ </svg>
@@ -146,4 +146,22 @@ span.social-icons a {
146
146
  /* line-height: 50px; */
147
147
  /* overflow: hidden; */
148
148
  /* text-align: center; */
149
+ }
150
+
151
+ table {
152
+ border-collapse: collapse;
153
+ border-spacing: 0;
154
+ width: 100%;
155
+ border: 1px solid #ddd;
156
+ margin-bottom: 1em;
157
+ }
158
+ table td, table th {
159
+ border: 1px solid #ddd;
160
+ padding: 8px;
161
+ }
162
+ table thead {
163
+ background: #F7C97C;
164
+ }
165
+ table thead th {
166
+ font-weight: bold;
149
167
  }
@@ -0,0 +1,214 @@
1
+ .highlight table td { padding: 5px; }
2
+ .highlight table pre { margin: 0; }
3
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
4
+ color: #75715e;
5
+ font-style: italic;
6
+ }
7
+ .highlight .cm {
8
+ color: #75715e;
9
+ font-style: italic;
10
+ }
11
+ .highlight .c1 {
12
+ color: #75715e;
13
+ font-style: italic;
14
+ }
15
+ .highlight .cp {
16
+ color: #75715e;
17
+ font-weight: bold;
18
+ }
19
+ .highlight .cs {
20
+ color: #75715e;
21
+ font-weight: bold;
22
+ font-style: italic;
23
+ }
24
+ .highlight .err {
25
+ color: #960050;
26
+ background-color: #1e0010;
27
+ }
28
+ .highlight .gi {
29
+ color: #ffffff;
30
+ background-color: #324932;
31
+ }
32
+ .highlight .gd {
33
+ color: #ffffff;
34
+ background-color: #493131;
35
+ }
36
+ .highlight .ge {
37
+ color: #000000;
38
+ font-style: italic;
39
+ }
40
+ .highlight .gr {
41
+ color: #aa0000;
42
+ }
43
+ .highlight .gt {
44
+ color: #aa0000;
45
+ }
46
+ .highlight .gh {
47
+ color: #999999;
48
+ }
49
+ .highlight .go {
50
+ color: #888888;
51
+ }
52
+ .highlight .gp {
53
+ color: #555555;
54
+ }
55
+ .highlight .gs {
56
+ font-weight: bold;
57
+ }
58
+ .highlight .gu {
59
+ color: #aaaaaa;
60
+ }
61
+ .highlight .k, .highlight .kv {
62
+ color: #66d9ef;
63
+ font-weight: bold;
64
+ }
65
+ .highlight .kc {
66
+ color: #66d9ef;
67
+ font-weight: bold;
68
+ }
69
+ .highlight .kd {
70
+ color: #66d9ef;
71
+ font-weight: bold;
72
+ }
73
+ .highlight .kp {
74
+ color: #66d9ef;
75
+ font-weight: bold;
76
+ }
77
+ .highlight .kr {
78
+ color: #66d9ef;
79
+ font-weight: bold;
80
+ }
81
+ .highlight .kt {
82
+ color: #66d9ef;
83
+ font-weight: bold;
84
+ }
85
+ .highlight .kn {
86
+ color: #f92672;
87
+ font-weight: bold;
88
+ }
89
+ .highlight .ow {
90
+ color: #f92672;
91
+ font-weight: bold;
92
+ }
93
+ .highlight .o {
94
+ color: #f92672;
95
+ font-weight: bold;
96
+ }
97
+ .highlight .mf {
98
+ color: #ae81ff;
99
+ }
100
+ .highlight .mh {
101
+ color: #ae81ff;
102
+ }
103
+ .highlight .il {
104
+ color: #ae81ff;
105
+ }
106
+ .highlight .mi {
107
+ color: #ae81ff;
108
+ }
109
+ .highlight .mo {
110
+ color: #ae81ff;
111
+ }
112
+ .highlight .m, .highlight .mb, .highlight .mx {
113
+ color: #ae81ff;
114
+ }
115
+ .highlight .se {
116
+ color: #ae81ff;
117
+ }
118
+ .highlight .sa {
119
+ color: #66d9ef;
120
+ font-weight: bold;
121
+ }
122
+ .highlight .sb {
123
+ color: #e6db74;
124
+ }
125
+ .highlight .sc {
126
+ color: #e6db74;
127
+ }
128
+ .highlight .sd {
129
+ color: #e6db74;
130
+ }
131
+ .highlight .s2 {
132
+ color: #e6db74;
133
+ }
134
+ .highlight .sh {
135
+ color: #e6db74;
136
+ }
137
+ .highlight .si {
138
+ color: #e6db74;
139
+ }
140
+ .highlight .sx {
141
+ color: #e6db74;
142
+ }
143
+ .highlight .sr {
144
+ color: #e6db74;
145
+ }
146
+ .highlight .s1 {
147
+ color: #e6db74;
148
+ }
149
+ .highlight .ss {
150
+ color: #e6db74;
151
+ }
152
+ .highlight .s, .highlight .dl {
153
+ color: #e6db74;
154
+ }
155
+ .highlight .na {
156
+ color: #a6e22e;
157
+ }
158
+ .highlight .nc {
159
+ color: #a6e22e;
160
+ font-weight: bold;
161
+ }
162
+ .highlight .nd {
163
+ color: #a6e22e;
164
+ font-weight: bold;
165
+ }
166
+ .highlight .ne {
167
+ color: #a6e22e;
168
+ font-weight: bold;
169
+ }
170
+ .highlight .nf, .highlight .fm {
171
+ color: #a6e22e;
172
+ font-weight: bold;
173
+ }
174
+ .highlight .no {
175
+ color: #66d9ef;
176
+ }
177
+ .highlight .bp {
178
+ color: #f8f8f2;
179
+ }
180
+ .highlight .nb {
181
+ color: #f8f8f2;
182
+ }
183
+ .highlight .ni {
184
+ color: #f8f8f2;
185
+ }
186
+ .highlight .nn {
187
+ color: #f8f8f2;
188
+ }
189
+ .highlight .vc {
190
+ color: #f8f8f2;
191
+ }
192
+ .highlight .vg {
193
+ color: #f8f8f2;
194
+ }
195
+ .highlight .vi {
196
+ color: #f8f8f2;
197
+ }
198
+ .highlight .nv, .highlight .vm {
199
+ color: #f8f8f2;
200
+ }
201
+ .highlight .w {
202
+ color: #f8f8f2;
203
+ }
204
+ .highlight .nl {
205
+ color: #f8f8f2;
206
+ font-weight: bold;
207
+ }
208
+ .highlight .nt {
209
+ color: #f92672;
210
+ }
211
+ .highlight {
212
+ color: #f8f8f2;
213
+ background-color: #49483e;
214
+ }
@@ -30,6 +30,7 @@ projects:
30
30
  their design and sustainable availability.
31
31
  clickthrough_url: https://www.fairease.eu/
32
32
  image: "/assets/media/img/placeholder.png"
33
+ text_col_width: 10
33
34
  tags:
34
35
  - EOSC-Association
35
36
  - EU
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: vliz-be-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.4.0
4
+ version: 0.4.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - cedricdcc
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-09-19 00:00:00.000000000 Z
11
+ date: 2023-09-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -128,6 +128,7 @@ files:
128
128
  - assets/css/custom_style.css
129
129
  - assets/css/stylesheet_one.css
130
130
  - assets/css/stylesheet_two.css
131
+ - assets/css/syntax_highlighter.css
131
132
  - assets/css/tablesaw-base.css
132
133
  - assets/css/tablesaw-responsive.css
133
134
  - assets/js/brands.js