First commit
This commit is contained in:
commit
2d7058538d
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
.sass-cache
|
||||||
|
.jekyll-metadata
|
||||||
10
404.html
Normal file
10
404.html
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: "404: Page not found"
|
||||||
|
permalink: 404.html
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<h1 class="page-title">404: Page not found</h1>
|
||||||
|
<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ site.baseurl }}">Head back home</a> to try finding it again.</p>
|
||||||
|
</div>
|
||||||
9
LICENSE.md
Normal file
9
LICENSE.md
Normal file
@ -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.
|
||||||
88
README.md
Normal file
88
README.md
Normal file
@ -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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 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
|
||||||
|
<body class="layout-reverse">
|
||||||
|
...
|
||||||
|
</body>
|
||||||
|
```
|
||||||
|
### 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
|
||||||
|
<form action="http://formspree.io/youremail@yourdomain.com" role="form" method="POST">
|
||||||
|
```
|
||||||
|
|
||||||
|
### 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**
|
||||||
|
- <https://github.com/ariestiyansyah>
|
||||||
|
- <https://twitter.com/ariestiyansyah>
|
||||||
|
|
||||||
|
### Contributors
|
||||||
|
|
||||||
|
**Gildásio Júnior** - *a.k.a. @gjuniioor*
|
||||||
|
- https://github.com/gjuniioor
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
Open sourced under the [MIT license](LICENSE.md).
|
||||||
39
_config.yml
Normal file
39
_config.yml
Normal file
@ -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
|
||||||
10
_includes/analytics.html
Normal file
10
_includes/analytics.html
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
26
_includes/comments.html
Normal file
26
_includes/comments.html
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '{{ site.disqus }}';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function() {
|
||||||
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||||
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||||
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '{{ site.disqus }}';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function () {
|
||||||
|
var s = document.createElement('script'); s.async = true;
|
||||||
|
s.type = 'text/javascript';
|
||||||
|
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||||
|
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||||
|
}());
|
||||||
|
</script>
|
||||||
5
_includes/footer.html
Normal file
5
_includes/footer.html
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="{{ site.theme.link }}" target="_blank" title="naringu">{{ site.theme.codename }}</a> is designed by {{ site.theme.creator }}<br />Copyright © {{ site.time | date: '%Y' }} <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
_includes/head.html
Normal file
29
_includes/head.html
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
{% if page.title == "Home" %}
|
||||||
|
{{ site.title }} · {{ site.tagline }}
|
||||||
|
{% else %}
|
||||||
|
{{ page.title }} · {{ site.title }}
|
||||||
|
{% endif %}
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href=".{{ site.baseurl }}public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.baseurl }}atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
38
_includes/sidebar.html
Normal file
38
_includes/sidebar.html
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="{{ site.baseurl }}images/head.jpeg"> -->
|
||||||
|
<p>{{ site.description }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item{% if page.url == site.baseurl %} active{% endif %}" href="{{ site.baseurl }}">Home</a>
|
||||||
|
|
||||||
|
{% comment %}
|
||||||
|
The code below dynamically generates a sidebar nav of pages with
|
||||||
|
`layout: page` in the front-matter. See readme for usage.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
{% assign pages_list = site.pages | sort:"url" %}
|
||||||
|
{% for node in pages_list %}
|
||||||
|
{% if node.title != null %}
|
||||||
|
{% if node.layout == "page" %}
|
||||||
|
<a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}" href="{{ node.url }}">{{ node.title }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version {{ site.version }}</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© {{ site.time | date: '%Y' }}. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
45
_layouts/default.html
Normal file
45
_layouts/default.html
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
{% include head.html %}
|
||||||
|
{% include analytics.html %}
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
{% include sidebar.html %}
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">{{ site.title }}</a>
|
||||||
|
<small>{{ site.tagline }}</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
8
_layouts/page.html
Normal file
8
_layouts/page.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<h1 class="page-title">{{ page.title }}</h1>
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
29
_layouts/post.html
Normal file
29
_layouts/post.html
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">{{ page.title }}</h1>
|
||||||
|
<span class="post-date">{{ page.date | date_to_string }}</span>
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="related">
|
||||||
|
<h2>Related Posts</h2>
|
||||||
|
<ul class="related-posts">
|
||||||
|
{% for post in site.related_posts limit:3 %}
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="{{ site_url }}{{ post.url }}">
|
||||||
|
{{ post.title }}
|
||||||
|
<small>{{ post.date | date_to_string }}</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comments">
|
||||||
|
{% include comments.html %}
|
||||||
|
</div>
|
||||||
14
_posts/2013-12-31-whats-jekyll.md
Normal file
14
_posts/2013-12-31-whats-jekyll.md
Normal file
@ -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).
|
||||||
123
_posts/2014-01-01-example-content.md
Normal file
123
_posts/2014-01-01-example-content.md
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: Example content
|
||||||
|
categories:
|
||||||
|
- naringu
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
<div class="message">
|
||||||
|
Howdy! This is an example blog post that shows several types of HTML content supported in this theme.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, 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 `<strong>`.
|
||||||
|
- *To italicize text*, use `<em>`.
|
||||||
|
- Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use `<abbr>`, with an optional `title` attribute for the full phrase.
|
||||||
|
- Citations, like <cite>— Mark otto</cite>, should use `<cite>`.
|
||||||
|
- <del>Deleted</del> text should use `<del>` and <ins>inserted</ins> text should use `<ins>`.
|
||||||
|
- Superscript <sup>text</sup> uses `<sup>` and subscript <sub>text</sub> 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.
|
||||||
|
|
||||||
|
{% 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.
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
-----
|
||||||
|
|
||||||
29
_posts/2015-02-21-Hello-Naringu.md
Normal file
29
_posts/2015-02-21-Hello-Naringu.md
Normal file
@ -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 <a href="https://github.com/ariestiyansyah/naringu">GitHub repository</a> for downloads, bug reports, and features requests.
|
||||||
|
|
||||||
|
Thanks!
|
||||||
150
_site/404.html
Normal file
150
_site/404.html
Normal file
@ -0,0 +1,150 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
404: Page not found · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="page">
|
||||||
|
<h1 class="page-title">404: Page not found</h1>
|
||||||
|
<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="/">Head back home</a> to try finding it again.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
9
_site/LICENSE.md
Normal file
9
_site/LICENSE.md
Normal file
@ -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.
|
||||||
88
_site/README.md
Normal file
88
_site/README.md
Normal file
@ -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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 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
|
||||||
|
<body class="layout-reverse">
|
||||||
|
...
|
||||||
|
</body>
|
||||||
|
```
|
||||||
|
### 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
|
||||||
|
<form action="http://formspree.io/youremail@yourdomain.com" role="form" method="POST">
|
||||||
|
```
|
||||||
|
|
||||||
|
### 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**
|
||||||
|
- <https://github.com/ariestiyansyah>
|
||||||
|
- <https://twitter.com/ariestiyansyah>
|
||||||
|
|
||||||
|
### Contributors
|
||||||
|
|
||||||
|
**Gildásio Júnior** - *a.k.a. @gjuniioor*
|
||||||
|
- https://github.com/gjuniioor
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
Open sourced under the [MIT license](LICENSE.md).
|
||||||
196
_site/about/index.html
Normal file
196
_site/about/index.html
Normal file
@ -0,0 +1,196 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
About · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item active" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="page">
|
||||||
|
<h1 class="page-title">About</h1>
|
||||||
|
<p><img alt="" src="http://en.gravatar.com/userimage/24637430/bd861150ece04c59dff2ca785562b354?size=200" width="200" height="200" /></p>
|
||||||
|
|
||||||
|
<p>Hola, my name is <strong>Rizky Ariestiyansyah</strong> and I’m a <strong>Front End Developer & Business Strategist</strong> with equal parts interest in business, tax, management development, and writing.</p>
|
||||||
|
|
||||||
|
<p>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.</p>
|
||||||
|
|
||||||
|
<p>I’m active as open source warrior, volunteering in non-profit organization like <a href="https://mozillians.org/en-US/u/ariestiyansyah">Mozilla</a>, <a href="http://fedoraproject.org">Fedora Project</a>, <a href="http://ilmuberbagi.or.id">IlmuBerbagi</a>, <a href="http://igosnusantara.or.id">IGOS Nusantara</a>, <a href="http://xfce.org">XFCE</a>, and <a href="http://www.cert.or.id">ID-CERT</a>. Highly motivated to become part of global movement, love to investing and all about buiness and finance.</p>
|
||||||
|
|
||||||
|
<p>I was worked at several company as full-time employeer and <strong>freelancer</strong> like</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://litbang.pu.go.id/">Ministry of Public Work Indonesia</a></li>
|
||||||
|
<li><a href="http://polatic.co.id">PT. Polatic Informatika Indonesia</a></li>
|
||||||
|
<li><a href="http://evonestudio.com">Evolusi Network Studio</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>Some of my happy clients are :</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://pramukatangsel.or.id">Kwarcab Pramuka Tangerang Selatan</a></li>
|
||||||
|
<li><a href="http://valuatraining.com">PT. Valua Lidi Impresario</a></li>
|
||||||
|
<li><a href="http://www.properti1001.com">PT. Andalan Global Sarana</a></li>
|
||||||
|
<li><a href="http://pulsagame.com">Pulsagame</a></li>
|
||||||
|
<li><a href="http://briliagung.com">Brili Agung the Inspiratormaker</a></li>
|
||||||
|
<li><a href="https://www.linkedin.com/company/8995616?goback=.anb_3942786_*2_*1_*1_*1_*1_*1&trk=prof-exp-company-name">PT. Wise Pasific Venture</a></li>
|
||||||
|
<li>Email me for more…</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>I had been a speaker at this university :</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://gunadarma.ac.id">Gunadarma University </a></li>
|
||||||
|
<li><a href="http://trunojoyo.ac.id">Trunojoyo University</a></li>
|
||||||
|
<li><a href="http://www.istn.ac.id/">National Institute of Science and Technology</a></li>
|
||||||
|
<li><a href="http://budiluhur.ac.id">Budi Luhur University</a></li>
|
||||||
|
<li><a href="http://lp3i.ac.id">LP3I</a></li>
|
||||||
|
<li><a href="http://nusamandiri.ac.id">STMIK NUSA MANDIRI</a></li>
|
||||||
|
<li><a href="http://stmi.ac.id">STMI ( Ministry of Industry )</a></li>
|
||||||
|
<li><a href="http://masadepan.ac.id/">STMIK Masa Depan</a></li>
|
||||||
|
<li><a href="http://usni.ac.id">Satya State University of Indonesia</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2 id="ping-me">Ping me!</h2>
|
||||||
|
|
||||||
|
<p>If you have any questions, comments, or would just like to <strong>PING ME</strong>, please don’t hesitate to <a href="mailto:ariestiyansyah.rizky@gmail.com">send me an email</a>.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
211
_site/atom.xml
Normal file
211
_site/atom.xml
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
|
|
||||||
|
<title>Foss Times</title>
|
||||||
|
<link href="http://localhost:4000/atom.xml" rel="self"/>
|
||||||
|
<link href="http://localhost:4000/"/>
|
||||||
|
<updated>2017-05-17T20:04:57-07:00</updated>
|
||||||
|
<id>http://localhost:4000</id>
|
||||||
|
<author>
|
||||||
|
<name>Logen Kain</name>
|
||||||
|
<email>fosstimes@sudotask.com</email>
|
||||||
|
</author>
|
||||||
|
|
||||||
|
|
||||||
|
<entry>
|
||||||
|
<title>Hello Naringu!</title>
|
||||||
|
<link href="http://localhost:4000/naringu/2015/02/21/Hello-Naringu/"/>
|
||||||
|
<updated>2015-02-21T00:00:00-07:00</updated>
|
||||||
|
<id>http://localhost:4000/naringu/2015/02/21/Hello-Naringu</id>
|
||||||
|
<content type="html"><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>
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
|
||||||
|
<entry>
|
||||||
|
<title>Example content</title>
|
||||||
|
<link href="http://localhost:4000/naringu/2014/01/01/example-content/"/>
|
||||||
|
<updated>2014-01-01T00:00:00-07:00</updated>
|
||||||
|
<id>http://localhost:4000/naringu/2014/01/01/example-content</id>
|
||||||
|
<content type="html"><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 />
|
||||||
|
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
|
||||||
|
<entry>
|
||||||
|
<title>What's Jekyll?</title>
|
||||||
|
<link href="http://localhost:4000/naringu/2013/12/31/whats-jekyll/"/>
|
||||||
|
<updated>2013-12-31T00:00:00-07:00</updated>
|
||||||
|
<id>http://localhost:4000/naringu/2013/12/31/whats-jekyll</id>
|
||||||
|
<content type="html"><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>
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
|
||||||
|
|
||||||
|
</feed>
|
||||||
186
_site/categories/index.html
Normal file
186
_site/categories/index.html
Normal file
@ -0,0 +1,186 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
Category Index · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item active" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="page">
|
||||||
|
<h1 class="page-title">Category Index</h1>
|
||||||
|
<ul class="tag-box inline">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li><a href="#naringu">Naringu <span>3</span></a></li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2 id="naringu">Naringu</h2>
|
||||||
|
<ul class="post-list">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li><a href="/naringu/2015/02/21/Hello-Naringu/">Hello Naringu!<span class="entry-date"><time datetime="2015-02-21T00:00:00-07:00" itemprop="datePublished">Feb 21, 2015</time></a></li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li><a href="/naringu/2014/01/01/example-content/">Example content<span class="entry-date"><time datetime="2014-01-01T00:00:00-07:00" itemprop="datePublished">Jan 01, 2014</time></a></li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li><a href="/naringu/2013/12/31/whats-jekyll/">What's Jekyll?<span class="entry-date"><time datetime="2013-12-31T00:00:00-07:00" itemprop="datePublished">Dec 31, 2013</time></a></li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
202
_site/contact/index.html
Normal file
202
_site/contact/index.html
Normal file
@ -0,0 +1,202 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
Contact · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item active" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="page">
|
||||||
|
<h1 class="page-title">Contact</h1>
|
||||||
|
<section class="inner">
|
||||||
|
<h1>Hire me</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<em>
|
||||||
|
Naringu business contact form is here..
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
<!-- Please change the email below with your email to activate the form -->
|
||||||
|
<form action="http://formspree.io/ariestiyansyah.rizky@gmail.com" role="form" method="POST">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">Your name?</label>
|
||||||
|
<input type="text" name="name" class="form-control" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="_replyto">Email address, please?</label>
|
||||||
|
<input type="email" name="_replyto" class="form-control" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="problem">What problem you have?</label>
|
||||||
|
<textarea name="problem" class="form-control" rows="2"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="project">Project Category</label>
|
||||||
|
<select name="project" class="form-control">
|
||||||
|
<option value="">Choose...</option>
|
||||||
|
<option>E-commerce</option>
|
||||||
|
<option>Mobile Application</option>
|
||||||
|
<option>Website/Blog</option>
|
||||||
|
<option>Enterprise Solution</option>
|
||||||
|
<option>Consultation</option>
|
||||||
|
<option>Another project</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="message">How can I help you?</label>
|
||||||
|
<textarea name="body" class="form-control" rows="4" width="100%" required></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<input type="hidden" name="">
|
||||||
|
<input type="submit" class="submit-btn" value="Let's make business">
|
||||||
|
or <a href="mailto:ariestiyansyah.rizky@gmail.com">Drop me an emaill</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
180
_site/feed.category.xml
Normal file
180
_site/feed.category.xml
Normal file
@ -0,0 +1,180 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title> - Naringu</title>
|
||||||
|
<<<<<<< HEAD
|
||||||
|
<description>Posts categorized as 'naringu'</description>
|
||||||
|
=======
|
||||||
|
<description>Posts categorized as 'Naringu'</description>
|
||||||
|
>>>>>>> master
|
||||||
|
<link>http://localhost:4000</link>
|
||||||
|
<atom:link href="http://localhost:4000feed.category.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Hello Naringu!</title>
|
||||||
|
|
||||||
|
<description><p>Naringu is a hacker like jekyll dark theme, it’s based on <a href="http://getpoole.com">Poole</a>, the Jekyll butler.</p>
|
||||||
|
|
||||||
|
</description>
|
||||||
|
|
||||||
|
<pubDate>Sat, 21 Feb 2015 00:00:00 -0700</pubDate>
|
||||||
|
<link>http://localhost:4000/naringu/2015/02/21/Hello-Naringu/</link>
|
||||||
|
<guid isPermaLink="true">http://localhost:4000/naringu/2015/02/21/Hello-Naringu/</guid>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Example content</title>
|
||||||
|
|
||||||
|
<description><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 />
|
||||||
|
|
||||||
|
</description>
|
||||||
|
|
||||||
|
<pubDate>Wed, 01 Jan 2014 00:00:00 -0700</pubDate>
|
||||||
|
<link>http://localhost:4000/naringu/2014/01/01/example-content/</link>
|
||||||
|
<guid isPermaLink="true">http://localhost:4000/naringu/2014/01/01/example-content/</guid>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>What's Jekyll?</title>
|
||||||
|
|
||||||
|
<description><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>
|
||||||
|
</description>
|
||||||
|
|
||||||
|
<pubDate>Tue, 31 Dec 2013 00:00:00 -0700</pubDate>
|
||||||
|
<link>http://localhost:4000/naringu/2013/12/31/whats-jekyll/</link>
|
||||||
|
<guid isPermaLink="true">http://localhost:4000/naringu/2013/12/31/whats-jekyll/</guid>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|
||||||
BIN
_site/images/head.jpeg
Normal file
BIN
_site/images/head.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
_site/images/screenshot-1.png
Normal file
BIN
_site/images/screenshot-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
_site/images/screenshot-2.png
Normal file
BIN
_site/images/screenshot-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
_site/images/screenshot-3.png
Normal file
BIN
_site/images/screenshot-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
_site/images/screenshot-4.png
Normal file
BIN
_site/images/screenshot-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
204
_site/index.html
Normal file
204
_site/index.html
Normal file
@ -0,0 +1,204 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
Foss Times · Foss News Today; Foss News Tomorrow
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item active" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="posts">
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">
|
||||||
|
<a href="/naringu/2015/02/21/Hello-Naringu/">
|
||||||
|
Hello Naringu!
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
<span class="post-date">21 Feb 2015</span><br>
|
||||||
|
<p>Naringu is a hacker like jekyll dark theme, it’s based on Poole, the Jekyll butler.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">
|
||||||
|
<a href="/naringu/2014/01/01/example-content/">
|
||||||
|
Example content
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
<span class="post-date">01 Jan 2014</span><br>
|
||||||
|
<p>
|
||||||
|
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...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">
|
||||||
|
<a href="/naringu/2013/12/31/whats-jekyll/">
|
||||||
|
What's Jekyll?
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
<span class="post-date">31 Dec 2013</span><br>
|
||||||
|
<p>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...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
|
||||||
|
<span class="pagination-item older">Older</span>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="pagination-item newer">Newer</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
215
_site/naringu/2013/12/31/whats-jekyll/index.html
Normal file
215
_site/naringu/2013/12/31/whats-jekyll/index.html
Normal file
@ -0,0 +1,215 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
What's Jekyll? · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">What's Jekyll?</h1>
|
||||||
|
<span class="post-date">31 Dec 2013</span>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="related">
|
||||||
|
<h2>Related Posts</h2>
|
||||||
|
<ul class="related-posts">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="/naringu/2015/02/21/Hello-Naringu/">
|
||||||
|
Hello Naringu!
|
||||||
|
<small>21 Feb 2015</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="/naringu/2014/01/01/example-content/">
|
||||||
|
Example content
|
||||||
|
<small>01 Jan 2014</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comments">
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function() {
|
||||||
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||||
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||||
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function () {
|
||||||
|
var s = document.createElement('script'); s.async = true;
|
||||||
|
s.type = 'text/javascript';
|
||||||
|
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||||
|
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||||
|
}());
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
330
_site/naringu/2014/01/01/example-content/index.html
Normal file
330
_site/naringu/2014/01/01/example-content/index.html
Normal file
@ -0,0 +1,330 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
Example content · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">Example content</h1>
|
||||||
|
<span class="post-date">01 Jan 2014</span>
|
||||||
|
<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"><strong></code>.</li>
|
||||||
|
<li><em>To italicize text</em>, use <code class="highlighter-rouge"><em></code>.</li>
|
||||||
|
<li>Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use <code class="highlighter-rouge"><abbr></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"><cite></code>.</li>
|
||||||
|
<li><del>Deleted</del> text should use <code class="highlighter-rouge"><del></code> and <ins>inserted</ins> text should use <code class="highlighter-rouge"><ins></code>.</li>
|
||||||
|
<li>Superscript <sup>text</sup> uses <code class="highlighter-rouge"><sup></code> and subscript <sub>text</sub> uses <code class="highlighter-rouge"><sub></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">// > 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 />
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="related">
|
||||||
|
<h2>Related Posts</h2>
|
||||||
|
<ul class="related-posts">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="/naringu/2015/02/21/Hello-Naringu/">
|
||||||
|
Hello Naringu!
|
||||||
|
<small>21 Feb 2015</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="/naringu/2013/12/31/whats-jekyll/">
|
||||||
|
What's Jekyll?
|
||||||
|
<small>31 Dec 2013</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comments">
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function() {
|
||||||
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||||
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||||
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function () {
|
||||||
|
var s = document.createElement('script'); s.async = true;
|
||||||
|
s.type = 'text/javascript';
|
||||||
|
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||||
|
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||||
|
}());
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
244
_site/naringu/2015/02/21/Hello-Naringu/index.html
Normal file
244
_site/naringu/2015/02/21/Hello-Naringu/index.html
Normal file
@ -0,0 +1,244 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
|
||||||
|
<!-- Enable responsiveness on mobile devices-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
|
||||||
|
Hello Naringu! · Foss Times
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
||||||
|
<link rel="stylesheet" href="/public/css/form.css">
|
||||||
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-48740529-1', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="theme-6dd">
|
||||||
|
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
||||||
|
<p>A place to open source</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Home</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="/contact/">Contact</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
||||||
|
<span class="sidebar-nav-item">Version 2.0</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<p>
|
||||||
|
© 2017. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="/" title="Home">Foss Times</a>
|
||||||
|
<small>Foss News Today; Foss News Tomorrow</small>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">Hello Naringu!</h1>
|
||||||
|
<span class="post-date">21 Feb 2015</span>
|
||||||
|
<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>«««< 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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="related">
|
||||||
|
<h2>Related Posts</h2>
|
||||||
|
<ul class="related-posts">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="/naringu/2014/01/01/example-content/">
|
||||||
|
Example content
|
||||||
|
<small>01 Jan 2014</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>
|
||||||
|
<a href="/naringu/2013/12/31/whats-jekyll/">
|
||||||
|
What's Jekyll?
|
||||||
|
<small>31 Dec 2013</small>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comments">
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function() {
|
||||||
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||||
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||||
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* * * CONFIGURATION VARIABLES * * */
|
||||||
|
var disqus_shortname = '';
|
||||||
|
|
||||||
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||||
|
(function () {
|
||||||
|
var s = document.createElement('script'); s.async = true;
|
||||||
|
s.type = 'text/javascript';
|
||||||
|
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||||
|
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||||
|
}());
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div align="center" class="footer">
|
||||||
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
323
_site/public/css/form.css
Normal file
323
_site/public/css/form.css
Normal file
@ -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;
|
||||||
686
_site/public/css/naringu.css
Normal file
686
_site/public/css/naringu.css
Normal file
@ -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 `<p>`,
|
||||||
|
* 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;
|
||||||
|
}
|
||||||
65
_site/public/css/syntax.css
Normal file
65
_site/public/css/syntax.css
Normal file
@ -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; }
|
||||||
BIN
_site/public/favicon.ico
Normal file
BIN
_site/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
46
about/index.md
Normal file
46
about/index.md
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
---
|
||||||
|
title: About
|
||||||
|
author: ariestiyansyah
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
|
<img alt="" src="http://en.gravatar.com/userimage/24637430/bd861150ece04c59dff2ca785562b354?size=200" width="200" height="200" />
|
||||||
|
|
||||||
|
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).
|
||||||
|
|
||||||
28
atom.xml
Normal file
28
atom.xml
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
---
|
||||||
|
layout: null
|
||||||
|
---
|
||||||
|
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
|
|
||||||
|
<title>{{ site.title }}</title>
|
||||||
|
<link href="{{ site.url }}/atom.xml" rel="self"/>
|
||||||
|
<link href="{{ site.url }}/"/>
|
||||||
|
<updated>{{ site.time | date_to_xmlschema }}</updated>
|
||||||
|
<id>{{ site.url }}</id>
|
||||||
|
<author>
|
||||||
|
<name>{{ site.author.name }}</name>
|
||||||
|
<email>{{ site.author.email }}</email>
|
||||||
|
</author>
|
||||||
|
|
||||||
|
{% for post in site.posts %}
|
||||||
|
<entry>
|
||||||
|
<title>{{ post.title }}</title>
|
||||||
|
<link href="{{ site.url }}{{ post.url }}"/>
|
||||||
|
<updated>{{ post.date | date_to_xmlschema }}</updated>
|
||||||
|
<id>{{ site.url }}{{ post.id }}</id>
|
||||||
|
<content type="html">{{ post.content | xml_escape }}</content>
|
||||||
|
</entry>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</feed>
|
||||||
35
category.html
Normal file
35
category.html
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: Category Index
|
||||||
|
permalink: /categories/
|
||||||
|
tags: [Categories]
|
||||||
|
description: "An archive of posts sorted by categories."
|
||||||
|
---
|
||||||
|
<ul class="tag-box inline">
|
||||||
|
{% assign tags_list = site.categories %}
|
||||||
|
{% if tags_list.first[0] == null %}
|
||||||
|
{% for tag in tags_list %}
|
||||||
|
<li><a href="#{{ tag }}">{{ tag | capitalize }} <span>{{ site.tags[tag].size }}</span></a></li>
|
||||||
|
{% endfor %}
|
||||||
|
{% else %}
|
||||||
|
{% for tag in tags_list %}
|
||||||
|
<li><a href="#{{ tag[0] }}">{{ tag[0] | capitalize }} <span>{{ tag[1].size }}</span></a></li>
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
{% assign tags_list = nil %}
|
||||||
|
</ul>
|
||||||
|
{% for tag in site.categories %}
|
||||||
|
<h2 id="{{ tag[0] }}">{{ tag[0] | capitalize }}</h2>
|
||||||
|
<ul class="post-list">
|
||||||
|
{% assign pages_list = tag[1] %}
|
||||||
|
{% for post in pages_list %}
|
||||||
|
{% if post.title != null %}
|
||||||
|
{% if group == null or group == post.group %}
|
||||||
|
<li><a href="{{ post.url }}">{{ post.title }}<span class="entry-date"><time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date: "%b %d, %Y" }}</time></a></li>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% assign pages_list = nil %}
|
||||||
|
{% assign group = nil %}
|
||||||
|
</ul>
|
||||||
|
{% endfor %}
|
||||||
60
contact/index.html
Normal file
60
contact/index.html
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
---
|
||||||
|
title: Contact
|
||||||
|
author: ariestiyansyah
|
||||||
|
layout: page
|
||||||
|
description: Contact Naringu, if you need help or business with me
|
||||||
|
category: contact
|
||||||
|
---
|
||||||
|
|
||||||
|
<section class="inner">
|
||||||
|
<h1>Hire me</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<em>
|
||||||
|
Naringu business contact form is here..
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
<!-- Please change the email below with your email to activate the form -->
|
||||||
|
<form action="http://formspree.io/ariestiyansyah.rizky@gmail.com" role="form" method="POST">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">Your name?</label>
|
||||||
|
<input type="text" name="name" class="form-control" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="_replyto">Email address, please?</label>
|
||||||
|
<input type="email" name="_replyto" class="form-control" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="problem">What problem you have?</label>
|
||||||
|
<textarea name="problem" class="form-control" rows="2"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="project">Project Category</label>
|
||||||
|
<select name="project" class="form-control">
|
||||||
|
<option value="">Choose...</option>
|
||||||
|
<option>E-commerce</option>
|
||||||
|
<option>Mobile Application</option>
|
||||||
|
<option>Website/Blog</option>
|
||||||
|
<option>Enterprise Solution</option>
|
||||||
|
<option>Consultation</option>
|
||||||
|
<option>Another project</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="message">How can I help you?</label>
|
||||||
|
<textarea name="body" class="form-control" rows="4" width="100%" required></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<input type="hidden" name="">
|
||||||
|
<input type="submit" class="submit-btn" value="Let's make business">
|
||||||
|
or <a href="mailto:ariestiyansyah.rizky@gmail.com">Drop me an emaill</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
29
feed.category.xml
Normal file
29
feed.category.xml
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
---
|
||||||
|
---
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>{{ site.name | xml_escape }} - Naringu</title>
|
||||||
|
<<<<<<< HEAD
|
||||||
|
<description>Posts categorized as 'naringu'</description>
|
||||||
|
=======
|
||||||
|
<description>Posts categorized as 'Naringu'</description>
|
||||||
|
>>>>>>> master
|
||||||
|
<link>{{ site.url }}</link>
|
||||||
|
<atom:link href="{{ site.url }}feed.category.xml" rel="self" type="application/rss+xml" />
|
||||||
|
{% for post in site.categories.naringu limit:10 %}
|
||||||
|
<item>
|
||||||
|
<title>{{ post.title | xml_escape }}</title>
|
||||||
|
{% if post.excerpt %}
|
||||||
|
<description>{{ post.excerpt | xml_escape }}</description>
|
||||||
|
{% else %}
|
||||||
|
<description>{{ post.content | xml_escape }}</description>
|
||||||
|
{% endif %}
|
||||||
|
<pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
|
||||||
|
<link>{{ site.url }}{{ post.url }}</link>
|
||||||
|
<guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
|
||||||
|
</item>
|
||||||
|
{% endfor %}
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|
||||||
BIN
images/head.jpeg
Normal file
BIN
images/head.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
images/screenshot-1.png
Normal file
BIN
images/screenshot-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
images/screenshot-2.png
Normal file
BIN
images/screenshot-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
images/screenshot-3.png
Normal file
BIN
images/screenshot-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
images/screenshot-4.png
Normal file
BIN
images/screenshot-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
36
index.html
Normal file
36
index.html
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: Home
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
{% for post in paginator.posts %}
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">
|
||||||
|
<a href="{{ post.url }}">
|
||||||
|
{{ post.title }}
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
<span class="post-date">{{ post.date | date_to_string }}</span><br>
|
||||||
|
<p>{{ post.excerpt | strip_html | truncate: 500 }}</p>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
{% if paginator.next_page %}
|
||||||
|
<a class="pagination-item older" href="{{ site.baseurl }}page{{paginator.next_page}}">Older</a>
|
||||||
|
{% else %}
|
||||||
|
<span class="pagination-item older">Older</span>
|
||||||
|
{% endif %}
|
||||||
|
{% if paginator.previous_page %}
|
||||||
|
{% if paginator.page == 2 %}
|
||||||
|
<a class="pagination-item newer" href="{{ site.baseurl }}">Newer</a>
|
||||||
|
{% else %}
|
||||||
|
<a class="pagination-item newer" href="{{ site.baseurl }}page{{paginator.previous_page}}">Newer</a>
|
||||||
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
<span class="pagination-item newer">Newer</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
323
public/css/form.css
Normal file
323
public/css/form.css
Normal file
@ -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;
|
||||||
686
public/css/naringu.css
Normal file
686
public/css/naringu.css
Normal file
@ -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 `<p>`,
|
||||||
|
* 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;
|
||||||
|
}
|
||||||
65
public/css/syntax.css
Normal file
65
public/css/syntax.css
Normal file
@ -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; }
|
||||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Loading…
x
Reference in New Issue
Block a user