diff options
-rw-r--r-- | about.html | 59 | ||||
-rw-r--r-- | css/main.css | 25 | ||||
-rw-r--r-- | index.html | 10 |
3 files changed, 93 insertions, 1 deletions
diff --git a/about.html b/about.html new file mode 100644 index 0000000..f079631 --- /dev/null +++ b/about.html | |||
@@ -0,0 +1,59 @@ | |||
1 | |||
2 | <!DOCTYPE html> | ||
3 | <!--[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]--> | ||
5 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | ||
6 | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | ||
7 | <head> | ||
8 | <meta charset="utf-8"> | ||
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://jinwei.me"/> | ||
15 | <meta property="og:site_name" content="Hello World"/> | ||
16 | |||
17 | <link rel="icon" href="favicon.ico"> | ||
18 | <meta name="viewport" content="width=device-width"> | ||
19 | |||
20 | <link rel="stylesheet" href="css/main.css"> | ||
21 | <link rel="stylesheet" href="css/font.css"> | ||
22 | |||
23 | </head> | ||
24 | <body> | ||
25 | <div class="bg-highlight"> | ||
26 | <pre><strong>clarkzjw</strong> <span>at</span> <strong>protonmail</strong> <span>dot</span> <strong>ch</strong> | ||
27 | <span>$</span> apt-get update | ||
28 | <span>$</span> apt-get remove emacs | ||
29 | <span>$</span> apt-get install vim | ||
30 | <span>$</span> apt-get remove bash | ||
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 -)" | ||
33 | </pre> | ||
34 | </div> | ||
35 | |||
36 | <div class="copyright"> | ||
37 | <pre> | ||
38 | <span>Copyleft 2015</span> | ||
39 | <span>Powered by <a href="https://gitcafe.com/">GitCafe</a></span> | ||
40 | </pre> | ||
41 | </div> | ||
42 | |||
43 | <section class="block"> | ||
44 | <div class="centered"> | ||
45 | <p>Long Live Shadowsocks and GoAgent.</p> | ||
46 | </div> | ||
47 | </section> | ||
48 | |||
49 | <script> | ||
50 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
51 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
52 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
53 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
54 | ga('create', 'UA-66727818-1', 'auto'); | ||
55 | ga('send', 'pageview'); | ||
56 | </script> | ||
57 | |||
58 | </body> | ||
59 | </html> | ||
diff --git a/css/main.css b/css/main.css index ed46d14..023297e 100644 --- a/css/main.css +++ b/css/main.css | |||
@@ -3665,6 +3665,31 @@ a:focus { | |||
3665 | padding: 5px | 3665 | padding: 5px |
3666 | } | 3666 | } |
3667 | 3667 | ||
3668 | .copyright { | ||
3669 | position: absolute; | ||
3670 | bottom: 0; | ||
3671 | right: 0; | ||
3672 | -ms-filter: "alpha(Opacity=20)"; | ||
3673 | filter: alpha(opacity=20); | ||
3674 | opacity: .2; | ||
3675 | font-size: 90%; | ||
3676 | -webkit-touch-callout: none; | ||
3677 | -webkit-user-select: none; | ||
3678 | -khtml-user-select: none; | ||
3679 | -moz-user-select: none; | ||
3680 | -ms-user-select: none; | ||
3681 | user-select: none | ||
3682 | } | ||
3683 | |||
3684 | .copyright span { | ||
3685 | color: #a9a9a9 | ||
3686 | } | ||
3687 | |||
3688 | .copyright pre { | ||
3689 | margin: 0; | ||
3690 | padding: 5px | ||
3691 | } | ||
3692 | |||
3668 | .block { | 3693 | .block { |
3669 | position: relative; | 3694 | position: relative; |
3670 | min-height: 100%; | 3695 | min-height: 100%; |
@@ -32,12 +32,20 @@ | |||
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 | |||
36 | <div class="copyright"> | ||
37 | <pre> | ||
38 | <span>Copyleft 2015</span> | ||
39 | <span>Powered by <a href="https://gitcafe.com/">GitCafe</a></span> | ||
40 | </pre> | ||
41 | </div> | ||
42 | |||
35 | <section class="block"> | 43 | <section class="block"> |
36 | <div class="centered"> | 44 | <div class="centered"> |
37 | <h1>I love <span class="favthing">Python</span></h1> | 45 | <h1>I love <span class="favthing">Python</span></h1> |
38 | <p>My name is Jinwei Zhao. I am a computer science student at <strong>Hangzhou</strong>.</p> | 46 | <p>My name is Jinwei Zhao. I am a computer science student at <strong>Hangzhou</strong>.</p> |
39 | <p>Sometimes I write blog posts at <a href="http://blog.jinwei.me" target="_blank">blog.jinwei.me</a>.</p> | 47 | <p>Sometimes I write blog posts at <a href="http://blog.jinwei.me" target="_blank">blog.jinwei.me</a>.</p> |
40 | <p>This site is powered by <a href="https://gitcafe.com/">GitCafe</a>.</p> | 48 | <p>Read more at <a href="about.html">about</a>.</p> |
41 | </div> | 49 | </div> |
42 | </section> | 50 | </section> |
43 | <script src="js/portfolio.js"></script> | 51 | <script src="js/portfolio.js"></script> |