p0c-website

Proof of concepts for fun and profit
git clone https://git.in0rdr.ch/p0c-website.git
Log | Files | Refs | README | LICENSE

commit 35a679c4d0acfd8d7e3a64dff0a678d02dddf42e
parent 80dfe62f76a777c4c351d96b245ac1a5dad0f8f2
Author: Heiswayi Nrird <hnrird@gmail.com>
Date:   Thu, 23 Mar 2017 23:30:46 +0800

Update to v2.1

Diffstat:
DGemfile | 12------------
DGemfile.lock | 86-------------------------------------------------------------------------------
MREADME.md | 8++++----
M_config.yml | 14+++++++-------
M_includes/footer.html | 4+---
M_includes/head.html | 4++--
M_posts/2015-03-20-what-is-lorem-ipsum.md | 2+-
M_posts/2015-10-12-the-quick-brown-fox-jumps-over-a-lazy-dog.md | 6+++---
M_posts/2015-12-30-markdown-cheatsheet-demo.md | 21+++++++++++++++++----
M_posts/2016-06-09-if-you-have-a-guest-post.md | 2+-
M_posts/2016-06-10-how-to-download-or-use-this-theme.md | 8++++----
Mabout.md | 2+-
Massets/scss/_layout.scss | 15+++++++++++----
Massets/scss/_variables.scss | 2+-
Massets/scss/base/_typography.scss | 16++++++++--------
15 files changed, 61 insertions(+), 141 deletions(-)

diff --git a/Gemfile b/Gemfile @@ -1,12 +0,0 @@ -# If you have OpenSSL installed, we recommend updating -# the following line to use "https" -source 'http://rubygems.org' - -group :development do - gem 'html-proofer' - gem 'jekyll', '~> 3.0', '>= 3.0.1' - gem 'jekyll-paginate', '~> 1.1' - gem 'sass', '~> 3.4', '>= 3.4.20' - gem 'bourbon', '~> 4.2', '>= 4.2.6' - gem 'pygments.rb', '~> 0.6.3' -end diff --git a/Gemfile.lock b/Gemfile.lock @@ -1,86 +0,0 @@ -GEM - remote: http://rubygems.org/ - specs: - activesupport (4.2.5) - i18n (~> 0.7) - json (~> 1.7, >= 1.7.7) - minitest (~> 5.1) - thread_safe (~> 0.3, >= 0.3.4) - tzinfo (~> 1.1) - addressable (2.4.0) - bourbon (4.2.6) - sass (~> 3.4) - thor (~> 0.19) - colorator (0.1) - colored (1.2) - ethon (0.8.0) - ffi (>= 1.3.0) - ffi (1.9.10) - html-proofer (2.6.1) - activesupport (~> 4.2) - addressable (~> 2.3) - colored (~> 1.2) - mercenary (~> 0.3.2) - nokogiri (~> 1.5) - parallel (~> 1.3) - typhoeus (~> 0.7) - yell (~> 2.0) - i18n (0.7.0) - jekyll (3.0.1) - colorator (~> 0.1) - jekyll-sass-converter (~> 1.0) - jekyll-watch (~> 1.1) - kramdown (~> 1.3) - liquid (~> 3.0) - mercenary (~> 0.3.3) - rouge (~> 1.7) - safe_yaml (~> 1.0) - jekyll-paginate (1.1.0) - jekyll-sass-converter (1.4.0) - sass (~> 3.4) - jekyll-watch (1.3.0) - listen (~> 3.0) - json (1.8.3) - kramdown (1.9.0) - liquid (3.0.6) - listen (3.0.5) - rb-fsevent (>= 0.9.3) - rb-inotify (>= 0.9) - mercenary (0.3.5) - mini_portile2 (2.0.0) - minitest (5.8.3) - nokogiri (1.6.7.1) - mini_portile2 (~> 2.0.0.rc2) - parallel (1.6.1) - posix-spawn (0.3.11) - pygments.rb (0.6.3) - posix-spawn (~> 0.3.6) - yajl-ruby (~> 1.2.0) - rb-fsevent (0.9.7) - rb-inotify (0.9.5) - ffi (>= 0.5.0) - rouge (1.10.1) - safe_yaml (1.0.4) - sass (3.4.20) - thor (0.19.1) - thread_safe (0.3.5) - typhoeus (0.8.0) - ethon (>= 0.8.0) - tzinfo (1.2.2) - thread_safe (~> 0.1) - yajl-ruby (1.2.1) - yell (2.0.5) - -PLATFORMS - ruby - -DEPENDENCIES - bourbon (~> 4.2, >= 4.2.6) - html-proofer - jekyll (~> 3.0, >= 3.0.1) - jekyll-paginate (~> 1.1) - pygments.rb (~> 0.6.3) - sass (~> 3.4, >= 3.4.20) - -BUNDLED WITH - 1.11.2 diff --git a/README.md b/README.md @@ -1,12 +1,12 @@ -# Thinkspace v2.0 +# Thinkspace v2.1 -Thinkspace is a white clean, nerdy look and minimalist Jekyll theme designed for engineers to write their ranting and findings. This theme is best use for personal blog type or project-based blog. Font or typeface used is [Inconsolata](https://fonts.google.com/specimen/Inconsolata) by Google Web Fonts and [Font Awesome](http://fontawesome.io/). [Disqus](https://disqus.com/) comment is supported. +Thinkspace is just another minimalist Jekyll theme which is best suit for technical writing, but not limited to. Good for personal blog type too or project-based blog. Disqus comment is included. [**Live Demo**](http://heiswayi.github.io/thinkspace/) -### Screenshot +### Screenshot? -![Screenshot](http://i.imgur.com/TgaRfrU.png) +[Just see it live here!](http://heiswayi.github.io/thinkspace/) ### License diff --git a/_config.yml b/_config.yml @@ -2,17 +2,17 @@ # SEO settings title: "Think" title2: "space" # default: "" -description: "Just another minimalist Jekyll theme that focuses on technical writing." +description: "Just another minimalist Jekyll theme for technical writing." keywords: "Jekyll, theme, free, download, SEO, blog, web, minimalist, thinkspace" url: http://heiswayi.github.io/thinkspace # site url -baseurl: "/thinkspace" # apply repo name if use it under gh-pages branch +baseurl: "" # apply repo name if use it under gh-pages branch # baseurl: null # apply null if repo name is something like username.github.io google_analytics: UA-XXXXX-XX repo: http://github.com/heiswayi/thinkspace -disqus_shortname: "heiswayi" +disqus_shortname: "hnbloggithub" twitter_username: "HeiswayiNrird" -comments: true +comments: true # Build settings permalink : /:year/:title/ @@ -29,15 +29,15 @@ sass: # Author settings author: - name : "Heiswayi Nrird" - job : "R&D Software Engineer" + name : "John Doe" + job : "Software Engineer" bio : "1+1=3 is always TRUE in my world, a balance between binary and reality." thumb : /images/author.jpg email : hnrird@gmail.com url : http://heiswayi.github.io github : http://github.com/heiswayi twitter : http://twitter.com/HeiswayiNrird - facebook : https://www.facebook.com/profile.php?id=1257583160 + facebook : https://www.facebook.com/heiswayi.nrird linkedin : http://linkedin.com/in/nrird # social settings diff --git a/_includes/footer.html b/_includes/footer.html @@ -1,7 +1,5 @@ <footer class="site-footer"> <div class="container"> - <small class="block">&copy; {{ site.time | date: '%Y' }} {{ site.author.name }}. All rights reserved.</small> - <small class="block">Made with <i class="fa fa-heart" aria-hidden="true" style="color:#DD3D36"></i> using <a href="http://jekyllrb.com/">Jekyll</a>. Typeface by <a href="https://fonts.google.com/specimen/Inconsolata">Inconsolata</a> and <a href="http://fontawesome.io/">Font Awesome</a>.</small> - <small><a href="https://github.com/heiswayi/thinkspace">Thinkspace</a> theme by <a href="http://heiswayi.github.io/">Heiswayi Nrird</a>.</small> + <small class="block">&lt;/&gt; <a href="http://github.com/heiswayi/thinkspace" title="a minimalist Jekyll theme for technical writing">Thinkspace theme</a> by <a href="http://heiswayi.github.io">Heiswayi Nrird</a>. | <i class="fa fa-copyright"></i> {{ site.time | date: '%Y' }} {{ site.author.name }}</small> </div> </footer> diff --git a/_includes/head.html b/_includes/head.html @@ -8,7 +8,7 @@ {% if page.title == "Home" %} {% capture page_title %} {{ site.title }}{{ site.title2 }} | {{ site.description }} - {%if paginator and paginator.page != 1 %} - Página {{ paginator.page }}{% endif %} + {%if paginator and paginator.page != 1 %} - {{ paginator.page }}{% endif %} {% endcapture %} {% else %} {% capture page_title %} @@ -29,7 +29,7 @@ {% else %} {{ site.description }} {% endif %} - {%if paginator and paginator.page != 1 %} - Página {{ paginator.page }} {% endif %} + {%if paginator and paginator.page != 1 %} - {{ paginator.page }} {% endif %} {%if page.slug == 'category' %} Categoria: {{ page.title }}{% endif %} {%if page.slug == 'tag' %} Tag: {{ page.title }}{% endif %} {% endcapture %} diff --git a/_posts/2015-03-20-what-is-lorem-ipsum.md b/_posts/2015-03-20-what-is-lorem-ipsum.md @@ -22,4 +22,4 @@ It is a long established fact that a reader will be distracted by the readable c There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. -> This content was copied from http://www.lipsum.com/ as a part of example posts. +> This content was copied from http://www.lipsum.com/ as an example of post article. diff --git a/_posts/2015-10-12-the-quick-brown-fox-jumps-over-a-lazy-dog.md b/_posts/2015-10-12-the-quick-brown-fox-jumps-over-a-lazy-dog.md @@ -8,19 +8,19 @@ keywords: "dummy content" The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. -Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. +**Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex.** Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. -Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy! ", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just flocked up to quiz and vex him. +_Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy! ", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just flocked up to quiz and vex him._ Adjusting quiver and bow, Zompyc[1] killed the fox. My faxed joke won a pager in the cable TV quiz show. Amazingly few discotheques provide jukeboxes. My girl wove six dozen plaid jackets before she quit. Six big devils from Japan quickly forgot how to waltz. Big July earthquakes confound zany experimental vow. Foxy parsons quiz and cajole the lovably dim wiki-girl. Have a pick: twenty six letters - no forcing a jumbled quiz! Crazy Fredericka bought many very exquisite opal jewels. -Sixty zippers were quickly picked from the woven jute bag. A quick movement of the enemy will jeopardize six gunboats. All questions asked by five watch experts amazed the judge. Jack quietly moved up front and seized the big ball of wax. +_**Sixty zippers were quickly picked from the woven jute bag. A quick movement of the enemy will jeopardize six gunboats. All questions asked by five watch experts amazed the judge. Jack quietly moved up front and seized the big ball of wax.**_ The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. diff --git a/_posts/2015-12-30-markdown-cheatsheet-demo.md b/_posts/2015-12-30-markdown-cheatsheet-demo.md @@ -6,8 +6,6 @@ description: "Markdown Cheatsheet Demo..." keywords: "markdown, typography components, dummy content" --- -> This is Markdown Cheatsheet Demo for **Thinkspace**, this Jekyll theme. Please check the raw content of this file for the markdown usage. - ## Typography Elements in One Let's start with a informative paragraph. **This text is bolded.** But not this one! _How about italic text?_ Cool right? Ok, let's **_combine_** them together. Yeah, that's right! I have code to highlight, so `ThisIsMyCode()`. What a nice! Good people will hyperlink away, so [here we go](#) or [http://www.example.com](http://www.example.com). @@ -58,8 +56,23 @@ Let's say you have text that you want to refer with a footnote, you can do that ## Code Blocks ```javascript -var s = "JavaScript syntax highlighting"; -alert(s); +var modularpattern = (function() { + // your module code goes here + var sum = 0 ; + + return { + add:function() { + sum = sum + 1; + return sum; + }, + reset:function() { + return sum = 0; + } + } +}()); +alert(modularpattern.add()); // alerts: 1 +alert(modularpattern.add()); // alerts: 2 +alert(modularpattern.reset()); // alerts: 0 ``` ```python diff --git a/_posts/2016-06-09-if-you-have-a-guest-post.md b/_posts/2016-06-09-if-you-have-a-guest-post.md @@ -7,4 +7,4 @@ keywords: "dummy content" author: GuestName --- -If you think that you're going to have a guest post... take a look on this post sample. Just add `author: GuestName` to the YAML front matter. Then, the **GuestName** will be appear on the next of post date. +If you think that you're going to have a guest post... take a look on this post sample. Just add `author: GuestName` to the YAML front matter. Then, the **GuestName** will be appear on the next of post date. Oh, the guest name will be automatically uppercase. diff --git a/_posts/2016-06-10-how-to-download-or-use-this-theme.md b/_posts/2016-06-10-how-to-download-or-use-this-theme.md @@ -1,14 +1,14 @@ --- layout: post -title: "Here is How to Download/Use This Theme" +title: "How to Download or Use This Theme" comments: true -description: "Here is How to Download/Use This Theme" +description: "How to Download or Use This Theme" keywords: "dummy content" --- ### Use this theme as you main site -- Download or fork the master branch of this theme repo into you GitHub account. +- Download or fork the master branch of this theme repo into your GitHub account. - Rename the repo into something like `your_username.github.io`. - Edit `_config.yml` file to your preferences. - Edit `about.md` file for your About page. @@ -21,4 +21,4 @@ If you want to use this theme as a project page blog, you don't need to rename t All you need to do, open `_config.yml` file, change `baseurl` to your project name which contains this theme, e.g. `baseurl: "/myproject"`. -> Any question/problem, ask me or report it [here](https://github.com/heiswayi/thinkspace/issues). +#### Cheers! diff --git a/about.md b/about.md @@ -4,4 +4,4 @@ title: About permalink: /about/ --- -Thinkspace is a white clean, nerdy look and minimalist Jekyll theme designed for engineers to write their ranting and findings. This theme is best use for personal blog type or project-based blog. Font or typeface used is [Inconsolata](https://fonts.google.com/specimen/Inconsolata) by Google Web Fonts and [Font Awesome](http://fontawesome.io/). [Disqus](https://disqus.com/) comment is supported. +Introduce yourself here... so people will know who you are and what you do.. blah..blah..blah.. diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss @@ -150,11 +150,11 @@ hr { .article-title { display: inline-block; width: 85%; - border-bottom: 1px dashed lighten($light-gray-color, 10%); + //border-bottom: 1px dashed lighten($light-gray-color, 10%); } .date-label { - border: 1px solid lighten($light-gray-color, 10%); + //border: 1px solid lighten($light-gray-color, 10%); padding: 0 0.2em; margin-left: 1em; margin-top: 2px; @@ -169,6 +169,13 @@ hr { display: inline-block; letter-spacing: 1px; font-size: rem(14); + margin-bottom: 1px; +} + +.post-title { + margin-top: 0; + margin-bottom: 2em; + color: $dark-gray-color; } .post-link, @@ -197,9 +204,9 @@ hr { } .share { - border-top: 0.2em solid lighten($light-gray-color, 13%); + border-top: 0.2em dashed lighten($light-gray-color, 13%); padding-top: $base-spacing; - margin-top: $base-spacing; + margin-top: $base-spacing * 2; p { margin: 0; diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss @@ -1,5 +1,5 @@ // Typography -$base-font-family: 'Inconsolata', monospace; +$base-font-family: consolas, monaco, courier, "courier new", fixed-width; $heading-font-family: $base-font-family; // Font Sizes diff --git a/assets/scss/base/_typography.scss b/assets/scss/base/_typography.scss @@ -1,5 +1,3 @@ -@import url('https://fonts.googleapis.com/css?family=Inconsolata'); - body { color: $base-font-color; font-family: $base-font-family; @@ -18,7 +16,7 @@ h6 { font-size: $base-font-size; line-height: $heading-line-height; margin: $small-spacing 0 $small-spacing 0; - font-weight: 300; + font-weight: 700; } h1 { @@ -80,17 +78,18 @@ picture { blockquote { padding: 0 0 0 $base-spacing; margin: $base-spacing 0; - color: $medium-gray-color; + color: $dark-gray-color; line-height: 1.8; border-left: $small-spacing solid $light-gray-color; + background-color: lighten($light-gray-color, 15%) } code { background: none; border-radius: 0; border: none; - font-family: $base-font-family; - font-size: 0.9em; + font-family: monospace; + font-size: 1em; margin: 0; padding: 0 5px; background-color: lighten($light-gray-color, 13%); @@ -98,13 +97,14 @@ code { pre { -webkit-overflow-scrolling: touch; - font-family: $base-font-family; - font-size: 0.85em; + font-family: monospace; + font-size: 1em; margin: 0; padding: 5px 10px !important; overflow: auto; max-height: 60em; white-space: pre; + border: 1px solid $light-gray-color; code { line-height: 1.75em;