commit 2d7058538dfa419159f937e0bb09b71262aa3e30 Author: Logen Kain Date: Wed May 17 00:01:16 2017 -0700 First commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9af2c35 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.sass-cache +.jekyll-metadata diff --git a/404.html b/404.html new file mode 100644 index 0000000..9703ba8 --- /dev/null +++ b/404.html @@ -0,0 +1,10 @@ +--- +layout: default +title: "404: Page not found" +permalink: 404.html +--- + +
+

404: Page not found

+

Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. Head back home to try finding it again.

+
diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..eab85e3 --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,9 @@ +# Released under MIT License + +Copyright (c) 2015 Rizky Ariestiyansyah. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..0852d24 --- /dev/null +++ b/README.md @@ -0,0 +1,88 @@ +# Naringu + + +Naringu is dark jekyll theme that provide fully furnished jekyll setup, come with contact form, #6DD HTML color schema, and more features. It's based on [Poole](http://getpoole.com), the Jekyll butler. + +![Naringu](images/screenshot-1.png) +![Naringu](images/screenshot-2.png) +![Naringu](images/screenshot-3.png) +![Naringu](images/screenshot-4.png) + +## Contents + +- [Usage](#usage) + - [Sidebar menu](#sidebar-menu) + - [Themes](#themes) + - [Reverse layout](#reverse-layout) + - [Contact Form](#contact-form) + - [Comments](#comments) +- [Development](#development) + - [Author](#author) + - [Contributors](#contributors) +- [License](#license) + + +## Usage + +Just download and start the Jekyll server or fork this repo. + +### Sidebar menu + +Create a list of nav links in the sidebar by assigning each Jekyll page the correct layout in the page's [front-matter](http://jekyllrb.com/docs/frontmatter/). + +``` +--- +layout: page +title: About +--- +``` + +**Why require a specific layout?** Jekyll will return *all* pages, including the `atom.xml`, and with an alphabetical sort order. To ensure the first link is *Home*, we exclude the `index.html` page from this list by specifying the `page` + + +### Reverse layout + +Reverse the page orientation with a single class. + +```html + + ... + +``` +### Contact Form + +Using formspree to enable contact form in static site. + +Go a head `contact/index.html` just change the email in the code + +```html +
+``` + +### Comments + +Using [disqus](http://disqus.com/) to enable comments in static site. + +Just edit variable `disqus` in `_config.yml` to your disqus link. + +## Development + +Naringu come with two branches :. + +- `master` for active development. +- `gh-pages` for preview of Naringu + +### Author + +**Rizky Ariestiyansyah** +- +- + +### Contributors + +**Gildásio Júnior** - *a.k.a. @gjuniioor* +- https://github.com/gjuniioor + +## License + +Open sourced under the [MIT license](LICENSE.md). diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..864604c --- /dev/null +++ b/_config.yml @@ -0,0 +1,39 @@ +# Dependencies +markdown: kramdown +highlighter: rouge + +# Gems (for Jekyll 3.0) +gems: [jekyll-paginate] + +# Permalinks +# +# Use of `relative_permalinks` ensures post links from the index work properly. +permalink: pretty + +# Setup +title: Foss Times +tagline: 'Foss News Today; Foss News Tomorrow' +description: 'A place to open source' +url: "" +baseurl: "/" +paginate: 7 + +# About/contact +author: + name: Logen Kain + url: https://twitter.com/rockroar + email: fosstimes@sudotask.com + +# Custom vars +version: 2.0 + +# Social Media +#github: http://github.com/logenkain +twitter: http://twitter.com/fosstimes +#disqus: testnaringu + +# Theme Author (Please don't edit this line cause of MIT LICENSE rules) +theme: + creator: Rizky Ariestiyansyah + codename: Naringu + link: https://github.com/ariestiyansyah/naringu diff --git a/_includes/analytics.html b/_includes/analytics.html new file mode 100644 index 0000000..4655c79 --- /dev/null +++ b/_includes/analytics.html @@ -0,0 +1,10 @@ + diff --git a/_includes/comments.html b/_includes/comments.html new file mode 100644 index 0000000..53ce6e7 --- /dev/null +++ b/_includes/comments.html @@ -0,0 +1,26 @@ +
+ + + + diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..bbc17ce --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,5 @@ +
+ {{ site.theme.codename }} is designed by {{ site.theme.creator }}
Copyright © {{ site.time | date: '%Y' }}
+
+ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..8087db5 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,29 @@ + + + + + + + + + + {% if page.title == "Home" %} + {{ site.title }} · {{ site.tagline }} + {% else %} + {{ page.title }} · {{ site.title }} + {% endif %} + + + + + + + + + + + + + + + diff --git a/_includes/sidebar.html b/_includes/sidebar.html new file mode 100644 index 0000000..fc80bbd --- /dev/null +++ b/_includes/sidebar.html @@ -0,0 +1,38 @@ + + + + + diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..ace0e82 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,45 @@ + + + + {% include head.html %} + {% include analytics.html %} + + + + {% include sidebar.html %} + +
+
+
+

+ {{ site.title }} + {{ site.tagline }} +

+
+
+ +
+ {{ content }} +
+
+ + + + +{% include footer.html %} diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..4e0d4eb --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,8 @@ +--- +layout: default +--- + +
+

{{ page.title }}

+ {{ content }} +
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..baba946 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,29 @@ +--- +layout: default +--- + +
+

{{ page.title }}

+ {{ page.date | date_to_string }} + {{ content }} +
+ +
+

Related Posts

+ +
+ +
+ {% include comments.html %} +
diff --git a/_posts/2013-12-31-whats-jekyll.md b/_posts/2013-12-31-whats-jekyll.md new file mode 100644 index 0000000..a3cd453 --- /dev/null +++ b/_posts/2013-12-31-whats-jekyll.md @@ -0,0 +1,14 @@ +--- +layout: post +title: What's Jekyll? +categories: +- naringu +--- + +[Jekyll](http://jekyllrb.com) is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From [the project's readme](https://github.com/mojombo/jekyll/blob/master/README.markdown): + + > Jekyll is a simple, blog aware, static site generator. It takes a template directory [...] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub. + +It's an immensely useful tool and one we encourage you to use here with Hyde. + +Find out more by [visiting the project on GitHub](https://github.com/mojombo/jekyll). \ No newline at end of file diff --git a/_posts/2014-01-01-example-content.md b/_posts/2014-01-01-example-content.md new file mode 100644 index 0000000..ca9d991 --- /dev/null +++ b/_posts/2014-01-01-example-content.md @@ -0,0 +1,123 @@ +--- +layout: post +title: Example content +categories: +- naringu +--- + + +
+ Howdy! This is an example blog post that shows several types of HTML content supported in this theme. +
+ +Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. *Aenean eu leo quam.* Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. + +> Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit. + +Etiam porta **sem malesuada magna** mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. + +## Inline HTML elements + +HTML defines a long list of available inline tags, a complete list of which can be found on the [Mozilla Developer Network](https://developer.mozilla.org/en-US/docs/Web/HTML/Element). + +- **To bold text**, use ``. +- *To italicize text*, use ``. +- Abbreviations, like HTML should use ``, with an optional `title` attribute for the full phrase. +- Citations, like — Mark otto, should use ``. +- Deleted text should use `` and inserted text should use ``. +- Superscript text uses `` and subscript text uses ``. + +Most of these elements are styled by browsers with few modifications on our part. + +## Heading + +Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. + +### Code + +Cum sociis natoque penatibus et magnis dis `code element` montes, nascetur ridiculus mus. + +{% highlight js %} +// Example can be run directly in your JavaScript console + +// Create a function that takes two arguments and returns the sum of those arguments +var adder = new Function("a", "b", "return a + b"); + +// Call the function +adder(2, 6); +// > 8 +{% endhighlight %} + +Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa. + +### Lists + +Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. + +* Praesent commodo cursus magna, vel scelerisque nisl consectetur et. +* Donec id elit non mi porta gravida at eget metus. +* Nulla vitae elit libero, a pharetra augue. + +Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. + +1. Vestibulum id ligula porta felis euismod semper. +2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. +3. Maecenas sed diam eget risus varius blandit sit amet non magna. + +Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. + +
+
HyperText Markup Language (HTML)
+
The language used to describe and define the content of a Web page
+ +
Cascading Style Sheets (CSS)
+
Used to describe the appearance of Web content
+ +
JavaScript (JS)
+
The programming language used to build advanced Web sites and applications
+
+ +Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. + +### Tables + +Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameUpvotesDownvotes
Totals2123
Alice1011
Bob43
Charlie79
+ +Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. + +----- + diff --git a/_posts/2015-02-21-Hello-Naringu.md b/_posts/2015-02-21-Hello-Naringu.md new file mode 100644 index 0000000..cffb3b5 --- /dev/null +++ b/_posts/2015-02-21-Hello-Naringu.md @@ -0,0 +1,29 @@ +--- +layout: post +title: Hello Naringu! +categories: +- naringu +--- + +Naringu is a hacker like jekyll dark theme, it's based on [Poole](http://getpoole.com), the Jekyll butler. + +### Built on Poole + +Poole is the Jekyll Butler, serving as an upstanding and effective foundation for Jekyll themes by [@mdo](https://twitter.com/mdo). Poole, and every theme built on it (like Lanyon here) includes the following: + +* Complete Jekyll setup included (layouts, config, [404](/404), [RSS feed](/atom.xml), posts, and [example page](/about)) +* Mobile friendly design and development +* Easily scalable text and component sizing with `rem` units in the CSS +* Support for a wide gamut of HTML elements +* Related posts (time-based, because Jekyll) below each post +* Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter) + +<<<<<<< HEAD + +======= +>>>>>>> master +### Download + +Naringu is developed on and hosted with GitHub. Head to the GitHub repository for downloads, bug reports, and features requests. + +Thanks! diff --git a/_site/404.html b/_site/404.html new file mode 100644 index 0000000..b6b4691 --- /dev/null +++ b/_site/404.html @@ -0,0 +1,150 @@ + + + + + + + + + + + + + + 404: Page not found · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

404: Page not found

+

Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. Head back home to try finding it again.

+
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/LICENSE.md b/_site/LICENSE.md new file mode 100644 index 0000000..eab85e3 --- /dev/null +++ b/_site/LICENSE.md @@ -0,0 +1,9 @@ +# Released under MIT License + +Copyright (c) 2015 Rizky Ariestiyansyah. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/_site/README.md b/_site/README.md new file mode 100644 index 0000000..0852d24 --- /dev/null +++ b/_site/README.md @@ -0,0 +1,88 @@ +# Naringu + + +Naringu is dark jekyll theme that provide fully furnished jekyll setup, come with contact form, #6DD HTML color schema, and more features. It's based on [Poole](http://getpoole.com), the Jekyll butler. + +![Naringu](images/screenshot-1.png) +![Naringu](images/screenshot-2.png) +![Naringu](images/screenshot-3.png) +![Naringu](images/screenshot-4.png) + +## Contents + +- [Usage](#usage) + - [Sidebar menu](#sidebar-menu) + - [Themes](#themes) + - [Reverse layout](#reverse-layout) + - [Contact Form](#contact-form) + - [Comments](#comments) +- [Development](#development) + - [Author](#author) + - [Contributors](#contributors) +- [License](#license) + + +## Usage + +Just download and start the Jekyll server or fork this repo. + +### Sidebar menu + +Create a list of nav links in the sidebar by assigning each Jekyll page the correct layout in the page's [front-matter](http://jekyllrb.com/docs/frontmatter/). + +``` +--- +layout: page +title: About +--- +``` + +**Why require a specific layout?** Jekyll will return *all* pages, including the `atom.xml`, and with an alphabetical sort order. To ensure the first link is *Home*, we exclude the `index.html` page from this list by specifying the `page` + + +### Reverse layout + +Reverse the page orientation with a single class. + +```html + + ... + +``` +### Contact Form + +Using formspree to enable contact form in static site. + +Go a head `contact/index.html` just change the email in the code + +```html + +``` + +### Comments + +Using [disqus](http://disqus.com/) to enable comments in static site. + +Just edit variable `disqus` in `_config.yml` to your disqus link. + +## Development + +Naringu come with two branches :. + +- `master` for active development. +- `gh-pages` for preview of Naringu + +### Author + +**Rizky Ariestiyansyah** +- +- + +### Contributors + +**Gildásio Júnior** - *a.k.a. @gjuniioor* +- https://github.com/gjuniioor + +## License + +Open sourced under the [MIT license](LICENSE.md). diff --git a/_site/about/index.html b/_site/about/index.html new file mode 100644 index 0000000..105a13b --- /dev/null +++ b/_site/about/index.html @@ -0,0 +1,196 @@ + + + + + + + + + + + + + + About · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

About

+

+ +

Hola, my name is Rizky Ariestiyansyah and I’m a Front End Developer & Business Strategist with equal parts interest in business, tax, management development, and writing.

+ +

I love to explore my brain, by day I am active as student and researcher and by night move like a Ninja. I ‘m also leading training, teaching student and providing support to everyone who want to share their knowledge.

+ +

I’m active as open source warrior, volunteering in non-profit organization like Mozilla, Fedora Project, IlmuBerbagi, IGOS Nusantara, XFCE, and ID-CERT. Highly motivated to become part of global movement, love to investing and all about buiness and finance.

+ +

I was worked at several company as full-time employeer and freelancer like

+ + + +

Some of my happy clients are :

+ + + +

I had been a speaker at this university :

+ + + +

Ping me!

+ +

If you have any questions, comments, or would just like to PING ME, please don’t hesitate to send me an email.

+ + +
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/atom.xml b/_site/atom.xml new file mode 100644 index 0000000..832f816 --- /dev/null +++ b/_site/atom.xml @@ -0,0 +1,211 @@ + + + + Foss Times + + + 2017-05-17T20:04:57-07:00 + http://localhost:4000 + + Logen Kain + fosstimes@sudotask.com + + + + + Hello Naringu! + + 2015-02-21T00:00:00-07:00 + http://localhost:4000/naringu/2015/02/21/Hello-Naringu + <p>Naringu is a hacker like jekyll dark theme, it’s based on <a href="http://getpoole.com">Poole</a>, the Jekyll butler.</p> + +<h3 id="built-on-poole">Built on Poole</h3> + +<p>Poole is the Jekyll Butler, serving as an upstanding and effective foundation for Jekyll themes by <a href="https://twitter.com/mdo">@mdo</a>. Poole, and every theme built on it (like Lanyon here) includes the following:</p> + +<ul> + <li>Complete Jekyll setup included (layouts, config, <a href="/404">404</a>, <a href="/atom.xml">RSS feed</a>, posts, and <a href="/about">example page</a>)</li> + <li>Mobile friendly design and development</li> + <li>Easily scalable text and component sizing with <code class="highlighter-rouge">rem</code> units in the CSS</li> + <li>Support for a wide gamut of HTML elements</li> + <li>Related posts (time-based, because Jekyll) below each post</li> + <li>Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)</li> +</ul> + +<p>«««&lt; HEAD</p> + +<p>=======</p> +<blockquote> + <blockquote> + <blockquote> + <blockquote> + <blockquote> + <blockquote> + <blockquote> + <p>master</p> + <h3 id="download">Download</h3> + </blockquote> + </blockquote> + </blockquote> + </blockquote> + </blockquote> + </blockquote> +</blockquote> + +<p>Naringu is developed on and hosted with GitHub. Head to the <a href="https://github.com/ariestiyansyah/naringu">GitHub repository</a> for downloads, bug reports, and features requests.</p> + +<p>Thanks!</p> + + + + + Example content + + 2014-01-01T00:00:00-07:00 + http://localhost:4000/naringu/2014/01/01/example-content + <div class="message"> + Howdy! This is an example blog post that shows several types of HTML content supported in this theme. +</div> + +<p>Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, nascetur ridiculus mus. <em>Aenean eu leo quam.</em> Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p> + +<blockquote> + <p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> +</blockquote> + +<p>Etiam porta <strong>sem malesuada magna</strong> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p> + +<h2 id="inline-html-elements">Inline HTML elements</h2> + +<p>HTML defines a long list of available inline tags, a complete list of which can be found on the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>.</p> + +<ul> + <li><strong>To bold text</strong>, use <code class="highlighter-rouge">&lt;strong&gt;</code>.</li> + <li><em>To italicize text</em>, use <code class="highlighter-rouge">&lt;em&gt;</code>.</li> + <li>Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use <code class="highlighter-rouge">&lt;abbr&gt;</code>, with an optional <code class="highlighter-rouge">title</code> attribute for the full phrase.</li> + <li>Citations, like <cite>— Mark otto</cite>, should use <code class="highlighter-rouge">&lt;cite&gt;</code>.</li> + <li><del>Deleted</del> text should use <code class="highlighter-rouge">&lt;del&gt;</code> and <ins>inserted</ins> text should use <code class="highlighter-rouge">&lt;ins&gt;</code>.</li> + <li>Superscript <sup>text</sup> uses <code class="highlighter-rouge">&lt;sup&gt;</code> and subscript <sub>text</sub> uses <code class="highlighter-rouge">&lt;sub&gt;</code>.</li> +</ul> + +<p>Most of these elements are styled by browsers with few modifications on our part.</p> + +<h2 id="heading">Heading</h2> + +<p>Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> + +<h3 id="code">Code</h3> + +<p>Cum sociis natoque penatibus et magnis dis <code class="highlighter-rouge">code element</code> montes, nascetur ridiculus mus.</p> + +<figure class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Example can be run directly in your JavaScript console +</span> + +<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments +</span> +<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span> + +<span class="c1">// Call the function +</span> +<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span> +<span class="c1">// &gt; 8</span></code></pre></figure> + +<p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p> + +<h3 id="lists">Lists</h3> + +<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> + +<ul> + <li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li> + <li>Donec id elit non mi porta gravida at eget metus.</li> + <li>Nulla vitae elit libero, a pharetra augue.</li> +</ul> + +<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p> + +<ol> + <li>Vestibulum id ligula porta felis euismod semper.</li> + <li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li> + <li>Maecenas sed diam eget risus varius blandit sit amet non magna.</li> +</ol> + +<p>Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.</p> + +<dl> + <dt>HyperText Markup Language (HTML)</dt> + <dd>The language used to describe and define the content of a Web page</dd> + + <dt>Cascading Style Sheets (CSS)</dt> + <dd>Used to describe the appearance of Web content</dd> + + <dt>JavaScript (JS)</dt> + <dd>The programming language used to build advanced Web sites and applications</dd> +</dl> + +<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.</p> + +<h3 id="tables">Tables</h3> + +<p>Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> + +<table> + <thead> + <tr> + <th>Name</th> + <th>Upvotes</th> + <th>Downvotes</th> + </tr> + </thead> + <tfoot> + <tr> + <td>Totals</td> + <td>21</td> + <td>23</td> + </tr> + </tfoot> + <tbody> + <tr> + <td>Alice</td> + <td>10</td> + <td>11</td> + </tr> + <tr> + <td>Bob</td> + <td>4</td> + <td>3</td> + </tr> + <tr> + <td>Charlie</td> + <td>7</td> + <td>9</td> + </tr> + </tbody> +</table> + +<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.</p> + +<hr /> + + + + + + What's Jekyll? + + 2013-12-31T00:00:00-07:00 + http://localhost:4000/naringu/2013/12/31/whats-jekyll + <p><a href="http://jekyllrb.com">Jekyll</a> is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From <a href="https://github.com/mojombo/jekyll/blob/master/README.markdown">the project’s readme</a>:</p> + +<blockquote> + <p>Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.</p> +</blockquote> + +<p>It’s an immensely useful tool and one we encourage you to use here with Hyde.</p> + +<p>Find out more by <a href="https://github.com/mojombo/jekyll">visiting the project on GitHub</a>.</p> + + + + + diff --git a/_site/categories/index.html b/_site/categories/index.html new file mode 100644 index 0000000..d5cc7f4 --- /dev/null +++ b/_site/categories/index.html @@ -0,0 +1,186 @@ + + + + + + + + + + + + + + Category Index · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

Category Index

+ + +

Naringu

+ + + +
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/contact/index.html b/_site/contact/index.html new file mode 100644 index 0000000..e6f27c1 --- /dev/null +++ b/_site/contact/index.html @@ -0,0 +1,202 @@ + + + + + + + + + + + + + + Contact · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

Contact

+
+

Hire me

+ +

+ + Naringu business contact form is here.. + +

+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ +
+ + + or Drop me an emaill +
+ +
+ + +
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/feed.category.xml b/_site/feed.category.xml new file mode 100644 index 0000000..8d7f45c --- /dev/null +++ b/_site/feed.category.xml @@ -0,0 +1,180 @@ + + + + - Naringu +<<<<<<< HEAD + Posts categorized as 'naringu' +======= + Posts categorized as 'Naringu' +>>>>>>> master + http://localhost:4000 + + + + Hello Naringu! + + <p>Naringu is a hacker like jekyll dark theme, it’s based on <a href="http://getpoole.com">Poole</a>, the Jekyll butler.</p> + + + + Sat, 21 Feb 2015 00:00:00 -0700 + http://localhost:4000/naringu/2015/02/21/Hello-Naringu/ + http://localhost:4000/naringu/2015/02/21/Hello-Naringu/ + + + + Example content + + <div class="message"> + Howdy! This is an example blog post that shows several types of HTML content supported in this theme. +</div> + +<p>Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, nascetur ridiculus mus. <em>Aenean eu leo quam.</em> Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p> + +<blockquote> + <p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> +</blockquote> + +<p>Etiam porta <strong>sem malesuada magna</strong> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p> + +<h2 id="inline-html-elements">Inline HTML elements</h2> + +<p>HTML defines a long list of available inline tags, a complete list of which can be found on the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>.</p> + +<ul> + <li><strong>To bold text</strong>, use <code class="highlighter-rouge">&lt;strong&gt;</code>.</li> + <li><em>To italicize text</em>, use <code class="highlighter-rouge">&lt;em&gt;</code>.</li> + <li>Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use <code class="highlighter-rouge">&lt;abbr&gt;</code>, with an optional <code class="highlighter-rouge">title</code> attribute for the full phrase.</li> + <li>Citations, like <cite>— Mark otto</cite>, should use <code class="highlighter-rouge">&lt;cite&gt;</code>.</li> + <li><del>Deleted</del> text should use <code class="highlighter-rouge">&lt;del&gt;</code> and <ins>inserted</ins> text should use <code class="highlighter-rouge">&lt;ins&gt;</code>.</li> + <li>Superscript <sup>text</sup> uses <code class="highlighter-rouge">&lt;sup&gt;</code> and subscript <sub>text</sub> uses <code class="highlighter-rouge">&lt;sub&gt;</code>.</li> +</ul> + +<p>Most of these elements are styled by browsers with few modifications on our part.</p> + +<h2 id="heading">Heading</h2> + +<p>Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> + +<h3 id="code">Code</h3> + +<p>Cum sociis natoque penatibus et magnis dis <code class="highlighter-rouge">code element</code> montes, nascetur ridiculus mus.</p> + +<figure class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Example can be run directly in your JavaScript console +</span> + +<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments +</span> +<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span> + +<span class="c1">// Call the function +</span> +<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span> +<span class="c1">// &gt; 8</span></code></pre></figure> + +<p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p> + +<h3 id="lists">Lists</h3> + +<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> + +<ul> + <li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li> + <li>Donec id elit non mi porta gravida at eget metus.</li> + <li>Nulla vitae elit libero, a pharetra augue.</li> +</ul> + +<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p> + +<ol> + <li>Vestibulum id ligula porta felis euismod semper.</li> + <li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li> + <li>Maecenas sed diam eget risus varius blandit sit amet non magna.</li> +</ol> + +<p>Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.</p> + +<dl> + <dt>HyperText Markup Language (HTML)</dt> + <dd>The language used to describe and define the content of a Web page</dd> + + <dt>Cascading Style Sheets (CSS)</dt> + <dd>Used to describe the appearance of Web content</dd> + + <dt>JavaScript (JS)</dt> + <dd>The programming language used to build advanced Web sites and applications</dd> +</dl> + +<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.</p> + +<h3 id="tables">Tables</h3> + +<p>Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> + +<table> + <thead> + <tr> + <th>Name</th> + <th>Upvotes</th> + <th>Downvotes</th> + </tr> + </thead> + <tfoot> + <tr> + <td>Totals</td> + <td>21</td> + <td>23</td> + </tr> + </tfoot> + <tbody> + <tr> + <td>Alice</td> + <td>10</td> + <td>11</td> + </tr> + <tr> + <td>Bob</td> + <td>4</td> + <td>3</td> + </tr> + <tr> + <td>Charlie</td> + <td>7</td> + <td>9</td> + </tr> + </tbody> +</table> + +<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.</p> + +<hr /> + + + + Wed, 01 Jan 2014 00:00:00 -0700 + http://localhost:4000/naringu/2014/01/01/example-content/ + http://localhost:4000/naringu/2014/01/01/example-content/ + + + + What's Jekyll? + + <p><a href="http://jekyllrb.com">Jekyll</a> is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From <a href="https://github.com/mojombo/jekyll/blob/master/README.markdown">the project’s readme</a>:</p> + +<blockquote> + <p>Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.</p> +</blockquote> + +<p>It’s an immensely useful tool and one we encourage you to use here with Hyde.</p> + +<p>Find out more by <a href="https://github.com/mojombo/jekyll">visiting the project on GitHub</a>.</p> + + + Tue, 31 Dec 2013 00:00:00 -0700 + http://localhost:4000/naringu/2013/12/31/whats-jekyll/ + http://localhost:4000/naringu/2013/12/31/whats-jekyll/ + + + + + diff --git a/_site/images/head.jpeg b/_site/images/head.jpeg new file mode 100644 index 0000000..4e954c9 Binary files /dev/null and b/_site/images/head.jpeg differ diff --git a/_site/images/screenshot-1.png b/_site/images/screenshot-1.png new file mode 100644 index 0000000..fde2b7b Binary files /dev/null and b/_site/images/screenshot-1.png differ diff --git a/_site/images/screenshot-2.png b/_site/images/screenshot-2.png new file mode 100644 index 0000000..5df0854 Binary files /dev/null and b/_site/images/screenshot-2.png differ diff --git a/_site/images/screenshot-3.png b/_site/images/screenshot-3.png new file mode 100644 index 0000000..04aec21 Binary files /dev/null and b/_site/images/screenshot-3.png differ diff --git a/_site/images/screenshot-4.png b/_site/images/screenshot-4.png new file mode 100644 index 0000000..6e10ccf Binary files /dev/null and b/_site/images/screenshot-4.png differ diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 0000000..8433798 --- /dev/null +++ b/_site/index.html @@ -0,0 +1,204 @@ + + + + + + + + + + + + + + Foss Times · Foss News Today; Foss News Tomorrow + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+ +
+

+ + Hello Naringu! + +

+ 21 Feb 2015
+

Naringu is a hacker like jekyll dark theme, it’s based on Poole, the Jekyll butler. + +

+
+ +
+

+ + Example content + +

+ 01 Jan 2014
+

+ Howdy! This is an example blog post that shows several types of HTML content supported in this theme. + + +Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. + + + Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicu...

+
+ +
+

+ + What's Jekyll? + +

+ 31 Dec 2013
+

Jekyll is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From the project’s readme: + + + Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub. + + +It’s an immensely useful to...

+
+ +
+ + + + +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/naringu/2013/12/31/whats-jekyll/index.html b/_site/naringu/2013/12/31/whats-jekyll/index.html new file mode 100644 index 0000000..ba216c8 --- /dev/null +++ b/_site/naringu/2013/12/31/whats-jekyll/index.html @@ -0,0 +1,215 @@ + + + + + + + + + + + + + + What's Jekyll? · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

What's Jekyll?

+ 31 Dec 2013 +

Jekyll is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From the project’s readme:

+ +
+

Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.

+
+ +

It’s an immensely useful tool and one we encourage you to use here with Hyde.

+ +

Find out more by visiting the project on GitHub.

+ +
+ +
+

Related Posts

+ +
+ +
+
+ + + + + +
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/naringu/2014/01/01/example-content/index.html b/_site/naringu/2014/01/01/example-content/index.html new file mode 100644 index 0000000..5355d84 --- /dev/null +++ b/_site/naringu/2014/01/01/example-content/index.html @@ -0,0 +1,330 @@ + + + + + + + + + + + + + + Example content · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

Example content

+ 01 Jan 2014 +
+ Howdy! This is an example blog post that shows several types of HTML content supported in this theme. +
+ +

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

+ +
+

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

+
+ +

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

+ +

Inline HTML elements

+ +

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

+ +
    +
  • To bold text, use <strong>.
    • +
  • To italicize text, use <em>.
    • +
  • Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
    • +
  • Citations, like — Mark otto, should use <cite>.
    • +
  • Deleted text should use <del> and inserted text should use <ins>.
    • +
  • Superscript text uses <sup> and subscript text uses <sub>.
    • +
+ +

Most of these elements are styled by browsers with few modifications on our part.

+ +

Heading

+ +

Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

+ +

Code

+ +

Cum sociis natoque penatibus et magnis dis code element montes, nascetur ridiculus mus.

+ +
// Example can be run directly in your JavaScript console
+
+
+// Create a function that takes two arguments and returns the sum of those arguments
+
+var adder = new Function("a", "b", "return a + b");
+
+// Call the function
+
+adder(2, 6);
+// > 8
+ +

Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

+ +

Lists

+ +

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
    +
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • +
  • Donec id elit non mi porta gravida at eget metus.
    • +
  • Nulla vitae elit libero, a pharetra augue.
    • +
+ +

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

+ +
    +
  1. Vestibulum id ligula porta felis euismod semper.
    2. +
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    3. +
  3. Maecenas sed diam eget risus varius blandit sit amet non magna.
    4. +
+ +

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

+ +
+
HyperText Markup Language (HTML)
+
The language used to describe and define the content of a Web page
+ +
Cascading Style Sheets (CSS)
+
Used to describe the appearance of Web content
+ +
JavaScript (JS)
+
The programming language used to build advanced Web sites and applications
+
+ +

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Tables

+ +

Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameUpvotesDownvotes
Totals2123
Alice1011
Bob43
Charlie79
+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +
+ + +
+ +
+

Related Posts

+ +
+ +
+
+ + + + + +
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/naringu/2015/02/21/Hello-Naringu/index.html b/_site/naringu/2015/02/21/Hello-Naringu/index.html new file mode 100644 index 0000000..3b48d5e --- /dev/null +++ b/_site/naringu/2015/02/21/Hello-Naringu/index.html @@ -0,0 +1,244 @@ + + + + + + + + + + + + + + Hello Naringu! · Foss Times + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Foss Times + Foss News Today; Foss News Tomorrow +

+
+
+ +
+
+

Hello Naringu!

+ 21 Feb 2015 +

Naringu is a hacker like jekyll dark theme, it’s based on Poole, the Jekyll butler.

+ +

Built on Poole

+ +

Poole is the Jekyll Butler, serving as an upstanding and effective foundation for Jekyll themes by @mdo. Poole, and every theme built on it (like Lanyon here) includes the following:

+ +
    +
  • Complete Jekyll setup included (layouts, config, 404, RSS feed, posts, and example page)
    • +
  • Mobile friendly design and development
    • +
  • Easily scalable text and component sizing with rem units in the CSS
    • +
  • Support for a wide gamut of HTML elements
    • +
  • Related posts (time-based, because Jekyll) below each post
    • +
  • Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)
    • +
+ +

«««< HEAD

+ +

=======

+
+
+
+
+
+
+
+

master

+

Download

+
+
+
+
+
+
+
+ +

Naringu is developed on and hosted with GitHub. Head to the GitHub repository for downloads, bug reports, and features requests.

+ +

Thanks!

+ +
+ +
+

Related Posts

+ +
+ +
+
+ + + + + +
+ +
+
+ + + + +
+ Naringu is designed by Rizky Ariestiyansyah
Copyright © 2017
+
+ + + diff --git a/_site/public/css/form.css b/_site/public/css/form.css new file mode 100644 index 0000000..98fcc10 --- /dev/null +++ b/_site/public/css/form.css @@ -0,0 +1,323 @@ +/*! + * Bootstrap v3.1.1 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #fff; + background-color: #000; + background-image: none; + border: 1px solid #6DD; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} + +.submit-btn { + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #000; + background-color: #6DD; + background-image: none; + border: 1px solid #000; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; \ No newline at end of file diff --git a/_site/public/css/naringu.css b/_site/public/css/naringu.css new file mode 100644 index 0000000..bbfa27c --- /dev/null +++ b/_site/public/css/naringu.css @@ -0,0 +1,686 @@ +/* + * Naringu is jekyll dark theme designed, built, and released under MIT license by @ariestiyansyah. It's based on poole, learn more at + * https://github.com/ariestiyansyah/naringu. + */ + + +/* + * Contents + * + * Global resets + * Code and Highlight + * Wrapper + * Container + * Masthead + * Sidebar + * Sidebar effect + * Custom yype + * Messages + * Post and Pages + * Related post + * Pagination + * Reverse Layout + * Footer +*/ + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; + border: 1px solid #6DD; +} + +html { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; +} +@media (min-width: 38em) { + html { + font-size: 16x; + } +} + +body { + color: #fff; + background-color: #000; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +/* No `:visited` state is required by default (browsers will use `a`) */ +a { + color: #6DD; + text-decoration: none; +} +a strong { + color: inherit; +} + +/* `:focus` is linked to `:hover` for basic accessibility */ +a:hover, +a:focus { + text-decoration: underline; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-weight: 400; + color: #25BFBF; + letter-spacing: -.025rem; +} + +h1 { + font-size: 2rem; +} +h2 { + margin-top: 1rem; + font-size: 1.5rem; +} +h3 { + margin-top: 1.5rem; + font-size: 1.25rem; +} +h4, h5, h6 { + margin-top: 1rem; + font-size: 1rem; +} + +/* Body text */ +p { + margin-top: 0; + margin-bottom: 1rem; +} + +strong { + color: #1BFFFF; +} + + +/* Lists */ +ul, ol, dl { + margin-top: 0; + margin-bottom: 1rem; +} + +dt { + font-weight: bold; +} +dd { + margin-bottom: .5rem; +} + +/* Misc */ +hr { + position: relative; + margin: 1.5rem 0; + border: 0; + border-top: 1px solid #6DD; + border-bottom: 1px solid #6DD; +} + +abbr { + font-size: 85%; + font-weight: bold; + color: #6DD; + text-transform: uppercase; +} +abbr[title] { + cursor: help; + border-bottom: 1px dotted #6DD; +} + +/* + * Code and Highlight + * + * Code and higlight theme */ + +code, +pre { + font-family: Menlo, Monaco, "Courier New", monospace; +} +code { + padding: .25em .5em; + font-size: 85%; + color: #000; + background-color: #0CDADA;; + border-radius: 3px; +} +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + padding: 1rem; + font-size: .8rem; + line-height: 1.4; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; + background-color: #000; + border: 1px solid #6DD; +} +pre code { + padding: 0; + font-size: 100%; + color: inherit; + background-color: transparent; +} + +/* Pygments via Jekyll */ +.highlight { + margin-bottom: 1rem; + border-radius: 4px; + background-color: #6DD; +} +.highlight pre { + margin-bottom: 0; + background-color: #000; +} + +/* Gist via GitHub Pages */ +.gist .gist-file { + font-family: Menlo, Monaco, "Courier New", monospace !important; +} +.gist .markdown-body { + padding: 15px; +} +.gist pre { + padding: 0; + background-color: transparent; +} +.gist .gist-file .gist-data { + font-size: .8rem !important; + line-height: 1.4; +} +.gist code { + padding: 0; + color: inherit; + background-color: transparent; + border-radius: 0; +} + +/* Quotes */ +blockquote { + padding: .5rem 1rem; + margin: .8rem 0; + color: #45B7FF; + border-left: .25rem solid #e5e5e5; +} +blockquote p:last-child { + margin-bottom: 0; +} +@media (min-width: 30em) { + blockquote { + padding-right: 5rem; + padding-left: 1.25rem; + } +} + +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; +} + +/* + * Tables + * + * Hacker style tables */ +table { + margin-bottom: 1rem; + width: 100%; + border: 1px solid #6DD; + border-collapse: collapse; +} +td, +th { + padding: .25rem .5rem; + border: 1px solid #6DD; +} +tbody tr:nth-child(odd) td, +tbody tr:nth-child(odd) th { + background-color: #000; +} + +/* + * Wrapper + * + * The wrapper is used to position site content when the sidebar is toggled. We + * use an outter wrap to position the sidebar without interferring with the + * regular page content. + */ + +.wrap { + position: relative; + width: 100%; +} + +/* + * Container + * + * Center the page content and setting the max-width (default 55em). + */ + +.container { + max-width: 55rem; + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; +} +@media (min-width: 55em) { + .container { + max-width: 55rem; + } +} +@media (min-width: 50em) { + .container { + max-width: 55rem; + } +} + +/* + * Masthead + * + * Super small header above the content for site name and short description. + */ + +.masthead { + padding-top: 1rem; + padding-bottom: 1rem; + margin-bottom: 3rem; + border-bottom: 1px solid #6DD; +} +.masthead-title { + margin-top: 0; + margin-bottom: 0; + color: #505050; +} +.masthead-title a { + color: #505050; +} +.masthead-title small { + font-size: 75%; + font-weight: 400; + color: #c0c0c0; + letter-spacing: 0; +} + +@media (max-width: 48em) { + .masthead-title { + text-align: center; + } + .masthead-title small { + display: none; + } +} + +/* + * Sidebar + * + * The sidebar is the drawer, the item we are toggling with our handy hamburger + * button in the corner of the page. + * + * This particular sidebar implementation was inspired by Chris Coyier's + * "Offcanvas Menu with CSS Target" article, and the checkbox variation from the + * comments by a reader. It modifies both implementations to continue using the + * checkbox (no change in URL means no polluted browser history), but this uses + * `position` for the menu to avoid some potential content reflow issues. + * + * Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 + */ + +/* Style and "hide" the sidebar */ +.sidebar { + position: fixed; + top: 0; + bottom: 0; + left: -14rem; + width: 14rem; + visibility: hidden; + overflow-y: auto; + font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-size: .875rem; /* 15px */ + color: rgba(255,255,255,.6); + border: 1px solid #6DD; + background-color: #202020; + -webkit-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} +@media (min-width: 30em) { + .sidebar { + font-size: .75rem; /* 14px */ + } +} + +/* Sidebar content */ +.sidebar a { + font-weight: normal; + color: #6DD; +} +.sidebar-item { + padding: 1rem; +} +.sidebar-item p:last-child { + margin-bottom: 0; +} + +/* Sidebar nav */ +.sidebar-nav { + border-bottom: 1px solid rgba(255,255,255,.1); +} +.sidebar-nav-item { + display: block; + padding: .5rem 1rem; + border-top: 1px solid rgba(255,255,255,.1); +} +.sidebar-nav-item.active, +a.sidebar-nav-item:hover, +a.sidebar-nav-item:focus { + text-decoration: none; + background-color: #191E1E; + border-color: #6DD; +} + +@media (min-width: 48em) { + .sidebar-item { + padding: 1.5rem; + } + .sidebar-nav-item { + padding-left: 1.5rem; + padding-right: 1.5rem; + } +} + +/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */ +.sidebar-checkbox { + display: none; +} + +/* Style the `label` that we use to target the `.sidebar-checkbox` */ +.sidebar-toggle { + position: absolute; + top: 1rem; + left: 1rem; + display: block; + width: 2.2rem; + padding: .5rem .65rem; + color: #6DD; + background-color: #000; + border-radius: 4px; + cursor: pointer; +} +.sidebar-toggle:before { + display: block; + content: ""; + width: 100%; + padding-bottom: .125rem; + border-top: .375rem double; + border-bottom: .125rem solid; + + /* Make the border inside the box */ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.sidebar-toggle:active, +#sidebar-checkbox:checked ~ .sidebar-toggle { + color: #6DD; + background-color: #505050; +} + +@media (min-width: 30.1em) { + .sidebar-toggle { + position: fixed; + width: 2.25rem; + } + .sidebar-toggle:before { + padding-bottom: .15rem; + border-top-width: .45rem; + border-bottom-width: .15rem; + } +} + + +/* Slide effect + * + * Handle the sliding effects of the sidebar and content in one spot, seperate + * from the default styles. + * + * As an a heads up, we don't use `transform: translate3d()` here because when + * mixed with `position: fixed;` for the sidebar toggle, it creates a new + * containing block. Put simply, the fixed sidebar toggle behaves like + * `position: absolute;` when transformed. + * + * Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. + */ + +.wrap, +.sidebar, +.sidebar-toggle { + -webkit-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} +.wrap, +.sidebar-toggle { + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out; +} + +#sidebar-checkbox:checked + .sidebar { + z-index: 10; + visibility: visible; +} +#sidebar-checkbox:checked ~ .sidebar, +#sidebar-checkbox:checked ~ .wrap, +#sidebar-checkbox:checked ~ .sidebar-toggle { + -webkit-transform: translateX(14rem); + -ms-transform: translateX(14rem); + transform: translateX(14rem); +} + + +/* + * Custom type + * + * Extend paragraphs with `.lead` for larger introductory text. + */ + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + + +/* + * Messages + * + * Show alert messages to users. You may add it to single elements like a `

`, + * or to a parent if there are multiple elements to show. + */ + +.message { + margin-bottom: 1rem; + padding: 1rem; + color: #000; + background-color: #6DD; +} + +/* + * Posts and pages + * + * Each post is wrapped in `.post` and is used on default and post layouts. Each + * page is wrapped in `.page` and is only used on the page layout. + */ + +.page, +.post { + margin-bottom: 1em; +} + +/* Blog post or page title */ +.page-title, +.post-title, +.post-title a { + color: #25BFBF; +} +.page-title, +.post-title { + margin-top: 0; +} + +/* Meta data line below post title */ +.post-date { + display: block; + margin-top: -1.5rem; + margin-bottom: 1rem; + color: #9a9a9a; +} + +/* + * Related posts + * + * Related post in the bottom of post +*/ +.related { + /*padding-top: 2rem;*/ + /*padding-bottom: 2rem;*/ + border-top: 1px solid #6DD; + /*border-bottom: 1px solid #6DD;*/ +} +.related-posts { + padding-left: 0; + list-style: none; +} +.related-posts h3 { + margin-top: 0; + margin-bottom: 0.25rem; +} +.related-posts li small { + font-size: 75%; + color: #999; +} +.related-posts li a:hover { + color: #268bd2; + text-decoration: none; +} +.related-posts li a:hover small { + color: inherit; +} + + +/* + * Pagination + * + * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when + * there are no more previous or next posts to show. + */ + +.pagination { + overflow: hidden; /* clearfix */ + margin-left: -1rem; + margin-right: -1rem; + font-family: "PT Sans", Helvetica, Arial, sans-serif; + color: #ccc; + text-align: center; +} + +/* Pagination items can be `span`s or `a`s */ +.pagination-item { + display: block; + padding: 1rem; + border: 1px solid #6DD; +} +.pagination-item:first-child { + margin-bottom: -1px; +} + +/* Only provide a hover state for linked pagination items */ +a.pagination-item:hover { + background-color: #099EA4; +} + +@media (min-width: 30em) { + .pagination { + margin: 3rem 0; + } + .pagination-item { + float: left; + width: 50%; + } + .pagination-item:first-child { + margin-bottom: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .pagination-item:last-child { + margin-left: -1px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} + +/* + * Themes + * + * Default dark theme of Naringu is here (Will Update) + +/* #6DD */ + +.theme-6dd .sidebar, +.theme-6dd .sidebar-toggle:active, +.theme-6dd #sidebar-checkbox:checked ~ .sidebar-toggle { + background-color: #000; +} +.theme-6dd .container a, +.theme-6dd .sidebar-toggle, +.theme-6dd .related-posts li a:hover { + color: #6DD; +} + + +/* + * Reverse layout + * + * Flip the orientation of the page by placing the `.sidebar` and sidebar toggle + * on the right side. + */ + +.layout-reverse .sidebar { + left: auto; + right: -14rem; +} +.layout-reverse .sidebar-toggle { + left: auto; + right: 1rem; +} + +.layout-reverse #sidebar-checkbox:checked ~ .sidebar, +.layout-reverse #sidebar-checkbox:checked ~ .wrap, +.layout-reverse #sidebar-checkbox:checked ~ .sidebar-toggle { + -webkit-transform: translateX(-14rem); + -ms-transform: translateX(-14rem); + transform: translateX(-14rem); +} + +/* + * Footer + * + * Footer configuration class + */ + +.footer { + padding-top: 10px; + padding-bottom: 10px; + border-top: 1px solid #6DD; +} \ No newline at end of file diff --git a/_site/public/css/syntax.css b/_site/public/css/syntax.css new file mode 100644 index 0000000..abf5579 --- /dev/null +++ b/_site/public/css/syntax.css @@ -0,0 +1,65 @@ +.highlight .hll { background-color: #000; } +.highlight .c { color: #999; } /* Comment */ +.highlight .err { color: #a00; background-color: #000 } /* Error */ +.highlight .k { color: #069; } /* Keyword */ +.highlight .o { color: #555 } /* Operator */ +.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #099 } /* Comment.Preproc */ +.highlight .c1 { color: #999; } /* Comment.Single */ +.highlight .cs { color: #999; } /* Comment.Special */ +.highlight .gd { background-color: #fcc; border: 1px solid #6DD } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #f00 } /* Generic.Error */ +.highlight .gh { color: #030; } /* Generic.Heading */ +.highlight .gi { background-color: #cfc; border: 1px solid #6DD } /* Generic.Inserted */ +.highlight .go { color: #aaa } /* Generic.Output */ +.highlight .gp { color: #009; } /* Generic.Prompt */ +.highlight .gs { } /* Generic.Strong */ +.highlight .gu { color: #030; } /* Generic.Subheading */ +.highlight .gt { color: #9c6 } /* Generic.Traceback */ +.highlight .kc { color: #069; } /* Keyword.Constant */ +.highlight .kd { color: #069; } /* Keyword.Declaration */ +.highlight .kn { color: #069; } /* Keyword.Namespace */ +.highlight .kp { color: #069 } /* Keyword.Pseudo */ +.highlight .kr { color: #069; } /* Keyword.Reserved */ +.highlight .kt { color: #078; } /* Keyword.Type */ +.highlight .m { color: #f60 } /* Literal.Number */ +.highlight .s { color: #d44950 } /* Literal.String */ +.highlight .na { color: #4f9fcf } /* Name.Attribute */ +.highlight .nb { color: #366 } /* Name.Builtin */ +.highlight .nc { color: #0a8; } /* Name.Class */ +.highlight .no { color: #360 } /* Name.Constant */ +.highlight .nd { color: #99f } /* Name.Decorator */ +.highlight .ni { color: #999; } /* Name.Entity */ +.highlight .ne { color: #c00; } /* Name.Exception */ +.highlight .nf { color: #c0f } /* Name.Function */ +.highlight .nl { color: #99f } /* Name.Label */ +.highlight .nn { color: #0cf; } /* Name.Namespace */ +.highlight .nt { color: #2f6f9f; } /* Name.Tag */ +.highlight .nv { color: #033 } /* Name.Variable */ +.highlight .ow { color: #000; } /* Operator.Word */ +.highlight .w { color: #bbb } /* Text.Whitespace */ +.highlight .mf { color: #f60 } /* Literal.Number.Float */ +.highlight .mh { color: #f60 } /* Literal.Number.Hex */ +.highlight .mi { color: #f60 } /* Literal.Number.Integer */ +.highlight .mo { color: #f60 } /* Literal.Number.Oct */ +.highlight .sb { color: #c30 } /* Literal.String.Backtick */ +.highlight .sc { color: #c30 } /* Literal.String.Char */ +.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */ +.highlight .s2 { color: #c30 } /* Literal.String.Double */ +.highlight .se { color: #c30; } /* Literal.String.Escape */ +.highlight .sh { color: #c30 } /* Literal.String.Heredoc */ +.highlight .si { color: #a00 } /* Literal.String.Interpol */ +.highlight .sx { color: #c30 } /* Literal.String.Other */ +.highlight .sr { color: #3aa } /* Literal.String.Regex */ +.highlight .s1 { color: #c30 } /* Literal.String.Single */ +.highlight .ss { color: #fc3 } /* Literal.String.Symbol */ +.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #033 } /* Name.Variable.Class */ +.highlight .vg { color: #033 } /* Name.Variable.Global */ +.highlight .vi { color: #033 } /* Name.Variable.Instance */ +.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } diff --git a/_site/public/favicon.ico b/_site/public/favicon.ico new file mode 100644 index 0000000..a102554 Binary files /dev/null and b/_site/public/favicon.ico differ diff --git a/about/index.md b/about/index.md new file mode 100644 index 0000000..efab730 --- /dev/null +++ b/about/index.md @@ -0,0 +1,46 @@ +--- +title: About +author: ariestiyansyah +layout: page +--- + + + +Hola, my name is __Rizky Ariestiyansyah__ and I’m a __Front End Developer & Business Strategist__ with equal parts interest in business, tax, management development, and writing. + +I love to explore my brain, by day I am active as student and researcher and by night move like a Ninja. I 'm also leading training, teaching student and providing support to everyone who want to share their knowledge. + +I'm active as open source warrior, volunteering in non-profit organization like [Mozilla](https://mozillians.org/en-US/u/ariestiyansyah), [Fedora Project](http://fedoraproject.org), [IlmuBerbagi](http://ilmuberbagi.or.id), [IGOS Nusantara](http://igosnusantara.or.id), [XFCE](http://xfce.org), and [ID-CERT](http://www.cert.or.id). Highly motivated to become part of global movement, love to investing and all about buiness and finance. + +I was worked at several company as full-time employeer and __freelancer__ like + +- [Ministry of Public Work Indonesia](http://litbang.pu.go.id/) +- [PT. Polatic Informatika Indonesia](http://polatic.co.id) +- [Evolusi Network Studio](http://evonestudio.com) + +Some of my happy clients are : + +- [Kwarcab Pramuka Tangerang Selatan](http://pramukatangsel.or.id) +- [PT. Valua Lidi Impresario](http://valuatraining.com) +- [PT. Andalan Global Sarana](http://www.properti1001.com) +- [Pulsagame](http://pulsagame.com) +- [Brili Agung the Inspiratormaker](http://briliagung.com) +- [PT. Wise Pasific Venture](https://www.linkedin.com/company/8995616?goback=.anb_3942786_*2_*1_*1_*1_*1_*1&trk=prof-exp-company-name) +- Email me for more... + +I had been a speaker at this university : + +- [Gunadarma University ](http://gunadarma.ac.id) +- [Trunojoyo University](http://trunojoyo.ac.id) +- [National Institute of Science and Technology](http://www.istn.ac.id/) +- [Budi Luhur University](http://budiluhur.ac.id) +- [LP3I](http://lp3i.ac.id) +- [STMIK NUSA MANDIRI](http://nusamandiri.ac.id) +- [STMI ( Ministry of Industry )](http://stmi.ac.id) +- [STMIK Masa Depan](http://masadepan.ac.id/) +- [Satya State University of Indonesia](http://usni.ac.id) + +## Ping me! + +If you have any questions, comments, or would just like to __PING ME__, please don't hesitate to [send me an email](mailto:ariestiyansyah.rizky@gmail.com). + diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..96c9681 --- /dev/null +++ b/atom.xml @@ -0,0 +1,28 @@ +--- +layout: null +--- + + + + + {{ site.title }} + + + {{ site.time | date_to_xmlschema }} + {{ site.url }} + + {{ site.author.name }} + {{ site.author.email }} + + + {% for post in site.posts %} + + {{ post.title }} + + {{ post.date | date_to_xmlschema }} + {{ site.url }}{{ post.id }} + {{ post.content | xml_escape }} + + {% endfor %} + + diff --git a/category.html b/category.html new file mode 100644 index 0000000..f6eb516 --- /dev/null +++ b/category.html @@ -0,0 +1,35 @@ +--- +layout: page +title: Category Index +permalink: /categories/ +tags: [Categories] +description: "An archive of posts sorted by categories." +--- +

+{% for tag in site.categories %} +

{{ tag[0] | capitalize }}

+
    +{% assign pages_list = tag[1] %} +{% for post in pages_list %} +{% if post.title != null %} +{% if group == null or group == post.group %} +
  • {{ post.title }}
    • +{% endif %} +{% endif %} +{% endfor %} +{% assign pages_list = nil %} +{% assign group = nil %} +
+{% endfor %} diff --git a/contact/index.html b/contact/index.html new file mode 100644 index 0000000..a5aa21b --- /dev/null +++ b/contact/index.html @@ -0,0 +1,60 @@ +--- +title: Contact +author: ariestiyansyah +layout: page +description: Contact Naringu, if you need help or business with me +category: contact +--- + +
+

Hire me

+ +

+ + Naringu business contact form is here.. + +

+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ +
+ + + or Drop me an emaill +
+
+
+ diff --git a/feed.category.xml b/feed.category.xml new file mode 100644 index 0000000..69cfa54 --- /dev/null +++ b/feed.category.xml @@ -0,0 +1,29 @@ +--- +--- + + + + {{ site.name | xml_escape }} - Naringu +<<<<<<< HEAD + Posts categorized as 'naringu' +======= + Posts categorized as 'Naringu' +>>>>>>> master + {{ site.url }} + + {% for post in site.categories.naringu limit:10 %} + + {{ post.title | xml_escape }} + {% if post.excerpt %} + {{ post.excerpt | xml_escape }} + {% else %} + {{ post.content | xml_escape }} + {% endif %} + {{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }} + {{ site.url }}{{ post.url }} + {{ site.url }}{{ post.url }} + + {% endfor %} + + + diff --git a/images/head.jpeg b/images/head.jpeg new file mode 100644 index 0000000..4e954c9 Binary files /dev/null and b/images/head.jpeg differ diff --git a/images/screenshot-1.png b/images/screenshot-1.png new file mode 100644 index 0000000..fde2b7b Binary files /dev/null and b/images/screenshot-1.png differ diff --git a/images/screenshot-2.png b/images/screenshot-2.png new file mode 100644 index 0000000..5df0854 Binary files /dev/null and b/images/screenshot-2.png differ diff --git a/images/screenshot-3.png b/images/screenshot-3.png new file mode 100644 index 0000000..04aec21 Binary files /dev/null and b/images/screenshot-3.png differ diff --git a/images/screenshot-4.png b/images/screenshot-4.png new file mode 100644 index 0000000..6e10ccf Binary files /dev/null and b/images/screenshot-4.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..3967910 --- /dev/null +++ b/index.html @@ -0,0 +1,36 @@ +--- +layout: default +title: Home +--- + +
+ {% for post in paginator.posts %} +
+

+ + {{ post.title }} + +

+ {{ post.date | date_to_string }}
+

{{ post.excerpt | strip_html | truncate: 500 }}

+
+ {% endfor %} +
+ + + diff --git a/public/css/form.css b/public/css/form.css new file mode 100644 index 0000000..98fcc10 --- /dev/null +++ b/public/css/form.css @@ -0,0 +1,323 @@ +/*! + * Bootstrap v3.1.1 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #fff; + background-color: #000; + background-image: none; + border: 1px solid #6DD; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} + +.submit-btn { + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #000; + background-color: #6DD; + background-image: none; + border: 1px solid #000; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; \ No newline at end of file diff --git a/public/css/naringu.css b/public/css/naringu.css new file mode 100644 index 0000000..bbfa27c --- /dev/null +++ b/public/css/naringu.css @@ -0,0 +1,686 @@ +/* + * Naringu is jekyll dark theme designed, built, and released under MIT license by @ariestiyansyah. It's based on poole, learn more at + * https://github.com/ariestiyansyah/naringu. + */ + + +/* + * Contents + * + * Global resets + * Code and Highlight + * Wrapper + * Container + * Masthead + * Sidebar + * Sidebar effect + * Custom yype + * Messages + * Post and Pages + * Related post + * Pagination + * Reverse Layout + * Footer +*/ + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; + border: 1px solid #6DD; +} + +html { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; +} +@media (min-width: 38em) { + html { + font-size: 16x; + } +} + +body { + color: #fff; + background-color: #000; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +/* No `:visited` state is required by default (browsers will use `a`) */ +a { + color: #6DD; + text-decoration: none; +} +a strong { + color: inherit; +} + +/* `:focus` is linked to `:hover` for basic accessibility */ +a:hover, +a:focus { + text-decoration: underline; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-weight: 400; + color: #25BFBF; + letter-spacing: -.025rem; +} + +h1 { + font-size: 2rem; +} +h2 { + margin-top: 1rem; + font-size: 1.5rem; +} +h3 { + margin-top: 1.5rem; + font-size: 1.25rem; +} +h4, h5, h6 { + margin-top: 1rem; + font-size: 1rem; +} + +/* Body text */ +p { + margin-top: 0; + margin-bottom: 1rem; +} + +strong { + color: #1BFFFF; +} + + +/* Lists */ +ul, ol, dl { + margin-top: 0; + margin-bottom: 1rem; +} + +dt { + font-weight: bold; +} +dd { + margin-bottom: .5rem; +} + +/* Misc */ +hr { + position: relative; + margin: 1.5rem 0; + border: 0; + border-top: 1px solid #6DD; + border-bottom: 1px solid #6DD; +} + +abbr { + font-size: 85%; + font-weight: bold; + color: #6DD; + text-transform: uppercase; +} +abbr[title] { + cursor: help; + border-bottom: 1px dotted #6DD; +} + +/* + * Code and Highlight + * + * Code and higlight theme */ + +code, +pre { + font-family: Menlo, Monaco, "Courier New", monospace; +} +code { + padding: .25em .5em; + font-size: 85%; + color: #000; + background-color: #0CDADA;; + border-radius: 3px; +} +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + padding: 1rem; + font-size: .8rem; + line-height: 1.4; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; + background-color: #000; + border: 1px solid #6DD; +} +pre code { + padding: 0; + font-size: 100%; + color: inherit; + background-color: transparent; +} + +/* Pygments via Jekyll */ +.highlight { + margin-bottom: 1rem; + border-radius: 4px; + background-color: #6DD; +} +.highlight pre { + margin-bottom: 0; + background-color: #000; +} + +/* Gist via GitHub Pages */ +.gist .gist-file { + font-family: Menlo, Monaco, "Courier New", monospace !important; +} +.gist .markdown-body { + padding: 15px; +} +.gist pre { + padding: 0; + background-color: transparent; +} +.gist .gist-file .gist-data { + font-size: .8rem !important; + line-height: 1.4; +} +.gist code { + padding: 0; + color: inherit; + background-color: transparent; + border-radius: 0; +} + +/* Quotes */ +blockquote { + padding: .5rem 1rem; + margin: .8rem 0; + color: #45B7FF; + border-left: .25rem solid #e5e5e5; +} +blockquote p:last-child { + margin-bottom: 0; +} +@media (min-width: 30em) { + blockquote { + padding-right: 5rem; + padding-left: 1.25rem; + } +} + +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; +} + +/* + * Tables + * + * Hacker style tables */ +table { + margin-bottom: 1rem; + width: 100%; + border: 1px solid #6DD; + border-collapse: collapse; +} +td, +th { + padding: .25rem .5rem; + border: 1px solid #6DD; +} +tbody tr:nth-child(odd) td, +tbody tr:nth-child(odd) th { + background-color: #000; +} + +/* + * Wrapper + * + * The wrapper is used to position site content when the sidebar is toggled. We + * use an outter wrap to position the sidebar without interferring with the + * regular page content. + */ + +.wrap { + position: relative; + width: 100%; +} + +/* + * Container + * + * Center the page content and setting the max-width (default 55em). + */ + +.container { + max-width: 55rem; + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; +} +@media (min-width: 55em) { + .container { + max-width: 55rem; + } +} +@media (min-width: 50em) { + .container { + max-width: 55rem; + } +} + +/* + * Masthead + * + * Super small header above the content for site name and short description. + */ + +.masthead { + padding-top: 1rem; + padding-bottom: 1rem; + margin-bottom: 3rem; + border-bottom: 1px solid #6DD; +} +.masthead-title { + margin-top: 0; + margin-bottom: 0; + color: #505050; +} +.masthead-title a { + color: #505050; +} +.masthead-title small { + font-size: 75%; + font-weight: 400; + color: #c0c0c0; + letter-spacing: 0; +} + +@media (max-width: 48em) { + .masthead-title { + text-align: center; + } + .masthead-title small { + display: none; + } +} + +/* + * Sidebar + * + * The sidebar is the drawer, the item we are toggling with our handy hamburger + * button in the corner of the page. + * + * This particular sidebar implementation was inspired by Chris Coyier's + * "Offcanvas Menu with CSS Target" article, and the checkbox variation from the + * comments by a reader. It modifies both implementations to continue using the + * checkbox (no change in URL means no polluted browser history), but this uses + * `position` for the menu to avoid some potential content reflow issues. + * + * Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 + */ + +/* Style and "hide" the sidebar */ +.sidebar { + position: fixed; + top: 0; + bottom: 0; + left: -14rem; + width: 14rem; + visibility: hidden; + overflow-y: auto; + font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-size: .875rem; /* 15px */ + color: rgba(255,255,255,.6); + border: 1px solid #6DD; + background-color: #202020; + -webkit-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} +@media (min-width: 30em) { + .sidebar { + font-size: .75rem; /* 14px */ + } +} + +/* Sidebar content */ +.sidebar a { + font-weight: normal; + color: #6DD; +} +.sidebar-item { + padding: 1rem; +} +.sidebar-item p:last-child { + margin-bottom: 0; +} + +/* Sidebar nav */ +.sidebar-nav { + border-bottom: 1px solid rgba(255,255,255,.1); +} +.sidebar-nav-item { + display: block; + padding: .5rem 1rem; + border-top: 1px solid rgba(255,255,255,.1); +} +.sidebar-nav-item.active, +a.sidebar-nav-item:hover, +a.sidebar-nav-item:focus { + text-decoration: none; + background-color: #191E1E; + border-color: #6DD; +} + +@media (min-width: 48em) { + .sidebar-item { + padding: 1.5rem; + } + .sidebar-nav-item { + padding-left: 1.5rem; + padding-right: 1.5rem; + } +} + +/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */ +.sidebar-checkbox { + display: none; +} + +/* Style the `label` that we use to target the `.sidebar-checkbox` */ +.sidebar-toggle { + position: absolute; + top: 1rem; + left: 1rem; + display: block; + width: 2.2rem; + padding: .5rem .65rem; + color: #6DD; + background-color: #000; + border-radius: 4px; + cursor: pointer; +} +.sidebar-toggle:before { + display: block; + content: ""; + width: 100%; + padding-bottom: .125rem; + border-top: .375rem double; + border-bottom: .125rem solid; + + /* Make the border inside the box */ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.sidebar-toggle:active, +#sidebar-checkbox:checked ~ .sidebar-toggle { + color: #6DD; + background-color: #505050; +} + +@media (min-width: 30.1em) { + .sidebar-toggle { + position: fixed; + width: 2.25rem; + } + .sidebar-toggle:before { + padding-bottom: .15rem; + border-top-width: .45rem; + border-bottom-width: .15rem; + } +} + + +/* Slide effect + * + * Handle the sliding effects of the sidebar and content in one spot, seperate + * from the default styles. + * + * As an a heads up, we don't use `transform: translate3d()` here because when + * mixed with `position: fixed;` for the sidebar toggle, it creates a new + * containing block. Put simply, the fixed sidebar toggle behaves like + * `position: absolute;` when transformed. + * + * Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. + */ + +.wrap, +.sidebar, +.sidebar-toggle { + -webkit-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} +.wrap, +.sidebar-toggle { + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out; +} + +#sidebar-checkbox:checked + .sidebar { + z-index: 10; + visibility: visible; +} +#sidebar-checkbox:checked ~ .sidebar, +#sidebar-checkbox:checked ~ .wrap, +#sidebar-checkbox:checked ~ .sidebar-toggle { + -webkit-transform: translateX(14rem); + -ms-transform: translateX(14rem); + transform: translateX(14rem); +} + + +/* + * Custom type + * + * Extend paragraphs with `.lead` for larger introductory text. + */ + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + + +/* + * Messages + * + * Show alert messages to users. You may add it to single elements like a `

`, + * or to a parent if there are multiple elements to show. + */ + +.message { + margin-bottom: 1rem; + padding: 1rem; + color: #000; + background-color: #6DD; +} + +/* + * Posts and pages + * + * Each post is wrapped in `.post` and is used on default and post layouts. Each + * page is wrapped in `.page` and is only used on the page layout. + */ + +.page, +.post { + margin-bottom: 1em; +} + +/* Blog post or page title */ +.page-title, +.post-title, +.post-title a { + color: #25BFBF; +} +.page-title, +.post-title { + margin-top: 0; +} + +/* Meta data line below post title */ +.post-date { + display: block; + margin-top: -1.5rem; + margin-bottom: 1rem; + color: #9a9a9a; +} + +/* + * Related posts + * + * Related post in the bottom of post +*/ +.related { + /*padding-top: 2rem;*/ + /*padding-bottom: 2rem;*/ + border-top: 1px solid #6DD; + /*border-bottom: 1px solid #6DD;*/ +} +.related-posts { + padding-left: 0; + list-style: none; +} +.related-posts h3 { + margin-top: 0; + margin-bottom: 0.25rem; +} +.related-posts li small { + font-size: 75%; + color: #999; +} +.related-posts li a:hover { + color: #268bd2; + text-decoration: none; +} +.related-posts li a:hover small { + color: inherit; +} + + +/* + * Pagination + * + * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when + * there are no more previous or next posts to show. + */ + +.pagination { + overflow: hidden; /* clearfix */ + margin-left: -1rem; + margin-right: -1rem; + font-family: "PT Sans", Helvetica, Arial, sans-serif; + color: #ccc; + text-align: center; +} + +/* Pagination items can be `span`s or `a`s */ +.pagination-item { + display: block; + padding: 1rem; + border: 1px solid #6DD; +} +.pagination-item:first-child { + margin-bottom: -1px; +} + +/* Only provide a hover state for linked pagination items */ +a.pagination-item:hover { + background-color: #099EA4; +} + +@media (min-width: 30em) { + .pagination { + margin: 3rem 0; + } + .pagination-item { + float: left; + width: 50%; + } + .pagination-item:first-child { + margin-bottom: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .pagination-item:last-child { + margin-left: -1px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} + +/* + * Themes + * + * Default dark theme of Naringu is here (Will Update) + +/* #6DD */ + +.theme-6dd .sidebar, +.theme-6dd .sidebar-toggle:active, +.theme-6dd #sidebar-checkbox:checked ~ .sidebar-toggle { + background-color: #000; +} +.theme-6dd .container a, +.theme-6dd .sidebar-toggle, +.theme-6dd .related-posts li a:hover { + color: #6DD; +} + + +/* + * Reverse layout + * + * Flip the orientation of the page by placing the `.sidebar` and sidebar toggle + * on the right side. + */ + +.layout-reverse .sidebar { + left: auto; + right: -14rem; +} +.layout-reverse .sidebar-toggle { + left: auto; + right: 1rem; +} + +.layout-reverse #sidebar-checkbox:checked ~ .sidebar, +.layout-reverse #sidebar-checkbox:checked ~ .wrap, +.layout-reverse #sidebar-checkbox:checked ~ .sidebar-toggle { + -webkit-transform: translateX(-14rem); + -ms-transform: translateX(-14rem); + transform: translateX(-14rem); +} + +/* + * Footer + * + * Footer configuration class + */ + +.footer { + padding-top: 10px; + padding-bottom: 10px; + border-top: 1px solid #6DD; +} \ No newline at end of file diff --git a/public/css/syntax.css b/public/css/syntax.css new file mode 100644 index 0000000..abf5579 --- /dev/null +++ b/public/css/syntax.css @@ -0,0 +1,65 @@ +.highlight .hll { background-color: #000; } +.highlight .c { color: #999; } /* Comment */ +.highlight .err { color: #a00; background-color: #000 } /* Error */ +.highlight .k { color: #069; } /* Keyword */ +.highlight .o { color: #555 } /* Operator */ +.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #099 } /* Comment.Preproc */ +.highlight .c1 { color: #999; } /* Comment.Single */ +.highlight .cs { color: #999; } /* Comment.Special */ +.highlight .gd { background-color: #fcc; border: 1px solid #6DD } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #f00 } /* Generic.Error */ +.highlight .gh { color: #030; } /* Generic.Heading */ +.highlight .gi { background-color: #cfc; border: 1px solid #6DD } /* Generic.Inserted */ +.highlight .go { color: #aaa } /* Generic.Output */ +.highlight .gp { color: #009; } /* Generic.Prompt */ +.highlight .gs { } /* Generic.Strong */ +.highlight .gu { color: #030; } /* Generic.Subheading */ +.highlight .gt { color: #9c6 } /* Generic.Traceback */ +.highlight .kc { color: #069; } /* Keyword.Constant */ +.highlight .kd { color: #069; } /* Keyword.Declaration */ +.highlight .kn { color: #069; } /* Keyword.Namespace */ +.highlight .kp { color: #069 } /* Keyword.Pseudo */ +.highlight .kr { color: #069; } /* Keyword.Reserved */ +.highlight .kt { color: #078; } /* Keyword.Type */ +.highlight .m { color: #f60 } /* Literal.Number */ +.highlight .s { color: #d44950 } /* Literal.String */ +.highlight .na { color: #4f9fcf } /* Name.Attribute */ +.highlight .nb { color: #366 } /* Name.Builtin */ +.highlight .nc { color: #0a8; } /* Name.Class */ +.highlight .no { color: #360 } /* Name.Constant */ +.highlight .nd { color: #99f } /* Name.Decorator */ +.highlight .ni { color: #999; } /* Name.Entity */ +.highlight .ne { color: #c00; } /* Name.Exception */ +.highlight .nf { color: #c0f } /* Name.Function */ +.highlight .nl { color: #99f } /* Name.Label */ +.highlight .nn { color: #0cf; } /* Name.Namespace */ +.highlight .nt { color: #2f6f9f; } /* Name.Tag */ +.highlight .nv { color: #033 } /* Name.Variable */ +.highlight .ow { color: #000; } /* Operator.Word */ +.highlight .w { color: #bbb } /* Text.Whitespace */ +.highlight .mf { color: #f60 } /* Literal.Number.Float */ +.highlight .mh { color: #f60 } /* Literal.Number.Hex */ +.highlight .mi { color: #f60 } /* Literal.Number.Integer */ +.highlight .mo { color: #f60 } /* Literal.Number.Oct */ +.highlight .sb { color: #c30 } /* Literal.String.Backtick */ +.highlight .sc { color: #c30 } /* Literal.String.Char */ +.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */ +.highlight .s2 { color: #c30 } /* Literal.String.Double */ +.highlight .se { color: #c30; } /* Literal.String.Escape */ +.highlight .sh { color: #c30 } /* Literal.String.Heredoc */ +.highlight .si { color: #a00 } /* Literal.String.Interpol */ +.highlight .sx { color: #c30 } /* Literal.String.Other */ +.highlight .sr { color: #3aa } /* Literal.String.Regex */ +.highlight .s1 { color: #c30 } /* Literal.String.Single */ +.highlight .ss { color: #fc3 } /* Literal.String.Symbol */ +.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #033 } /* Name.Variable.Class */ +.highlight .vg { color: #033 } /* Name.Variable.Global */ +.highlight .vi { color: #033 } /* Name.Variable.Instance */ +.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..a102554 Binary files /dev/null and b/public/favicon.ico differ