Skip to content

Commit f5d5896

Browse files
egekorkanegekorkan
authored
Merge pull request #575 from bobur-khay/design/bread-crumbs
Bread Crumbs
2 parents a9d98aa + e92b791 commit f5d5896

File tree

20 files changed

+284
-322
lines changed

20 files changed

+284
-322
lines changed

‎docs/_includes/breadcrumbs.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{% assign url_parts = page.url | remove_first: '/' | split: '/' %}
2+
<ol class="breadcrumb">
3+
{% assign current_url = "" %}
4+
{% for part in url_parts %}
5+
{% if part != "index.html" and part != "" %}
6+
{% assign current_url = current_url | append: "/" | append: part %}
7+
{% if forloop.last %}
8+
<li class="active">{{ page.title }}</li>
9+
{% else %}
10+
<li>
11+
{% assign words = part | replace: '-', ' ' | split: ' ' %}
12+
{% assign title_cased = "" %}
13+
{% for word in words %}
14+
{% assign cap_word = word | capitalize %}
15+
{% assign title_cased = title_cased | append: cap_word | append: " " %}
16+
{% endfor %}
17+
<a href="{{ current_url | append: '/' | absolute_url }}">{{ title_cased | strip }}</a>
18+
</li>
19+
{% endif %}
20+
{% endif %}
21+
{% endfor %}
22+
</ol>

‎docs/about/articles/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
</style>
1212

1313
<div>
14-
<a href="{{ '/about/' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px">&laquo; Back to About</a>
15-
<h2>Articles</h2>
14+
{% include breadcrumbs.html %}
15+
<h2>Articles</h2>
1616

1717
<p>
1818
This page collects articles about the W3C Web of Things. See

‎docs/about/contact/index.html‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -73,9 +73,7 @@
7373

7474
<div class="content-flex-container">
7575
<div class="contacts-section">
76-
<a href="{{ '/about/' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px"
77-
>&laquo; Back to About</a
78-
>
76+
{% include breadcrumbs.html %}
7977
<h2>How to get in touch</h2>
8078
<p>Use one of the following methods to get in touch with us</p>
8179
<p>&nbsp;</p>

‎docs/about/history/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
<!-- Also see https://www.w3.org/WoT/IG/wiki/2020/01/Marketing_WoT_Standardization_History -->
1414
<div>
15-
<a href="{{ '/about/' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px">&laquo; Back to About</a>
15+
{% include breadcrumbs.html %}
1616
<h2>History of the Web of Things at the W3C</h2>
1717

1818
<br />

‎docs/participate/community-groups/index.html‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,7 @@
55
---
66

77
<div>
8-
<div style="margin-bottom: 20px; font-size: 1.1em">
9-
<a href="{{ '/participate/' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px"
10-
>&laquo; Back to Overview</a
11-
>
12-
</div>
8+
{% include breadcrumbs.html %}
139
<h2>W3C WoT – Related Community Groups</h2>
1410
<p>The following Community Groups support the WoT activities</p>
1511

‎docs/participate/working-group/events/index.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,8 @@
1111
</style>
1212

1313
<div>
14-
<div style="margin-bottom: 20px; font-size: 1.1em">
15-
<a href="{{ '/participate/working-group' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px"
16-
>&laquo; Back to Working Group</a
17-
>
18-
</div>
19-
<h2>W3C WoT – Events</h2>
14+
{% include breadcrumbs.html %}
15+
<h2>W3C WoT – Events</h2>
2016

2117
<p>
2218
The Web of Things (WoT) groups meet during the W3C's annual Technical Plenary week and additional face-to-face

‎docs/participate/working-group/index.html‎

Lines changed: 13 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,21 @@
11
---
22
layout: default
3-
title: W3C WoT – Working Group
4-
group: 'navigation'
3+
title: Working Group
4+
group: "navigation"
55
---
66

77
<div>
8-
<div style="margin-bottom: 20px; font-size: 1.1em">
9-
<a href="{{ '/participate/' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px"
10-
>&laquo; Back to Overview</a
11-
>
12-
</div>
13-
<h2>W3C WoT – Working Group</h2>
14-
<p>
15-
The W3C WoT Working Group (WG) is tasked to create standards-track specifications and test suites. To ensure
16-
royalty-free Web standards, participants must be W3C and WoT WG Members and acknowledge the
17-
<a href="https://www.w3.org/Consortium/Patent-Policy/">W3C Patent Policy</a>.
18-
</p>
19-
<p>
20-
Co-Chairs:
21-
<a href="mailto:sebastian.kaebisch@siemens.com"
22-
><i class="fas fa-envelope"></i> Sebastian K&auml;bisch (Siemens AG)</a
23-
>
24-
and <a href="mailto:michaeljohnkoster@gmail.com"><i class="fas fa-envelope"></i> Michael Koster</a>
25-
</p>
26-
<p>
27-
Team contact: <a href="https://www.w3.org/People#dsr"><i class="fas fa-globe"></i> Dave Raggett</a>
28-
</p>
8+
{% include breadcrumbs.html %}
9+
<h2>W3C WoT – Working Group</h2>
10+
<p>
11+
The W3C WoT Working Group (WG) is tasked to create standards-track specifications and test suites. To ensure
12+
royalty-free Web standards, participants must be W3C and WoT WG Members and acknowledge the <a
13+
href="https://www.w3.org/Consortium/Patent-Policy/">W3C Patent Policy</a>.
14+
</p>
15+
<p>Co-Chairs: <a href="mailto:sebastian.kaebisch@siemens.com"><i class="fas fa-envelope"></i> Sebastian K&auml;bisch
16+
(Siemens AG)</a> and <a href="mailto:michaeljohnkoster@gmail.com"><i class="fas fa-envelope"></i> Michael
17+
Koster</a></p>
18+
<p>Team contact: <a href="https://www.w3.org/People#dsr"><i class="fas fa-globe"></i> Dave Raggett</a></p>
2919

3020
<style>
3121
.participate-card {

‎docs/participate/working-group/interest-group/index.html‎

Lines changed: 10 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,7 @@
55
---
66

77
<div>
8-
<div style="margin-bottom: 20px; font-size: 1.1em">
9-
<a href="{{ '/participate/working-group/' | absolute_url }}" class="btn btn-default" style="margin-bottom: 20px"
10-
>&laquo; Back to Working Group</a
11-
>
12-
</div>
8+
{% include breadcrumbs.html %}
139
<h2>W3C WoT – Interest Group</h2>
1410
<p>
1511
The W3C WoT Interest Group (IG) plays a complementary role to the Working Group. The IG organizes and runs PlugFests
@@ -144,55 +140,15 @@ <h3 style="margin-top: 0">Mailing List</h3>
144140
</div>
145141
</div>
146142

147-
<h3>Task Forces</h3>
148-
<p>
149-
The Web of Things (WoT) Interest Group (IG) conducts some of its work via the following task forces.<br />
150-
See each task force page for details about specific work.
151-
</p>
152-
153-
<div class="row center-block">
154-
<div class="col-md-12">
155-
<table style="margin-bottom: 40px; border-radius: 10px" class="table table-bordered">
156-
<thead>
157-
<tr>
158-
<th>Active</th>
159-
<th>Name</th>
160-
<th>Deliverable</th>
161-
<th>Task Force Lead</th>
162-
</tr>
163-
</thead>
164-
<tbody>
165-
<tr>
166-
<td>&check;</td>
167-
<td><a href="{{'activities/task-forces/tf-usecases/' | relative_url }}">WoT Use Cases</a></td>
168-
<td>WoT Use Cases</td>
169-
<td>
170-
<a href="mailto:sasami@iri.co.jp"
171-
><i class="fas fa-envelope"></i> Tomoaki Mizushima (Internet Research Institute, Inc.)
172-
</a>
173-
<br />
174-
and
175-
<a href="mailto:michael.mccool@intel.com"><i class="fas fa-envelope"></i> Michael McCool (Intel Corp.)</a>
176-
</td>
177-
</tr>
178-
<tr>
179-
<td>&check;</td>
180-
<td><a href="{{'activities/task-forces/tf-marketing/' | relative_url }}">WoT Marketing</a></td>
181-
<td>WoT Web Page</td>
182-
<td>
183-
<a href="mailto:ege.korkan@siemens.com"><i class="fas fa-envelope"></i> Ege Korkan (Siemens AG)</a>
184-
</td>
185-
</tr>
186-
<tr>
187-
<td>&check;</td>
188-
<td><a href="{{'activities/task-forces/tf-plugfest/' | relative_url }}">WoT Plugfest</a></td>
189-
<td>WoT Plugfest</td>
190-
<td>
191-
<a href="mailto:michael.mccool@intel.com"><i class="fas fa-envelope"></i> Michael McCool (Intel Corp.)</a>
192-
</td>
193-
</tr>
194-
</tbody>
195-
</table>
143+
<div class="row" style="display: flex; flex-wrap: wrap">
144+
<div class="col-xs-12 col-sm-12 col-md-12" style="margin-bottom: 20px">
145+
<a href="{{ '/participate/working-group/interest-group/task-forces/' | absolute_url }}" class="participate-card-link">
146+
<div class="participate-card">
147+
<i class="fas fa-users-cog fa-3x" style="color: #005a9c; margin-bottom: 15px"></i>
148+
<h3 style="margin-top: 0">Task Forces</h3>
149+
<p>Focused sub-groups for specific Interest Group activities</p>
150+
</div>
151+
</a>
196152
</div>
197153
</div>
198154

‎docs/participate/working-group/interest-group/task-forces/index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
---
2+
layout: default
3+
title: Interest Group Task Forces
4+
group: 'navigation'
5+
---
6+
7+
<div>
8+
{% include breadcrumbs.html %}
9+
<h2>W3C WoT – Interest Group Task Forces</h2>
10+
<p>
11+
The Web of Things (WoT) Interest Group (IG) conducts some of its work via the following task forces.<br />
12+
See each task force page for details about specific work.
13+
</p>
14+
15+
<div class="row center-block">
16+
<div class="col-md-12">
17+
<table style="margin-bottom: 40px; border-radius: 10px" class="table table-bordered">
18+
<thead>
19+
<tr>
20+
<th>Active</th>
21+
<th>Name</th>
22+
<th>Deliverable</th>
23+
<th>Task Force Lead</th>
24+
</tr>
25+
</thead>
26+
<tbody>
27+
<tr>
28+
<td>&check;</td>
29+
<td>
30+
<a href="{{ '/participate/working-group/interest-group/task-forces/tf-usecases/' | absolute_url }}"
31+
>WoT Use Cases</a
32+
>
33+
</td>
34+
<td>WoT Use Cases</td>
35+
<td>
36+
<a href="mailto:sasami@iri.co.jp"
37+
><i class="fas fa-envelope"></i> Tomoaki Mizushima (Internet Research Institute, Inc.)
38+
</a>
39+
<br />
40+
and
41+
<a href="mailto:michael.mccool@intel.com"><i class="fas fa-envelope"></i> Michael McCool (Intel Corp.)</a>
42+
</td>
43+
</tr>
44+
<tr>
45+
<td>&check;</td>
46+
<td>
47+
<a href="{{ '/participate/working-group/interest-group/task-forces/tf-marketing/' | absolute_url }}"
48+
>WoT Marketing</a
49+
>
50+
</td>
51+
<td>WoT Web Page</td>
52+
<td>
53+
<a href="mailto:ege.korkan@siemens.com"><i class="fas fa-envelope"></i> Ege Korkan (Siemens AG)</a>
54+
</td>
55+
</tr>
56+
<tr>
57+
<td>&check;</td>
58+
<td>
59+
<a href="{{ '/participate/working-group/interest-group/task-forces/tf-plugfest/' | absolute_url }}"
60+
>WoT Plugfest</a
61+
>
62+
</td>
63+
<td>WoT Plugfest</td>
64+
<td>
65+
<a href="mailto:michael.mccool@intel.com"><i class="fas fa-envelope"></i> Michael McCool (Intel Corp.)</a>
66+
</td>
67+
</tr>
68+
</tbody>
69+
</table>
70+
</div>
71+
</div>
72+
</div>

docs/participate/working-group/task-forces/tf-marketing/index.html renamed to docs/participate/working-group/interest-group/task-forces/tf-marketing/index.html

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,7 @@
44
group: "navigation"
55
---
66
<div>
7-
<div style="margin-bottom: 20px; font-size: 1.1em;">
8-
<a href="{{ '/participate/working-group/task-forces/' | absolute_url }}" class="btn btn-default"
9-
style="margin-bottom: 20px;">&laquo; Back to Task Forces</a>
10-
</div>
7+
{% include breadcrumbs.html %}
118
<h2>W3C WoT – Marketing Task Force</h2>
129
<p>The WoT Marketing task force is responsible for reaching out and collaborating with the community to increase the
1310
adoption of the WoT. The Marketing Task Force works on promoting the W3C Web of Things in different ways such

0 commit comments

Comments
 (0)