|
5 | 5 | <meta name="viewport" content="width=device-width"> |
6 | 6 | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> |
7 | 7 |
|
8 | | - <script src="../jquery.modal.js" type="text/javascript" charset="utf-8"></script> |
9 | | - <link rel="stylesheet" href="../jquery.modal.css" type="text/css" media="screen" /> |
| 8 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.2/jquery.modal.min.js"></script> |
| 9 | + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.2/jquery.modal.min.css" /> |
10 | 10 |
|
11 | 11 | <script src="highlight/highlight.pack.js" type="text/javascript" charset="utf-8"></script> |
12 | 12 | <script type="text/javascript" charset="utf-8"> hljs.initHighlightingOnLoad(); </script> |
|
147 | 147 | pre code { padding: 5px; } |
148 | 148 | a.btn { display: block; text-align: center; padding: 1rem; } |
149 | 149 | } |
150 | | - |
151 | | - .sponsor .note { |
152 | | - font-size: 11px; |
153 | | - text-transform: uppercase; |
154 | | - color: #bbb; |
155 | | - } |
156 | | - |
157 | | - .sponsor img { |
158 | | - display: block; |
159 | | - max-width: 100%; |
160 | | - } |
161 | | - |
162 | | - .sponsor .banner { |
163 | | - display: flex; |
164 | | - align-items: center; |
165 | | - justify-content: space-around; |
166 | | - } |
167 | | - |
168 | | - .sponsor .illustration { |
169 | | - width: 40%; |
170 | | - } |
171 | | - |
172 | | - .sponsor .content { |
173 | | - width: 50%; |
174 | | - } |
175 | | - |
176 | | - .sponsor .text { |
177 | | - font-size: 16px; |
178 | | - line-height: 1.75; |
179 | | - margin: 28px 0; |
180 | | - } |
181 | | - |
182 | | - .sponsor .content .text a { |
183 | | - color: #1284ff; |
184 | | - border-color: #1284ff; |
185 | | - } |
186 | | - |
187 | | - .sponsor .content .text a:hover { |
188 | | - color: #373a3c; |
189 | | - border-color: #373a3c; |
190 | | - } |
191 | | - |
192 | | - .sponsor .button { |
193 | | - background: #3ecf4a; |
194 | | - border-radius: 3px; |
195 | | - color: #fff; |
196 | | - padding: 10px 20px; |
197 | | - display: inline-block; |
198 | | - border: none; |
199 | | - } |
200 | | - |
201 | | - .sponsor .button:hover { |
202 | | - background: #2baf36; |
203 | | - transform: translateY(-3px); |
204 | | - } |
205 | | - |
206 | | - @media only screen and (max-width: 600px) { |
207 | | - .sponsor .note { |
208 | | - margin-bottom: 16px; |
209 | | - } |
210 | | - |
211 | | - .sponsor .illustration { |
212 | | - display: none; |
213 | | - } |
214 | | - |
215 | | - .sponsor .content { |
216 | | - width: 100%; |
217 | | - } |
218 | | - } |
219 | 150 | </style> |
220 | 151 | <title>jQuery Modal</title> |
221 | 152 | <meta name="description" content="jQuery Modal is the easiest way to display modal windows with jQuery. Built by Kyle Fox."> |
@@ -258,29 +189,6 @@ <h1>jQuery Modal</h1> |
258 | 189 |
|
259 | 190 | <hr> |
260 | 191 |
|
261 | | -<div class="sponsor"> |
262 | | - <div class="note">Sponsor</div> |
263 | | - <div class="banner"> |
264 | | - <div class="illustration"> |
265 | | - <a href="https://www.getrewardful.com/?via=jquery-modal" target="_blank"> |
266 | | - <img src="https://r.wdfl.co/financial-money-heart.svg" alt="Incentivize and reward your best promoters."> |
267 | | - </a> |
268 | | - </div> |
269 | | - <div class="content"> |
270 | | - <a href="https://www.getrewardful.com/?via=jquery-modal" target="_blank"> |
271 | | - <img width="200" src="https://r.wdfl.co/rewardful-logo.svg" alt="Rewardful: simple affiliate programs for Stripe."> |
272 | | - </a> |
273 | | - <div class="text"> |
274 | | - <a href="https://www.getrewardful.com/?via=jquery-modal" target="_blank">Rewardful</a> is a simple way for SaaS companies to create <strong>affiliate and referral programs with Stripe.</strong> |
275 | | - Just connect your account and let us track referrals, discounts, and commissions for you! |
276 | | - </div> |
277 | | - <a href="https://www.getrewardful.com/?via=jquery-modal" class="button" target="_blank">Learn more →</a> |
278 | | - </div> |
279 | | - </div> |
280 | | -</div> |
281 | | - |
282 | | -<hr> |
283 | | - |
284 | 192 | <h2 id="install"><a href="#install">#</a> Install</h2> |
285 | 193 |
|
286 | 194 | <p>The simplest method is to use the hosted version from <a href="https://cdnjs.com/libraries/jquery-modal">cdnjs</a>:</p> |
|
0 commit comments