diff options
-rw-r--r-- | about.html | 86 | ||||
-rw-r--r-- | css/font.css | 25 | ||||
-rw-r--r-- | index.html | 99 |
3 files changed, 109 insertions, 101 deletions
@@ -1,29 +1,29 @@ | |||
1 | |||
2 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
3 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | 2 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
4 | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | 3 | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
5 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | 4 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
6 | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | 5 | <!--[if gt IE 8]><!--> |
7 | <head> | 6 | <html class="no-js"> |
8 | <meta charset="utf-8"> | 7 | <!--<![endif]--> |
9 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
10 | <title>Hello World</title> | ||
11 | |||
12 | <meta property="og:title" content="Hello World"/> | ||
13 | <meta property="og:type" content="website"/> | ||
14 | <meta property="og:url" content="http://ring0.xyz"/> | ||
15 | <meta property="og:site_name" content="Hello World"/> | ||
16 | <meta name="theme-color" content="#2b303b"> | ||
17 | <meta name="viewport" content="width=device-width"> | ||
18 | |||
19 | <link rel="icon" type="image/x-icon" href="favicon.ico"> | ||
20 | <link rel="stylesheet" href="css/main.css"> | ||
21 | <link rel="stylesheet" href="css/font.css"> | ||
22 | 8 | ||
9 | <head> | ||
10 | <meta charset="utf-8"> | ||
11 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
12 | <title>Hello World</title> | ||
13 | <meta property="og:title" content="Hello World" /> | ||
14 | <meta property="og:type" content="website" /> | ||
15 | <meta property="og:url" content="http://ring0.xyz" /> | ||
16 | <meta property="og:site_name" content="Hello World" /> | ||
17 | <meta name="theme-color" content="#2b303b"> | ||
18 | <meta name="viewport" content="width=device-width"> | ||
19 | <link rel="icon" type="image/x-icon" href="favicon.ico"> | ||
20 | <link rel="stylesheet" href="css/main.css"> | ||
21 | <link rel="stylesheet" href="css/font.css"> | ||
23 | </head> | 22 | </head> |
23 | |||
24 | <body> | 24 | <body> |
25 | <div class="bg-highlight"> | 25 | <div class="bg-highlight"> |
26 | <pre><strong>clarkzjw</strong> <span>at</span> <strong>protonmail</strong> <span>dot</span> <strong>ch</strong> | 26 | <pre><strong>clarkzjw</strong> <span>at</span> <strong>protonmail</strong> <span>dot</span> <strong>ch</strong> |
27 | <span>$</span> apt-get update | 27 | <span>$</span> apt-get update |
28 | <span>$</span> apt-get remove emacs | 28 | <span>$</span> apt-get remove emacs |
29 | <span>$</span> apt-get install vim | 29 | <span>$</span> apt-get install vim |
@@ -31,29 +31,33 @@ | |||
31 | <span>$</span> apt-get install zsh | 31 | <span>$</span> apt-get install zsh |
32 | <span>$</span> sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)" | 32 | <span>$</span> sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)" |
33 | </pre> | 33 | </pre> |
34 | </div> | 34 | </div> |
35 | 35 | <div class="copyright"> | |
36 | <div class="copyright"> | 36 | <pre> |
37 | <pre> | ||
38 | <span>Copyleft 2015 Powered by <a href="https://gitcafe.com/">GitCafe</a></span> | 37 | <span>Copyleft 2015 Powered by <a href="https://gitcafe.com/">GitCafe</a></span> |
39 | </pre> | 38 | </pre> |
40 | </div> | 39 | </div> |
41 | 40 | <section class="block"> | |
42 | <section class="block"> | 41 | <div class="centered"> |
43 | <div class="centered"> | 42 | <p>Long Live Shadowsocks and GoAgent.</p> |
44 | <p>Long Live Shadowsocks and GoAgent.</p> | 43 | <p>There is a <a href="https://www.evernote.com/pub/clarkzjw/websnapshotshare" target="_blank">list of articles</a> (The link is blocked in mainland China) I saved and shared at Evernote.</p> |
45 | <p>There is a <a href="https://www.evernote.com/pub/clarkzjw/websnapshotshare" target="_blank">list of articles</a> (The link is blocked in mainland China) I saved and shared at Evernote.</p> | 44 | </div> |
46 | </div> | 45 | </section> |
47 | </section> | 46 | <script> |
48 | 47 | (function(i, s, o, g, r, a, m) { | |
49 | <script> | 48 | i['GoogleAnalyticsObject'] = r; |
50 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | 49 | i[r] = i[r] || function() { |
51 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | 50 | (i[r].q = i[r].q || []).push(arguments) |
52 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | 51 | }, i[r].l = 1 * new Date(); |
53 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | 52 | a = s.createElement(o), |
54 | ga('create', 'UA-66727818-1', 'auto'); | 53 | m = s.getElementsByTagName(o)[0]; |
55 | ga('send', 'pageview'); | 54 | a.async = 1; |
56 | </script> | 55 | a.src = g; |
57 | 56 | m.parentNode.insertBefore(a, m) | |
57 | })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); | ||
58 | ga('create', 'UA-66727818-1', 'auto'); | ||
59 | ga('send', 'pageview'); | ||
60 | </script> | ||
58 | </body> | 61 | </body> |
62 | |||
59 | </html> | 63 | </html> |
diff --git a/css/font.css b/css/font.css index 9922467..c57f289 100644 --- a/css/font.css +++ b/css/font.css | |||
@@ -1,16 +1,17 @@ | |||
1 | h1 { | 1 | h1 { |
2 | font-family: Century Gothic, sans-serif; | 2 | font-family: Century Gothic, sans-serif; |
3 | font-size: 24px; | 3 | font-size: 24px; |
4 | font-style: normal; | 4 | font-style: normal; |
5 | font-variant: normal; | 5 | font-variant: normal; |
6 | font-weight: 500; | 6 | font-weight: 500; |
7 | line-height: 26.3999996185303px; | 7 | line-height: 26.3999996185303px; |
8 | } | 8 | } |
9 | |||
9 | p { | 10 | p { |
10 | font-family: Century Gothic, sans-serif; | 11 | font-family: Century Gothic, sans-serif; |
11 | font-size: 14px; | 12 | font-size: 14px; |
12 | font-style: normal; | 13 | font-style: normal; |
13 | font-variant: normal; | 14 | font-variant: normal; |
14 | font-weight: 400; | 15 | font-weight: 400; |
15 | line-height: 20px; | 16 | line-height: 20px; |
16 | } | 17 | } |
@@ -1,29 +1,29 @@ | |||
1 | |||
2 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
3 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | 2 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
4 | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | 3 | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
5 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | 4 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
6 | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | 5 | <!--[if gt IE 8]><!--> |
7 | <head> | 6 | <html class="no-js"> |
8 | <meta charset="utf-8"> | 7 | <!--<![endif]--> |
9 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
10 | <title>Hello World</title> | ||
11 | |||
12 | <meta property="og:title" content="Hello World"/> | ||
13 | <meta property="og:type" content="website"/> | ||
14 | <meta property="og:url" content="http://ring0.xyz"/> | ||
15 | <meta property="og:site_name" content="Hello World"/> | ||
16 | <meta name="theme-color" content="#2b303b"> | ||
17 | <meta name="viewport" content="width=device-width"> | ||
18 | |||
19 | <link rel="icon" type="image/x-icon" href="favicon.ico"> | ||
20 | <link rel="stylesheet" href="css/main.css"> | ||
21 | <link rel="stylesheet" href="css/font.css"> | ||
22 | 8 | ||
9 | <head> | ||
10 | <meta charset="utf-8"> | ||
11 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
12 | <title>Hello World</title> | ||
13 | <meta property="og:title" content="Hello World" /> | ||
14 | <meta property="og:type" content="website" /> | ||
15 | <meta property="og:url" content="http://ring0.xyz" /> | ||
16 | <meta property="og:site_name" content="Hello World" /> | ||
17 | <meta name="theme-color" content="#2b303b"> | ||
18 | <meta name="viewport" content="width=device-width"> | ||
19 | <link rel="icon" type="image/x-icon" href="favicon.ico"> | ||
20 | <link rel="stylesheet" href="css/main.css"> | ||
21 | <link rel="stylesheet" href="css/font.css"> | ||
23 | </head> | 22 | </head> |
23 | |||
24 | <body> | 24 | <body> |
25 | <div class="bg-highlight"> | 25 | <div class="bg-highlight"> |
26 | <pre><strong>clarkzjw</strong> <span>at</span> <strong>protonmail</strong> <span>dot</span> <strong>ch</strong> | 26 | <pre><strong>clarkzjw</strong> <span>at</span> <strong>protonmail</strong> <span>dot</span> <strong>ch</strong> |
27 | <span>$</span> apt-get update | 27 | <span>$</span> apt-get update |
28 | <span>$</span> apt-get remove emacs | 28 | <span>$</span> apt-get remove emacs |
29 | <span>$</span> apt-get install vim | 29 | <span>$</span> apt-get install vim |
@@ -31,36 +31,39 @@ | |||
31 | <span>$</span> apt-get install zsh | 31 | <span>$</span> apt-get install zsh |
32 | <span>$</span> sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)" | 32 | <span>$</span> sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)" |
33 | </pre> | 33 | </pre> |
34 | </div> | 34 | </div> |
35 | 35 | <div class="copyright"> | |
36 | <div class="copyright"> | 36 | <pre> |
37 | <pre> | ||
38 | <span>Copyleft 2015 Powered by <a href="https://www.digitalocean.com/">DigitalOcean</a></span> | 37 | <span>Copyleft 2015 Powered by <a href="https://www.digitalocean.com/">DigitalOcean</a></span> |
39 | </pre> | 38 | </pre> |
40 | </div> | 39 | </div> |
41 | 40 | <section class="block"> | |
42 | <section class="block"> | 41 | <div class="centered"> |
43 | <div class="centered"> | 42 | <h1>I love <span class="favthing">Ingress</span></h1> |
44 | <h1>I love <span class="favthing">Ingress</span></h1> | 43 | <p>My name is Jinwei Zhao. I am a computer science student in <strong>Hangzhou</strong>.</p> |
45 | <p>My name is Jinwei Zhao. I am a computer science student in <strong>Hangzhou</strong>.</p> | 44 | <p>Sometimes I write blog posts at <a href="https://blog.ring0.xyz" target="_blank">blog.ring0.xyz</a>.</p> |
46 | <p>Sometimes I write blog posts at <a href="http://blog.ring0.xyz" | 45 | <p>Your connection is encrypted with <a href="https://letsencrypt.org/" target="_blank">Let's Encrypt</a>.</p> |
47 | target="_blank">blog.ring0.xyz</a>.</p> | 46 | <p>2048R/E9245 54E5C D20B9 C5514 1635D C1AB1 5CA01 E40F2</p> |
48 | <p>Your connection is encrypted with <a href="https://letsencrypt.org/" target="_blank">Let's Encrypt</a>.</p> | 47 | <p><a href="http://pgp.mit.edu/pks/lookup?op=get&search=0xDC1AB15CA01E40F2" target="_blank">pgp.mit.edu</a></p> |
49 | <p>2048R/E9245 54E5C D20B9 C5514 1635D C1AB1 5CA01 E40F2</p> | 48 | <p>Read more at <a href="about.html">about</a>.</p> |
50 | <p><a href="http://pgp.mit.edu/pks/lookup?op=get&search=0xDC1AB15CA01E40F2" target="_blank">pgp.mit.edu</a></p> | 49 | </div> |
51 | <p>Read more at <a href="about.html">about</a>.</p> | 50 | </section> |
52 | </div> | 51 | <script src="js/portfolio.js"></script> |
53 | </section> | 52 | <script> |
54 | <script src="js/portfolio.js"></script> | 53 | (function(i, s, o, g, r, a, m) { |
55 | 54 | i['GoogleAnalyticsObject'] = r; | |
56 | <script> | 55 | i[r] = i[r] || function() { |
57 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | 56 | (i[r].q = i[r].q || []).push(arguments) |
58 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | 57 | }, i[r].l = 1 * new Date(); |
59 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | 58 | a = s.createElement(o), |
60 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | 59 | m = s.getElementsByTagName(o)[0]; |
61 | ga('create', 'UA-66727818-1', 'auto'); | 60 | a.async = 1; |
62 | ga('send', 'pageview'); | 61 | a.src = g; |
63 | </script> | 62 | m.parentNode.insertBefore(a, m) |
64 | 63 | })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); | |
64 | ga('create', 'UA-66727818-1', 'auto'); | ||
65 | ga('send', 'pageview'); | ||
66 | </script> | ||
65 | </body> | 67 | </body> |
68 | |||
66 | </html> | 69 | </html> |