diff --git a/.timeline.md.swp b/.timeline.md.swp new file mode 100644 index 0000000..b4d270d Binary files /dev/null and b/.timeline.md.swp differ diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..8bd847a --- /dev/null +++ b/Gemfile @@ -0,0 +1,9 @@ +source 'https://rubygems.org' + +gem 'jekyll' + +group :jekyll_plugins do + gem 'jekyll-paginate' + gem 'jekyll-gist' + gem 'jemoji' +end diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..ca003c8 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,97 @@ +GEM + remote: https://rubygems.org/ + specs: + activesupport (5.2.1) + concurrent-ruby (~> 1.0, >= 1.0.2) + i18n (>= 0.7, < 2) + minitest (~> 5.1) + tzinfo (~> 1.1) + addressable (2.5.2) + public_suffix (>= 2.0.2, < 4.0) + colorator (1.1.0) + concurrent-ruby (1.0.5) + em-websocket (0.5.1) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0.6.0) + eventmachine (1.2.7) + faraday (0.15.2) + multipart-post (>= 1.2, < 3) + ffi (1.9.25) + forwardable-extended (2.6.0) + gemoji (3.0.0) + html-pipeline (2.8.4) + activesupport (>= 2) + nokogiri (>= 1.4) + http_parser.rb (0.6.0) + i18n (0.9.5) + concurrent-ruby (~> 1.0) + jekyll (3.8.3) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 0.7) + jekyll-sass-converter (~> 1.0) + jekyll-watch (~> 2.0) + kramdown (~> 1.14) + liquid (~> 4.0) + mercenary (~> 0.3.3) + pathutil (~> 0.9) + rouge (>= 1.7, < 4) + safe_yaml (~> 1.0) + jekyll-gist (1.5.0) + octokit (~> 4.2) + jekyll-paginate (1.1.0) + jekyll-sass-converter (1.5.2) + sass (~> 3.4) + jekyll-watch (2.0.0) + listen (~> 3.0) + jemoji (0.10.1) + gemoji (~> 3.0) + html-pipeline (~> 2.2) + jekyll (~> 3.0) + kramdown (1.17.0) + liquid (4.0.0) + listen (3.1.5) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + ruby_dep (~> 1.2) + mercenary (0.3.6) + mini_portile2 (2.3.0) + minitest (5.11.3) + multipart-post (2.0.0) + nokogiri (1.8.4) + mini_portile2 (~> 2.3.0) + octokit (4.11.0) + sawyer (~> 0.8.0, >= 0.5.3) + pathutil (0.16.1) + forwardable-extended (~> 2.6) + public_suffix (3.0.3) + rb-fsevent (0.10.3) + rb-inotify (0.9.10) + ffi (>= 0.5.0, < 2) + rouge (3.2.1) + ruby_dep (1.5.0) + safe_yaml (1.0.4) + sass (3.5.7) + sass-listen (~> 4.0.0) + sass-listen (4.0.0) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + sawyer (0.8.1) + addressable (>= 2.3.5, < 2.6) + faraday (~> 0.8, < 1.0) + thread_safe (0.3.6) + tzinfo (1.2.5) + thread_safe (~> 0.1) + +PLATFORMS + ruby + +DEPENDENCIES + jekyll + jekyll-gist + jekyll-paginate + jemoji + +BUNDLED WITH + 1.16.4 diff --git a/] b/] new file mode 100644 index 0000000..18eba4a --- /dev/null +++ b/] @@ -0,0 +1,110 @@ +--- +layout: page +title: About - Timeline +permalink: /timeline/ +public: false +nocomments: true +--- + +
+ +
+ Now +
+ +
+
+
+ 10 + Sept +
+
+
+

Look up at the Starry Sky

+ +
+
+
+ 2010 +
+ +
+
+
+ 10 + Sept +
+
+
+ + +
+
+
+ 2010 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2008 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2005 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 1999 +
+ +
+
+
+ 26 + Aug +
+
+
+

Borned in Jinan, Shandong Province, China

+
+
+
+ 1993 +
+ +
diff --git a/_includes/head.html b/_includes/head.html index 6e5dad1..5c762c9 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -7,6 +7,7 @@ + + + + + + + + +
+
+ Stop Talking, Start Doing - 停止空想，开始行动 + +
+
+ +
+
+
+
+ +
+

About - Timeline

+
+ +
+
+ +
+ Now +
+ +
+
+
+ 10 + Sept +
+
+
+

Look up at the Starry Sky

+ +
+
+
+ 2010 +
+ +
+
+
+ 10 + Sept +
+
+
+ + +
+
+
+ 2010 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2008 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2005 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 1999 +
+ +
+
+
+ 26 + Aug +
+
+
+

Borned in Jinan, Shandong Province, China

+
+
+
+ 1993 +
+ +
+ +
+ + + + +
+ +
+
+
+ Pengzhan Hao - 碾子 +
Pengzhan Hao - 碾子
+

+

+ + GitHub + + + Twitter + + + Email + +

+
+ +
+
Newest Posts
+ +
+ +
+
TOC
+
+
+
+
+ + + + + + + + diff --git a/_site/timeline/index.html b/_site/timeline/index.html new file mode 100644 index 0000000..d089d55 --- /dev/null +++ b/_site/timeline/index.html @@ -0,0 +1,240 @@ + + + + + + + + + About - Timeline « Stop Talking, Start Doing - 停止空想，开始行动 + + + + + + + + + + + + + + +
+
+ Stop Talking, Start Doing - 停止空想，开始行动 + +
+
+ +
+
+
+
+ +
+

About - Timeline

+
+ +
+
+ +
+ Now +
+ +
+
+
+ 21 + Aug +
+
+
+

Look up at the Starry Sky

+ + +
+
+
+ 2011 +
+ +
+
+
+ 10 + Sept +
+
+
+ + +
+
+
+ 2010 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2008 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2005 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 1999 +
+ +
+
+
+ 26 + Aug +
+
+
+

Borned in Jinan, Shandong Province, China

+
+
+
+ 1993 +
+ +
+ +
+ + + + +
+ +
+
+
+ Pengzhan Hao - 碾子 +
Pengzhan Hao - 碾子
+

+

+ + GitHub + + + Twitter + + + Email + +

+
+ +
+
Newest Posts
+ +
+ +
+
TOC
+
+
+
+
+ + + + + + + + diff --git a/about.md b/about.md index 4620293..31e1989 100644 --- a/about.md +++ b/about.md @@ -68,3 +68,5 @@ The 15th ACM International Conference on Mobile Systems, Applications, and Servi Niagara Falls, NY, USA, 2017. ## Fun + +- My [Timeline](/timeline/index.html) diff --git a/css/timeline.css b/css/timeline.css new file mode 100644 index 0000000..1de1afb --- /dev/null +++ b/css/timeline.css @@ -0,0 +1,256 @@ +.timeline{ + --uiTimelineMainColor: var(--timelineMainColor, #35008a); + --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff); + --uiTimelineDateColor: var(--timelineYearColor, #1470ff); + + position: relative; + /* padding-top: 3rem; */ + /* padding-bottom: 3rem; */ +} + +.timeline:before{ + content: ""; + width: 4px; + height: 100%; + background-color: var(--uiTimelineMainColor); + + position: absolute; + top: 0; +} + +.timeline__group{ + position: relative; +} + +.timeline__group:not(:first-of-type){ + margin-top: 2rem; +} + +.timeline__group:last-of-type{ + margin-bottom: 0rem; +} + +.timeline__year{ + padding: .5rem 1.5rem; + color: var(--uiTimelineSecondaryColor); + background-color: var(--uiTimelineMainColor); + + position: absolute; + left: 0; + bottom: 0; +} + +.timeline__box{ + position: relative; + bottom: 6rem; +} + +.timeline__box:not(:last-of-type){ + margin-bottom: 30px; +} + +.timeline__box:before{ + content: ""; + /* width: 100%; */ + width: auto; + height: 2px; + background-color: var(--uiTimelineMainColor); + + position: absolute; + left: 0; + z-index: -1; +} + +.timeline__date{ + min-width: 65px; + position: absolute; + left: 0; + + box-sizing: border-box; + padding: .5rem 1.5rem; + text-align: center; + + background-color: var(--uiTimelineDateColor); + color: var(--uiTimelineSecondaryColor); +} + +.timeline__day{ + font-size: 2rem; + font-weight: 700; + display: block; +} + +.timeline__month{ + display: block; + font-size: .8em; + text-transform: uppercase; +} + +.timeline__post{ + padding: 1.5rem 1rem 1.5rem 1rem; + border-radius: 2px; + border-left: 3px solid var(--uiTimelineMainColor); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24); + background-color: var(--uiTimelineSecondaryColor); + display: inline-block; +} + +@media screen and (min-width: 641px){ + + .timeline:before{ + left: 30px; + } + + .timeline__group{ + padding-top: 55px; + } + + .timeline__box{ + padding-left: 80px; + } + + .timeline__box:before{ + top: 50%; + transform: translateY(-50%); + } + + .timeline__date{ + top: 50%; + margin-top: -27px; + } +} + +@media screen and (max-width: 640px){ + + .timeline:before{ + left: 0; + } + + .timeline__group{ + padding-top: 40px; + } + + .timeline__box{ + padding-left: 20px; + padding-top: 70px; + } + + .timeline__box:before{ + top: 90px; + } + + .timeline__date{ + top: 0; + } +} + +.timeline{ + --timelineMainColor: #4557bb; + font-size: 16px; +} + +@media screen and (min-width: 768px){ + + html{ + font-size: 62.5%; + } +} + +@media screen and (max-width: 767px){ + + html{ + font-size: 55%; + } +} + +/* +* demo page +*/ + +@media screen and (min-width: 768px){ + + html{ + font-size: 62.5%; + } +} + +@media screen and (max-width: 767px){ + + html{ + font-size: 50%; + } +} + +body{ + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans, Ubuntu, Fira Sans, Helvetica Neue, sans-serif; + font-size: 1.6rem; + color: #222; + + background-color: #f0f0f0; + margin: 0; + -webkit-overflow-scrolling: touch; + overflow-y: scroll; +} + +p{ + margin-top: 0; + margin-bottom: 1.5rem; + line-height: 1.5; +} + +p:last-child{ + margin-bottom: 0; +} + +.page{ + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: space-around; +} + +.page__demo{ + flex-grow: 1; +} + +.main-container{ + max-width: 960px; + padding-left: 2rem; + padding-right: 2rem; + + margin-left: auto; + margin-right: auto; +} + +.page__container{ + padding-top: 30px; + padding-bottom: 30px; + max-width: 800px; +} + +.footer{ + padding-top: 1rem; + padding-bottom: 1rem; + text-align: center; + font-size: 1.4rem; +} + +.footer__link{ + text-decoration: none; + color: inherit; +} + +@media screen and (min-width: 361px){ + + .footer__container{ + display: flex; + justify-content: space-between; + } +} + +@media screen and (max-width: 360px){ + + .melnik909{ + display: none; + } +} diff --git a/static/2018-09/beihang.mp3 b/static/2018-09/beihang.mp3 new file mode 100644 index 0000000..1843e85 Binary files /dev/null and b/static/2018-09/beihang.mp3 differ diff --git a/timeline.md b/timeline.md new file mode 100644 index 0000000..9bb3cfc --- /dev/null +++ b/timeline.md @@ -0,0 +1,111 @@ +--- +layout: page +title: About - Timeline +permalink: /timeline/ +public: false +nocomments: true +--- + +
+ +
+ Now +
+ +
+
+
+ 21 + Aug +
+
+
+

Look up at the Starry Sky

+ + +
+
+
+ 2011 +
+ +
+
+
+ 10 + Sept +
+
+
+ + +
+
+
+ 2010 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2008 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 2005 +
+ +
+
+
+ 1 + Sept +
+
+
+ + +
+
+
+ 1999 +
+ +
+
+
+ 26 + Aug +
+
+
+

Borned in Jinan, Shandong Province, China

+
+
+
+ 1993 +
+ +