Skip to content

Commit 89331f7

Browse files
author
Justin M
committed
Merge branch 'gh-pages'
2 parents 3083a19 + 7b5ebda commit 89331f7

File tree

4 files changed

+166
-7
lines changed

4 files changed

+166
-7
lines changed

‎CNAME

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
json-diff.com

‎img/patreon.png

5.06 KB
Loading

‎index.html

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5+
<meta name="google-site-verification" content="crGnn5xAcouXrxmM0KHod4-pUUDNokDxtL_iDiPTiJE" />
56
<title>JSON Diff - Online JSON Compare Diff Finder</title>
67
<link rel="stylesheet" href="www/lib/codemirror/lib/codemirror.css" charset="utf-8">
78
<link rel="stylesheet" href="www/lib/codemirror/theme/tomorrow-night.css" charset="utf-8">
@@ -49,13 +50,9 @@ <h2 class="left">Online JSON Compare</h2>
4950

5051
</div>
5152
<div class="ad-container">
52-
<!-- BEGIN COPY CODEFUND EMBED -->
53-
<div id="codefund"></div>
54-
<script
55-
src="https://app.codefund.io/properties/700/funder.js"
56-
async
57-
></script>
58-
<!-- END COPY CODEFUND EMBED -->
53+
<a href="/sponsor/" title="Support us on Patreon">
54+
<img src="./img/patreon.png" alt="Support us on Patreon"/>
55+
</a>
5956
</div>
6057
</div>
6158
<div class="diff-inputs">

‎sponsor/index.html

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<style>
5+
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
6+
7+
body {
8+
font-family: 'Roboto', sans-serif;
9+
background-color: #F7F7F7;
10+
}
11+
12+
header {
13+
text-align: center;
14+
}
15+
16+
h1 {
17+
margin: 0;
18+
padding: 0;
19+
font-weight: lighter;
20+
text-transform: lowercase;
21+
padding-top: 6px;
22+
font-family: monospace;
23+
}
24+
25+
h2 {
26+
font-weight: lighter;
27+
color: #bbb;
28+
margin: 0;
29+
padding: 12px;
30+
padding-left: 32px;
31+
font-family: monospace;
32+
}
33+
34+
.tier-grid {
35+
display: flex;
36+
font-family: 'Roboto', sans-serif;
37+
flex-direction: row;
38+
flex-wrap: wrap;
39+
justify-content: center;
40+
max-width: 1087px;
41+
margin: auto;
42+
}
43+
44+
.tier-card {
45+
width: 320px;
46+
padding: 20px;
47+
box-sizing: border-box;
48+
margin: 20px;
49+
border: 1px solid #ccc;
50+
box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
51+
background-color: #FFFFFF;
52+
}
53+
54+
.tier-card h3 {
55+
margin: 0;
56+
}
57+
58+
.tier-card .price {
59+
font-size: 1.5em;
60+
margin: 10px 0;
61+
}
62+
63+
.tier-card a {
64+
display: block;
65+
padding: 10px;
66+
margin: 10px 0;
67+
background-color: #2E6DFF;
68+
color: #fff;
69+
text-decoration: none;
70+
text-align: center;
71+
text-transform: uppercase;
72+
}
73+
74+
.tier-card a:hover {
75+
background-color: #2458d0;
76+
}
77+
78+
.tier-card ul {
79+
list-style-type: none;
80+
padding: 0;
81+
}
82+
83+
.tier-limit {
84+
color: #777;
85+
font-size: 14px;
86+
}
87+
88+
.tier-benefits-list {
89+
padding-left: 20px;
90+
}
91+
92+
.tier-description {
93+
height: 145px;
94+
}
95+
96+
.advertiser-card .tier-description {
97+
height: 190px;
98+
}
99+
</style>
100+
<title>JSON Diff - Sponsorship</title>
101+
</head>
102+
<body>
103+
<header>
104+
<h1>{} Json Diff</h1>
105+
<h2>We appreciate your support</h2>
106+
</header>
107+
<div class="tier-grid">
108+
<div class="tier-card">
109+
<h3>Patron</h3>
110+
<div class="price">$1 / month</div>
111+
<p class="tier-description">Your support matters! In appreciation, we offer to mention your name or business name (with optional hyperlink) in a new sponsors popup on json-diff.com. We thank you for your contribution to our work!</p>
112+
<a href="https://www.patreon.com/join/json_diff/checkout?rid=9821250">Join on Patreon</a>
113+
<ul>
114+
<li>Name shown under sponsors on json-diff.com</li>
115+
</ul>
116+
</div>
117+
118+
<div class="tier-card">
119+
<h3>Sponsor</h3>
120+
<div class="price">$5 / month</div>
121+
<p class="tier-description">With your valued support, we can continue to improve json-diff.com. As a token of our gratitude, we offer to list your name or business name (with optional hyperlink) in our sponsors popup. Thank you for backing our mission!</p>
122+
<a href="https://www.patreon.com/join/json_diff/checkout?rid=9821252">Join on Patreon</a>
123+
<ul>
124+
<li>Name shown under sponsors on json-diff.com</li>
125+
</ul>
126+
</div>
127+
128+
<div class="tier-card">
129+
<h3>Benefactor</h3>
130+
<div class="price">$10 / month</div>
131+
<p class="tier-description">Your generous support fuels our work! We'd like to recognize you by featuring your name or business name (with an optional hyperlink) in our sponsors popup on json-diff.com. Your contribution makes a difference!</p>
132+
<a href="https://www.patreon.com/join/json_diff/checkout?rid=9821255">Join on Patreon</a>
133+
<ul>
134+
<li>Name shown under sponsors on json-diff.com</li>
135+
</ul>
136+
</div>
137+
138+
<div class="tier-card advertiser-card">
139+
<h3>Text Banner Advertiser</h3>
140+
<p><div class="tier-limit">Limit 1 subscriber</div></p>
141+
<div class="price">$25 / month</div>
142+
<p class="tier-description">Want to reach a highly engaged tech audience of 3,000+ monthly active users? With this tier, you can have a dedicated text banner ad of up to 200 characters, displayed in a footer on json-diff.com, without rotation. Ads may not contain scripts and are subject to approval.</p>
143+
<a href="https://www.patreon.com/join/json_diff/checkout?rid=9821264">Join on Patreon</a>
144+
<ul class="tier-benefits-list">
145+
<li>Dedicated Text Ad Displayed on json-diff.com</li>
146+
</ul>
147+
</div>
148+
149+
<div class="tier-card advertiser-card">
150+
<h3>Image Advertiser</h3>
151+
<p><div class="tier-limit">Limit 1 subscriber</div></p>
152+
<div class="price">$50 / month</div>
153+
<p class="tier-description">Looking to maximize your visibility? This tier allows you to display an image (130x100 pixels) + text ad (100 characters max) on json-diff.com in the bottom left corner of the page. This is an excellent way to connect with our tech-focused audience of 3,000+ monthly active users. Ads may not contain scripts and are subject to approval.</p>
154+
<a href="https://www.patreon.com/join/json_diff/checkout?rid=9821275">Join on Patreon</a>
155+
<ul class="tier-benefits-list">
156+
<li>Dedicated Text Ad Displayed on json-diff.com</li>
157+
</ul>
158+
</div>
159+
</div>
160+
</body>
161+
</html>

0 commit comments

Comments
 (0)