Skip to content
This repository was archived by the owner on Apr 28, 2025. It is now read-only.

Commit 85711c5

Browse files
committed
fix(docs): fixed broken images across site
1 parent 7fa4ed2 commit 85711c5

File tree

11 files changed

+65
-50
lines changed

11 files changed

+65
-50
lines changed

src/routes/_index/component/table/+page.marko

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -817,7 +817,7 @@ import tableLandscapePic from "/src/routes/static/img/tb-landscape-pic.jpg";
817817
<td class="table-cell">
818818
<div class="table-cell__layout">
819819
<div class="table-cell__thumbnail">
820-
<img src="src/routes/static/img/tb-profile-pic.jpg" alt="Nintendo Switch" />
820+
<img src="/src/routes/static/img/tb-profile-pic.jpg" alt="Nintendo Switch" />
821821
</div>
822822
<div class="table-cell__multiline">
823823
<div class="table-cell__data">
@@ -891,7 +891,7 @@ import tableLandscapePic from "/src/routes/static/img/tb-landscape-pic.jpg";
891891
<td class="table-cell">
892892
<div class="table-cell__layout">
893893
<div class="table-cell__thumbnail">
894-
<img src="src/routes/static/img/tb-landscape-pic.jpg" alt="Nintendo SNES" />
894+
<img src="/src/routes/static/img/tb-landscape-pic.jpg" alt="Nintendo SNES" />
895895
</div>
896896
<div class="table-cell__multiline">
897897
<div class="table-cell__data">
@@ -963,7 +963,7 @@ import tableLandscapePic from "/src/routes/static/img/tb-landscape-pic.jpg";
963963
<td class="table-cell">
964964
<div class="table-cell__layout">
965965
<div class="table-cell__thumbnail">
966-
<img src="src/routes/static/img/tb-square-pic.jpg" alt="Microsoft XBOX 360" />
966+
<img src="/src/routes/static/img/tb-square-pic.jpg" alt="Microsoft XBOX 360" />
967967
</div>
968968
<div class="table-cell__multiline">
969969
<div class="table-cell__data">
@@ -1035,7 +1035,7 @@ import tableLandscapePic from "/src/routes/static/img/tb-landscape-pic.jpg";
10351035
<td class="table-cell">
10361036
<div class="table-cell__layout">
10371037
<div class="table-cell__thumbnail">
1038-
<img src="src/routes/static/img/tb-profile-pic.jpg" alt="Microsoft XBOX One" />
1038+
<img src="/src/routes/static/img/tb-profile-pic.jpg" alt="Microsoft XBOX One" />
10391039
</div>
10401040
<div class="table-cell__multiline">
10411041
<div class="table-cell__data">
@@ -1107,7 +1107,7 @@ import tableLandscapePic from "/src/routes/static/img/tb-landscape-pic.jpg";
11071107
<td class="table-cell">
11081108
<div class="table-cell__layout">
11091109
<div class="table-cell__thumbnail">
1110-
<img src="src/routes/static/img/tb-landscape-pic.jpg" alt="Sony Playstation 5" />
1110+
<img src="/src/routes/static/img/tb-landscape-pic.jpg" alt="Sony Playstation 5" />
11111111
</div>
11121112
<div class="table-cell__multiline">
11131113
<div class="table-cell__data">

src/routes/_index/component/toggle-button-group/+page.marko

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -50,13 +50,14 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
5050

5151
<p>
5252
Effort was taken in these docs to provide a good amount of helpful information. Since this component has an atomic piece (
53-
<a href="#toggle-button">
53+
54+
<anchor href="component/toggle-button">
5455
Toggle Button
55-
</a>
56+
</anchor>
5657
), there may be some information crossover. Though efforts were taken to isolate the documentation for this parent component, at various touchpoints between the two components, there may be some redundancy. In other portions, where immediate information appears to be missing here, that information may reside in its child component. Please refer to${" "}
57-
<a href="#toggle-button">
58+
<anchor href="component/toggle-button">
5859
Toggle Button
59-
</a>
60+
</anchor>
6061
docs in these situations.
6162
</p>
6263

@@ -1041,9 +1042,9 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
10411042

10421043
<p>
10431044
There are various layouts that can be used based on the specific needs at implementation. The implied theme (needs no modifier), is the minimal layout. For more information about types of layouts, refer to the${" "}
1044-
<a href="#toggle-button">
1045+
<anchor href="component/toggle-button">
10451046
Toggle Button
1046-
</a>
1047+
</anchor>
10471048
component. The examples below will highlight various layouts.
10481049
</p>
10491050

@@ -1837,7 +1838,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
18371838
<span
18381839
class="toggle-button__image"
18391840
style={
1840-
'background-image': "url('src/routes/static/img/tb-profile-pic.jpg')",
1841+
'background-image': "url('/src/routes/static/img/tb-profile-pic.jpg')",
18411842
'background-repeat': 'no-repeat',
18421843
'background-position': 'center',
18431844
'background-size': "contain"
@@ -1864,7 +1865,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
18641865
<span class="toggle-button__image-container">
18651866
<span
18661867
class="toggle-button__image"
1867-
style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;"
1868+
style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;"
18681869
/>
18691870
</span>
18701871
<span class="toggle-button__content">
@@ -1891,7 +1892,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
18911892
<li>
18921893
<button type="button toggle-button--list-layout" class="toggle-button" aria-pressed="false">
18931894
<span class="toggle-button__image-container">
1894-
<span class="toggle-button__image" style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;">
1895+
<span class="toggle-button__image" style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;">
18951896
</span>
18961897
</span>
18971898
<span class="toggle-button__content">
@@ -1904,7 +1905,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
19041905
<li>
19051906
<button type="button toggle-button--list-layout" class="toggle-button" aria-pressed="false">
19061907
<span class="toggle-button__image-container">
1907-
<span class="toggle-button__image" style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;">
1908+
<span class="toggle-button__image" style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;">
19081909
</span>
19091910
</span>
19101911
<span class="toggle-button__content">
@@ -2124,7 +2125,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
21242125
<span class="toggle-button__image-container">
21252126
<span
21262127
class="toggle-button__image"
2127-
style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;"
2128+
style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;"
21282129
/>
21292130
</span>
21302131
<span class="toggle-button__content">
@@ -2146,7 +2147,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
21462147
<span class="toggle-button__image-container">
21472148
<span
21482149
class="toggle-button__image"
2149-
style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; background-position: center 15%;"
2150+
style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; background-position: center 15%;"
21502151
/>
21512152
</span>
21522153
<span class="toggle-button__content">
@@ -2168,7 +2169,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
21682169
<span class="toggle-button__image-container">
21692170
<span
21702171
class="toggle-button__image"
2171-
style="background-image: url('src/routes/static/img/tb-landscape-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;"
2172+
style="background-image: url('/src/routes/static/img/tb-landscape-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;"
21722173
/>
21732174
</span>
21742175
<span class="toggle-button__content">
@@ -2197,7 +2198,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
21972198
<li>
21982199
<button type="button" class="toggle-button" aria-pressed="false">
21992200
<span class="toggle-button__image-container">
2200-
<span class="toggle-button__image" style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;">
2201+
<span class="toggle-button__image" style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;">
22012202
</span>
22022203
</span>
22032204
<span class="toggle-button__content">
@@ -2209,7 +2210,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
22092210
<li>
22102211
<button type="button" class="toggle-button" aria-pressed="false">
22112212
<span class="toggle-button__image-container">
2212-
<span class="toggle-button__image" style="background-image: url('src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; background-position: center 15%;">
2213+
<span class="toggle-button__image" style="background-image: url('/src/routes/static/img/tb-profile-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; background-position: center 15%;">
22132214
</span>
22142215
</span>
22152216
<span class="toggle-button__content">
@@ -2221,7 +2222,7 @@ import tableProfilePic from "/src/routes/static/img/tb-profile-pic.jpg";
22212222
<li>
22222223
<button type="button" class="toggle-button" aria-pressed="false">
22232224
<span class="toggle-button__image-container">
2224-
<span class="toggle-button__image" style="background-image: url('src/routes/static/img/tb-landscape-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;">
2225+
<span class="toggle-button__image" style="background-image: url('/src/routes/static/img/tb-landscape-pic.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;">
22252226
</span>
22262227
</span>
22272228
<span class="toggle-button__content">

0 commit comments

Comments
 (0)