Skip to content

Commit 2ce517f

Browse files
bramusbramus
committed
Navigation Types: Play nice with hosts that don’t rewrite paths to files
1 parent 59b1743 commit 2ce517f

7 files changed

Lines changed: 33 additions & 33 deletions

File tree

‎demo/navigation-types/about.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<body>
1515
<h1>About</h1>
1616
<nav>
17-
<a href="./demo">Home</a>
18-
<a href="./detail/1">Detail 1</a>
19-
<a href="./detail/2">Detail 2</a>
20-
<a href="./detail/3">Detail 3</a>
21-
<a href="./about">About</a>
17+
<a href="./demo.html">Home</a>
18+
<a href="./detail/1.html">Detail 1</a>
19+
<a href="./detail/2.html">Detail 2</a>
20+
<a href="./detail/3.html">Detail 3</a>
21+
<a href="./about.html">About</a>
2222
</nav>
2323
<div class="from">From Box</div>
2424
<div class="to">To Box</div>

‎demo/navigation-types/demo.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<body>
1515
<h1>Home</h1>
1616
<nav>
17-
<a href="./demo">Home</a>
18-
<a href="./detail/1">Detail 1</a>
19-
<a href="./detail/2">Detail 2</a>
20-
<a href="./detail/3">Detail 3</a>
21-
<a href="./about">About</a>
17+
<a href="./demo.html">Home</a>
18+
<a href="./detail/1.html">Detail 1</a>
19+
<a href="./detail/2.html">Detail 2</a>
20+
<a href="./detail/3.html">Detail 3</a>
21+
<a href="./about.html">About</a>
2222
</nav>
2323
<div class="from">From Box</div>
2424
<div class="to">To Box</div>

‎demo/navigation-types/detail/1.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<body>
1515
<h1>Detail 1</h1>
1616
<nav>
17-
<a href="../demo">Home</a>
18-
<a href="../detail/1">Detail 1</a>
19-
<a href="../detail/2">Detail 2</a>
20-
<a href="../detail/3">Detail 3</a>
21-
<a href="../about">About</a>
17+
<a href="../demo.html">Home</a>
18+
<a href="../detail/1.html">Detail 1</a>
19+
<a href="../detail/2.html">Detail 2</a>
20+
<a href="../detail/3.html">Detail 3</a>
21+
<a href="../about.html">About</a>
2222
</nav>
2323
<div class="from">From Box</div>
2424
<div class="to">To Box</div>

‎demo/navigation-types/detail/2.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<body>
1515
<h1>Detail 2</h1>
1616
<nav>
17-
<a href="../demo">Home</a>
18-
<a href="../detail/1">Detail 1</a>
19-
<a href="../detail/2">Detail 2</a>
20-
<a href="../detail/3">Detail 3</a>
21-
<a href="../about">About</a>
17+
<a href="../demo.html">Home</a>
18+
<a href="../detail/1.html">Detail 1</a>
19+
<a href="../detail/2.html">Detail 2</a>
20+
<a href="../detail/3.html">Detail 3</a>
21+
<a href="../about.html">About</a>
2222
</nav>
2323
<div class="from">From Box</div>
2424
<div class="to">To Box</div>

‎demo/navigation-types/detail/3.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<body>
1515
<h1>Detail 3</h1>
1616
<nav>
17-
<a href="../demo">Home</a>
18-
<a href="../detail/1">Detail 1</a>
19-
<a href="../detail/2">Detail 2</a>
20-
<a href="../detail/3">Detail 3</a>
21-
<a href="../about">About</a>
17+
<a href="../demo.html">Home</a>
18+
<a href="../detail/1.html">Detail 1</a>
19+
<a href="../detail/2.html">Detail 2</a>
20+
<a href="../detail/3.html">Detail 3</a>
21+
<a href="../about.html">About</a>
2222
</nav>
2323
<div class="from">From Box</div>
2424
<div class="to">To Box</div>

‎demo/navigation-types/scripts.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ import { useAutoTypes } from "../js/navigation.js";
77

88
const basePath = window.location.pathname.startsWith("/demo") ? "/demo" : "";
99
const routeMap = {
10-
index: `${basePath}/navigation-types/demo`,
11-
detail: `${basePath}/navigation-types/detail/:id`,
12-
about: `${basePath}/navigation-types/about`,
10+
index: `${basePath}/navigation-types/demo{.html}?`,
11+
detail: `${basePath}/navigation-types/detail/:id{.html}?`,
12+
about: `${basePath}/navigation-types/about{.html}?`,
1313
};
1414

1515
useAutoTypes(routeMap);

‎demo/navigation-types/styles.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@
77
nav { margin-bottom: 20px; }
88
nav a { margin-right: 10px; }
99

10-
a[href$="/demo"] { background-color: #f0f0f0; }
11-
a[href$="/detail/1"] { background-color: #e0f0ff; }
12-
a[href$="/detail/2"] { background-color: #e0f0ff; }
13-
a[href$="/detail/3"] { background-color: #e0f0ff; }
14-
a[href$="/about"] { background-color: #fff0f0; }
10+
a[href$="/demo.html"] { background-color: #f0f0f0; }
11+
a[href$="/detail/1.html"] { background-color: #e0f0ff; }
12+
a[href$="/detail/2.html"] { background-color: #e0f0ff; }
13+
a[href$="/detail/3.html"] { background-color: #e0f0ff; }
14+
a[href$="/about.html"] { background-color: #fff0f0; }
1515

1616
.from, .to {
1717
width: 100px;

0 commit comments

Comments
 (0)