|
1 | 1 | <!DOCTYPE html> |
2 | | -<html> |
| 2 | +<html lang="en"> |
3 | 3 | <head> |
4 | 4 | <meta charset="utf-8" /> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
16 | 16 |
|
17 | 17 | <meta property="og:image" content="http://javier.xyz/img2css/docs-assets/thumbnail.jpg" /> |
18 | 18 |
|
19 | | - <link rel="stylesheet" type="text/css" href="/_assets/styles.bbea0d78.css" /> |
20 | | - </head> |
| 19 | + |
| 20 | + <link rel="stylesheet" href="https://javier.xyz/img2css/_assets/style.0de5276b.css"> |
| 21 | +</head> |
21 | 22 | <body> |
22 | 23 | <div class="padding-2x"> |
23 | 24 | <h1>img2css.</h1> |
24 | 25 | <div>This is a tool that can convert any image into a <i>pure css</i> image.</div> |
25 | 26 | <div>Try it! (It's cpu heavy, please try with a small image first).</div> |
26 | 27 | <br /> |
| 28 | + <div style="height: 20px"> |
27 | 29 | <iframe |
| 30 | + title="github:@javierbyte" |
28 | 31 | src="https://ghbtns.com/github-btn.html?user=javierbyte&repo=img2css&type=star&count=true" |
29 | 32 | width="170" |
30 | 33 | height="20" |
31 | 34 | style="border: none; overflow: hidden" |
32 | 35 | ></iframe> |
33 | 36 | </div> |
| 37 | + </div> |
34 | 38 | <div id="root"></div> |
35 | 39 | <div class="padding-2x"> |
36 | 40 | <div> |
37 | 41 | Want a programatic way to do this? Look at |
38 | | - <a target="_blank" href="https://github.com/javierbyte/base64-image-utils">base64-image-utils.</a> |
| 42 | + <a rel="noopener" target="_blank" href="https://github.com/javierbyte/base64-image-utils">base64-image-utils.</a> |
39 | 43 | </div> |
40 | | - <div>I also made a per per-pixel animation experiment, see <a href="http://javier.xyz/morphin/">morphin</a>.</div> |
| 44 | + <div>I also made a per per-pixel animation experiment, see <a rel="noopener" href="http://javier.xyz/morphin/">morphin</a>.</div> |
41 | 45 | <br /><br /> |
42 | 46 | <div> |
43 | | - Created by <a href="http://github.com/javierbyte/">javierbyte</a>. Follow me on |
| 47 | + Created by <a rel="noopener" href="http://github.com/javierbyte/">javierbyte</a>. Follow me on |
44 | 48 | <a href="https://twitter.com/javierbyte" class="twitter-follow-button" data-show-count="true">twitter</a>. |
45 | 49 | </div> |
46 | 50 | </div> |
47 | 51 |
|
48 | | - <a href="https://github.com/javierbyte/img2css/" class="github-corner" |
| 52 | + <a href="https://github.com/javierbyte/img2css/" aria-label="github:@javierbyte" class="github-corner" |
49 | 53 | ><svg |
50 | 54 | width="80" |
51 | 55 | height="80" |
@@ -95,6 +99,6 @@ <h1>img2css.</h1> |
95 | 99 | <div id="root"></div> |
96 | 100 |
|
97 | 101 |
|
98 | | - <script type="module" src="/_assets/index.fcb8f51a.js"></script> |
| 102 | + <script type="module" src="https://javier.xyz/img2css/_assets/index.9e3f9600.js"></script> |
99 | 103 | </body> |
100 | 104 | </html> |
0 commit comments