Skip to content

Commit 7759489

Browse files
typicodetypicode
committed
update
1 parent 13f09a7 commit 7759489

File tree

5 files changed

+70
-28
lines changed

5 files changed

+70
-28
lines changed

‎public/guide.html

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@
2929
</head>
3030

3131
<body>
32-
<header class="container">
33-
<nav>
32+
<header>
33+
<nav class="container">
3434
<ul>
3535
<li><a href="/">JSONPlaceholder</a></li>
3636
<li><a href="/guide.html">Guide</a></li>
@@ -40,7 +40,15 @@
4040
</li>
4141
</ul>
4242
</nav>
43+
<a
44+
href="https://github.com/users/typicode/sponsorship"
45+
class="announcement"
46+
>
47+
<i class="fab fa-github-alt"></i> Announcement: You can now support
48+
JSONPlaceholder on GitHub Sponsors!
49+
</a>
4350
</header>
51+
4452
<div class="container">
4553
<h2 id="guide">Guide</h2>
4654
<p>You can use JSONPlaceholder with any type of project that needs to get JSON data (React, Vue, Angular, Node, Rails, Swift, Android, …).</p>
@@ -175,11 +183,14 @@ <h2 id="nestedresources">Nested resources</h2>
175183
<footer>
176184
<div class="container">
177185
<div style="margin-bottom: 2rem">
178-
<a href="https://www.patreon.com/bePatron?c=784328">
179-
<img
180-
src="https://c5.patreon.com/external/logo/[email protected]"
181-
width="217"
182-
/>
186+
<!-- <a href="https://www.patreon.com/bePatron?c=784328"> -->
187+
<!-- <img -->
188+
<!-- src="https://c5.patreon.com/external/logo/[email protected]" -->
189+
<!-- width="217" -->
190+
<!-- /> -->
191+
<!-- </a> -->
192+
<a href="https://github.com/users/typicode/sponsorship">
193+
<i class="fab fa-github-alt"></i> Sponsor this project on GitHub
183194
</a>
184195
</div>
185196
<div>

‎public/index.html

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@
2929
</head>
3030

3131
<body>
32-
<header class="container">
33-
<nav>
32+
<header>
33+
<nav class="container">
3434
<ul>
3535
<li><a href="/">JSONPlaceholder</a></li>
3636
<li><a href="/guide.html">Guide</a></li>
@@ -40,7 +40,15 @@
4040
</li>
4141
</ul>
4242
</nav>
43+
<a
44+
href="https://github.com/users/typicode/sponsorship"
45+
class="announcement"
46+
>
47+
<i class="fab fa-github-alt"></i> Announcement: You can now support
48+
JSONPlaceholder on GitHub Sponsors!
49+
</a>
4350
</header>
51+
4452
<div class="container">
4553
<!-- Hero -->
4654
<div class="hero">
@@ -68,7 +76,7 @@ <h1>
6876

6977
<!-- Sponsors -->
7078
<div class="sponsors">
71-
<h3>Gold Sponsors 🥇</h3>
79+
<h3>Gold Sponsors</h3>
7280

7381
<p>
7482
<a href="https://tryretool.com/?utm_source=sponsor&utm_campaign=typicode" target="_blank">
@@ -258,11 +266,14 @@ <h2>Use your own data</h2>
258266
<footer>
259267
<div class="container">
260268
<div style="margin-bottom: 2rem">
261-
<a href="https://www.patreon.com/bePatron?c=784328">
262-
<img
263-
src="https://c5.patreon.com/external/logo/[email protected]"
264-
width="217"
265-
/>
269+
<!-- <a href="https://www.patreon.com/bePatron?c=784328"> -->
270+
<!-- <img -->
271+
<!-- src="https://c5.patreon.com/external/logo/[email protected]" -->
272+
<!-- width="217" -->
273+
<!-- /> -->
274+
<!-- </a> -->
275+
<a href="https://github.com/users/typicode/sponsorship">
276+
<i class="fab fa-github-alt"></i> Sponsor this project on GitHub
266277
</a>
267278
</div>
268279
<div>
@@ -349,4 +360,4 @@ <h2>Use your own data</h2>
349360
};
350361
</script>
351362
</body>
352-
</html>
363+
</html>

‎public/style.css

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,16 @@ a {
1111
border-bottom: 1px solid transparent;
1212
}
1313

14+
a.announcement {
15+
display: block;
16+
padding: 1rem;
17+
border-width: 1px 0;
18+
border-style: solid;
19+
border-color: #e4e4e4;
20+
text-align: center;
21+
background: #f8fafc;
22+
}
23+
1424
a:hover {
1525
text-decoration: underline;
1626
}
@@ -38,14 +48,13 @@ h2 {
3848
header {
3949
position: sticky;
4050
top: 0;
41-
background: #f8fafc;
51+
background: #ffffff;
4252
}
4353

4454
nav {
45-
margin: 0 -1rem;
55+
margin: 0;
4656
overflow-x: auto;
4757
text-align: center;
48-
border-bottom: 1px solid #f8fafc;
4958
}
5059

5160
nav ul {
@@ -82,7 +91,7 @@ td:first-child {
8291
.container {
8392
max-width: 60rem;
8493
margin: auto;
85-
padding: 1rem;
94+
padding: 0 1rem;
8695
}
8796

8897
.hero {

‎templates/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ <h1>
2424

2525
<!-- Sponsors -->
2626
<div class="sponsors">
27-
<h3>Gold Sponsors 🥇</h3>
27+
<h3>Gold Sponsors</h3>
2828

2929
<p>
3030
<a href="https://tryretool.com/?utm_source=sponsor&utm_campaign=typicode" target="_blank">

‎templates/layout.html

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@
2929
</head>
3030

3131
<body>
32-
<header class="container">
33-
<nav>
32+
<header>
33+
<nav class="container">
3434
<ul>
3535
<li><a href="/">JSONPlaceholder</a></li>
3636
<li><a href="/guide.html">Guide</a></li>
@@ -40,7 +40,15 @@
4040
</li>
4141
</ul>
4242
</nav>
43+
<a
44+
href="https://github.com/users/typicode/sponsorship"
45+
class="announcement"
46+
>
47+
<i class="fab fa-github-alt"></i> Announcement: You can now support
48+
JSONPlaceholder on GitHub Sponsors!
49+
</a>
4350
</header>
51+
4452
<div class="container">
4553
{content}
4654
</div>
@@ -49,11 +57,14 @@
4957
<footer>
5058
<div class="container">
5159
<div style="margin-bottom: 2rem">
52-
<a href="https://www.patreon.com/bePatron?c=784328">
53-
<img
54-
src="https://c5.patreon.com/external/logo/[email protected]"
55-
width="217"
56-
/>
60+
<!-- <a href="https://www.patreon.com/bePatron?c=784328"> -->
61+
<!-- <img -->
62+
<!-- src="https://c5.patreon.com/external/logo/[email protected]" -->
63+
<!-- width="217" -->
64+
<!-- /> -->
65+
<!-- </a> -->
66+
<a href="https://github.com/users/typicode/sponsorship">
67+
<i class="fab fa-github-alt"></i> Sponsor this project on GitHub
5768
</a>
5869
</div>
5970
<div>

0 commit comments

Comments
 (0)