garena 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -0
- data/README.md +99 -0
- data/_includes/footer.html +7 -0
- data/_includes/head.html +15 -0
- data/_includes/header.html +23 -0
- data/_includes/navigation.html +8 -0
- data/_includes/sharers.html +23 -0
- data/_includes/twitter.html +14 -0
- data/_layouts/default.html +7 -0
- data/_layouts/front.html +7 -0
- data/_layouts/page.html +9 -0
- data/_layouts/post.html +61 -0
- data/_layouts/root.html +12 -0
- data/_sass/garena.scss +13 -0
- data/_sass/garena/highlight.scss +77 -0
- data/_sass/garena/layout.scss +193 -0
- data/_sass/garena/pages.scss +59 -0
- data/_sass/garena/typography.scss +27 -0
- data/screenshot.png +0 -0
- metadata +23 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ac7ece32137de7ea596e272a2c542d57e4c11aa6
|
|
4
|
+
data.tar.gz: de509f437fc6f3ddf639d2a9ca47790e0f513acc
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e8f07debde91db37318d49287ad8ea478790ff610d8a6ea0d13f4e17e5349f666adfa6c929c0645ed926a206e1622bc9251a45aff38b4b0e70ce89e7e02c3446
|
|
7
|
+
data.tar.gz: ad46febeeee2dfca04f69120ce405a065377ca867c1d55657586805577b259c7a59d65a9d2f22faafa9ae1dbbb2bd08d3ab85437691dc9aeb3aa161c891f89b6
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2016 Dani Rodríguez
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
# garena [](https://badge.fury.io/rb/garena)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
Garena is a lightweight and simple theme for Jekyll. Since it was born as personal theme for my website it's slightly opinionated. However, I've tried to design it to be very personalizable so that you can tweak it as you want.
|
|
6
|
+
|
|
7
|
+
It has been designed using Bootstrap 3 so it fits very well on mobile screens. However, it has been tweaked a little so that it doesn't look like _another_ Bootstrap site.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
Add this line to your Jekyll site's Gemfile:
|
|
12
|
+
|
|
13
|
+
```ruby
|
|
14
|
+
gem "garena"
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
And add this line to your Jekyll site:
|
|
18
|
+
|
|
19
|
+
```yaml
|
|
20
|
+
theme: garena
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
And then execute:
|
|
24
|
+
|
|
25
|
+
$ bundle
|
|
26
|
+
|
|
27
|
+
Or install it yourself as:
|
|
28
|
+
|
|
29
|
+
$ gem install garena
|
|
30
|
+
|
|
31
|
+
## Usage
|
|
32
|
+
|
|
33
|
+
### Layouts
|
|
34
|
+
|
|
35
|
+
I have designed a few layouts for using within your page.
|
|
36
|
+
|
|
37
|
+
* `default`: this is the default generic layout. Provides header and footer.
|
|
38
|
+
* `post`: this layout can be used for writing blog posts.
|
|
39
|
+
* `page`: this layout is used for generic pages such as an About page or a Projects page.
|
|
40
|
+
* `front`: this layout is useful for making front pages because the `.lead` text appears bigger and stronger.
|
|
41
|
+
|
|
42
|
+
There is another layout named `root`, but I don't encourage its use.
|
|
43
|
+
|
|
44
|
+
### _config.yml
|
|
45
|
+
|
|
46
|
+
The following theme features can be customized via your _config.yml file:
|
|
47
|
+
|
|
48
|
+
* Navigation bar: you can link to pages at the navigation bar by setting the paths to those pages. The link name will be extracted from the page itself by looking at the `page.title` parameter. Please note that at the moment this might be buggy on pages that don't have a permalink set.
|
|
49
|
+
|
|
50
|
+
```yaml
|
|
51
|
+
navigation:
|
|
52
|
+
- /
|
|
53
|
+
- /about.html
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
* Sharers: they will be displayed on the left of your blogpost on desktop or above your blogpost on mobile. Clicking these links will share the post on the platform. At the moment the following platforms are supported. You can disable sharing on a platform by removing it from the array.
|
|
57
|
+
|
|
58
|
+
```yaml
|
|
59
|
+
share:
|
|
60
|
+
- twitter
|
|
61
|
+
- facebook
|
|
62
|
+
- linkedin
|
|
63
|
+
- google-plus
|
|
64
|
+
- whatsapp
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
* Author information: this is displayed below every blog post. Still there is no way for disabling it if you don't want. I should fix that.
|
|
68
|
+
|
|
69
|
+
```yaml
|
|
70
|
+
author:
|
|
71
|
+
name: John Doe # your name
|
|
72
|
+
bio: This is an example bio # some text to put below your name
|
|
73
|
+
gravatar: # put your gravatar hash ( = MD5(your e-mail address) )
|
|
74
|
+
twitter: example # your twitter username, will appear in a link
|
|
75
|
+
github: example # your github username, will appear in a link
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
* Footer: you can set the text that will appear on the bottom. At the moment this accepts HTML.
|
|
79
|
+
|
|
80
|
+
```yaml
|
|
81
|
+
footer: 'Powered by Jekyll'
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
## Contributing
|
|
85
|
+
|
|
86
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/danirod/garena. Please, send issues on bugs you might encounter or features you would like to have added. Also, if you have an idea and want to contribute, fork the project, add your patches, and send a PR. They will be welcome here.
|
|
87
|
+
|
|
88
|
+
## Development
|
|
89
|
+
|
|
90
|
+
To set up your environment to develop this theme, run `bundle install`.
|
|
91
|
+
|
|
92
|
+
You theme is setup just like a normal Jelyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
|
93
|
+
|
|
94
|
+
When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
|
|
95
|
+
|
|
96
|
+
## License
|
|
97
|
+
|
|
98
|
+
The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
|
99
|
+
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<meta charset="utf-8" />
|
|
2
|
+
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
3
|
+
|
|
4
|
+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
|
|
5
|
+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
|
|
6
|
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
7
|
+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
8
|
+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
|
|
9
|
+
<link rel="stylesheet" href="{{ site.basepath }}/css/main.css" />
|
|
10
|
+
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
|
|
11
|
+
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.url }}/feed.xml" />
|
|
12
|
+
|
|
13
|
+
<title>{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
|
|
14
|
+
|
|
15
|
+
{% include twitter.html %}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<header class="masthead">
|
|
2
|
+
|
|
3
|
+
<nav class="navbar">
|
|
4
|
+
<div class="container main-container">
|
|
5
|
+
<div class="navbar-header">
|
|
6
|
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#danirod-navbar" aria-expanded="false">
|
|
7
|
+
<span class="sr-only">Toggle navigation</span>
|
|
8
|
+
<span class="icon-bar"></span>
|
|
9
|
+
<span class="icon-bar"></span>
|
|
10
|
+
<span class="icon-bar"></span>
|
|
11
|
+
</button>
|
|
12
|
+
<a class="navbar-brand" href="{{ '/' | prepend: site.basepath }}">{{ site.title }}</a>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<div class="collapse navbar-collapse" id="danirod-navbar">
|
|
16
|
+
<ul class="nav navbar-nav navbar-right">
|
|
17
|
+
{% include navigation.html %}
|
|
18
|
+
</ul>
|
|
19
|
+
</div><!-- /.navbar-collapse -->
|
|
20
|
+
</div><!-- /.container-fluid -->
|
|
21
|
+
</nav>
|
|
22
|
+
|
|
23
|
+
</header>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{% for share in site.share %}
|
|
2
|
+
|
|
3
|
+
{% if share == 'twitter' %}
|
|
4
|
+
<a class="twitter-share" title="Share this URL at Twitter" href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.author.twitter }}" target="_blank"><i class="fa fa-twitter"></i> <span class="sr-only">Tweet this</span></a>
|
|
5
|
+
{% endif %}
|
|
6
|
+
|
|
7
|
+
{% if share == 'facebook' %}
|
|
8
|
+
<a class="facebook-share" title="Share this URL at Facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" target="_blank"><i class="fa fa-facebook"></i> <span class="sr-only">Share to Facebook</span></a>
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
11
|
+
{% if share == 'google-plus' %}
|
|
12
|
+
<a class="plus-share" title="Share this URL at Google+" href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" target="_blank"><i class="fa fa-google-plus"></i> <span class="sr-only">Share to Google+</span></a>
|
|
13
|
+
{% endif %}
|
|
14
|
+
|
|
15
|
+
{% if share == 'linkedin' %}
|
|
16
|
+
<a class="linkedin-share" title="Share this URL at LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}&title={{ page.title }}" target="_blank"><i class="fa fa-linkedin"></i> <span class="sr-only">Send to LinkedIn</span></a>
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
{% if share == 'whatsapp' %}
|
|
20
|
+
<a class="whatsapp-share visible-xs-inline-block" title="Send this URL to WhatsApp" href="whatsapp://send?text={{ page.title }}: {{ site.url }}{{ page.url }}"><i class="fa fa-whatsapp"></i> <span class="sr-only">Send via WhatsApp</span></a>
|
|
21
|
+
{% endif %}
|
|
22
|
+
|
|
23
|
+
{% endfor %}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<meta name="twitter:card" content="summary">
|
|
2
|
+
<meta name="twitter:site" content="@{{ site.author.twitter }}">
|
|
3
|
+
<meta name="twitter:creator" content="@{{ site.author.twitter }}">
|
|
4
|
+
{% if page.title %}
|
|
5
|
+
<meta name="twitter:title" content="{{ page.title }} - {{ site.title }}">
|
|
6
|
+
{% else %}
|
|
7
|
+
<meta name="twitter:title" content="{{ site.title }}">
|
|
8
|
+
{% endif %}
|
|
9
|
+
|
|
10
|
+
{% if page.excerpt %}
|
|
11
|
+
<meta name="twitter:description" content="{{ page.excerpt | strip_html | truncate: 150 }}">
|
|
12
|
+
{% else %}
|
|
13
|
+
<meta name="twitter:description" content="{{ site.description }}">
|
|
14
|
+
{% endif %}
|
data/_layouts/front.html
ADDED
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: root
|
|
3
|
+
---
|
|
4
|
+
<div class="container main-container">
|
|
5
|
+
<article class="blog-post row">
|
|
6
|
+
<header>
|
|
7
|
+
<div class="title col-sm-12">
|
|
8
|
+
<h2>{{ page.title }}</h2>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="post-meta col-sm-3">
|
|
11
|
+
<p class="date"><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date_to_string }}</time></p>
|
|
12
|
+
<p>Category: {{ page.category }}</p>
|
|
13
|
+
<p class="social-share">
|
|
14
|
+
{% include sharers.html %}
|
|
15
|
+
</p>
|
|
16
|
+
</div>
|
|
17
|
+
</header>
|
|
18
|
+
<div class="col-sm-9 post-content">
|
|
19
|
+
{{ content }}
|
|
20
|
+
|
|
21
|
+
<p class="home"><a href="{{ '/' | prepend: site.basepath }}">↩ Back home</a></p>
|
|
22
|
+
</div>
|
|
23
|
+
</article>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<div class="author-container">
|
|
27
|
+
<aside class="about-author container main-container">
|
|
28
|
+
<h3>About the author</h3>
|
|
29
|
+
<div class="row">
|
|
30
|
+
<div class="col-xs-2">
|
|
31
|
+
{% if site.author.gravatar %}
|
|
32
|
+
<img alt="Author photo" class="img-responsive img-thumbnail" src="//www.gravatar.com/avatar/{{ site.author.gravatar }}?s=200" class="author-photo">
|
|
33
|
+
{% endif %}
|
|
34
|
+
</div>
|
|
35
|
+
<div class="col-xs-10">
|
|
36
|
+
<p class="lead">{{ site.author.name }}</p>
|
|
37
|
+
<p>{{ site.author.bio }}</p>
|
|
38
|
+
|
|
39
|
+
<ul class="list-unstyled">
|
|
40
|
+
{% if site.author.twitter %}
|
|
41
|
+
<li>
|
|
42
|
+
<a href="https://twitter.com/{{ site.author.twitter }}" title="Go to my profile on Twitter">
|
|
43
|
+
<i class="fa fa-twitter"></i> @{{ site.author.twitter }} on Twitter
|
|
44
|
+
</a>
|
|
45
|
+
</li>
|
|
46
|
+
{% endif %}
|
|
47
|
+
|
|
48
|
+
{% if site.author.github %}
|
|
49
|
+
<li>
|
|
50
|
+
<a href="https://github.com/{{ site.author.github }}" title="Go to my profile on GitHub">
|
|
51
|
+
<i class="fa fa-github"></i> /{{ site.author.github }} on GitHub
|
|
52
|
+
</a>
|
|
53
|
+
</li>
|
|
54
|
+
{% endif %}
|
|
55
|
+
|
|
56
|
+
<li><a href="{{ '/' | prepend: site.basepath }}">Explore the rest of this site »</a></li>
|
|
57
|
+
</ul>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
</aside>
|
|
61
|
+
</div>
|
data/_layouts/root.html
ADDED
data/_sass/garena.scss
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// These settings tweak how the style is displayed.
|
|
2
|
+
$accent_color: #335980;
|
|
3
|
+
$masthead_color: desaturate(lighten($accent_color, 50%), 25%);
|
|
4
|
+
$link_color: lighten(saturate($accent_color, 30%), 5%);
|
|
5
|
+
$font-family: -apple-system, BlinkMacSystemFont, DejaVu Sans, Roboto, Helvetica, Arial, sans-serif;
|
|
6
|
+
$font-size: 16px;
|
|
7
|
+
$title-font-family: Montserrat, $font-family;
|
|
8
|
+
|
|
9
|
+
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
|
|
10
|
+
@import "garena/layout";
|
|
11
|
+
@import "garena/typography";
|
|
12
|
+
@import "garena/highlight";
|
|
13
|
+
@import "garena/pages";
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Highlights SCSS File.
|
|
3
|
+
* Theme: Tango
|
|
4
|
+
* Sauce: https://github.com/richleland/pygments-css/blob/master/tango.css
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
.highlight {
|
|
8
|
+
.hll { background-color: #ffffcc }
|
|
9
|
+
.c { color: #8f5902; font-style: italic } /* Comment */
|
|
10
|
+
.err { color: #a40000; border: 1px solid #ef2929 } /* Error */
|
|
11
|
+
.g { color: #000000 } /* Generic */
|
|
12
|
+
.k { color: #204a87; font-weight: bold } /* Keyword */
|
|
13
|
+
.l { color: #000000 } /* Literal */
|
|
14
|
+
.n { color: #000000 } /* Name */
|
|
15
|
+
.o { color: #ce5c00; font-weight: bold } /* Operator */
|
|
16
|
+
.x { color: #000000 } /* Other */
|
|
17
|
+
.p { color: #000000; font-weight: bold } /* Punctuation */
|
|
18
|
+
.cm { color: #8f5902; font-style: italic } /* Comment.Multiline */
|
|
19
|
+
.cp { color: #8f5902; font-style: italic } /* Comment.Preproc */
|
|
20
|
+
.c1 { color: #8f5902; font-style: italic } /* Comment.Single */
|
|
21
|
+
.cs { color: #8f5902; font-style: italic } /* Comment.Special */
|
|
22
|
+
.gd { color: #a40000 } /* Generic.Deleted */
|
|
23
|
+
.ge { color: #000000; font-style: italic } /* Generic.Emph */
|
|
24
|
+
.gr { color: #ef2929 } /* Generic.Error */
|
|
25
|
+
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
|
|
26
|
+
.gi { color: #00A000 } /* Generic.Inserted */
|
|
27
|
+
.go { color: #000000; font-style: italic } /* Generic.Output */
|
|
28
|
+
.gp { color: #8f5902 } /* Generic.Prompt */
|
|
29
|
+
.gs { color: #000000; font-weight: bold } /* Generic.Strong */
|
|
30
|
+
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
|
31
|
+
.gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
|
|
32
|
+
.kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
|
|
33
|
+
.kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */
|
|
34
|
+
.kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */
|
|
35
|
+
.kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */
|
|
36
|
+
.kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */
|
|
37
|
+
.kt { color: #204a87; font-weight: bold } /* Keyword.Type */
|
|
38
|
+
.ld { color: #000000 } /* Literal.Date */
|
|
39
|
+
.m { color: #0000cf; font-weight: bold } /* Literal.Number */
|
|
40
|
+
.s { color: #4e9a06 } /* Literal.String */
|
|
41
|
+
.na { color: #c4a000 } /* Name.Attribute */
|
|
42
|
+
.nb { color: #204a87 } /* Name.Builtin */
|
|
43
|
+
.nc { color: #000000 } /* Name.Class */
|
|
44
|
+
.no { color: #000000 } /* Name.Constant */
|
|
45
|
+
.nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
|
|
46
|
+
.ni { color: #ce5c00 } /* Name.Entity */
|
|
47
|
+
.ne { color: #cc0000; font-weight: bold } /* Name.Exception */
|
|
48
|
+
.nf { color: #000000 } /* Name.Function */
|
|
49
|
+
.nl { color: #f57900 } /* Name.Label */
|
|
50
|
+
.nn { color: #000000 } /* Name.Namespace */
|
|
51
|
+
.nx { color: #000000 } /* Name.Other */
|
|
52
|
+
.py { color: #000000 } /* Name.Property */
|
|
53
|
+
.nt { color: #204a87; font-weight: bold } /* Name.Tag */
|
|
54
|
+
.nv { color: #000000 } /* Name.Variable */
|
|
55
|
+
.ow { color: #204a87; font-weight: bold } /* Operator.Word */
|
|
56
|
+
.w { color: #f8f8f8; text-decoration: underline } /* Text.Whitespace */
|
|
57
|
+
.mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */
|
|
58
|
+
.mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */
|
|
59
|
+
.mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */
|
|
60
|
+
.mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */
|
|
61
|
+
.sb { color: #4e9a06 } /* Literal.String.Backtick */
|
|
62
|
+
.sc { color: #4e9a06 } /* Literal.String.Char */
|
|
63
|
+
.sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */
|
|
64
|
+
.s2 { color: #4e9a06 } /* Literal.String.Double */
|
|
65
|
+
.se { color: #4e9a06 } /* Literal.String.Escape */
|
|
66
|
+
.sh { color: #4e9a06 } /* Literal.String.Heredoc */
|
|
67
|
+
.si { color: #4e9a06 } /* Literal.String.Interpol */
|
|
68
|
+
.sx { color: #4e9a06 } /* Literal.String.Other */
|
|
69
|
+
.sr { color: #4e9a06 } /* Literal.String.Regex */
|
|
70
|
+
.s1 { color: #4e9a06 } /* Literal.String.Single */
|
|
71
|
+
.ss { color: #4e9a06 } /* Literal.String.Symbol */
|
|
72
|
+
.bp { color: #3465a4 } /* Name.Builtin.Pseudo */
|
|
73
|
+
.vc { color: #000000 } /* Name.Variable.Class */
|
|
74
|
+
.vg { color: #000000 } /* Name.Variable.Global */
|
|
75
|
+
.vi { color: #000000 } /* Name.Variable.Instance */
|
|
76
|
+
.il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */
|
|
77
|
+
}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
/* This is the layout CSS file. */
|
|
2
|
+
|
|
3
|
+
html, body {
|
|
4
|
+
height: 100%;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
code {
|
|
8
|
+
background-color: $masthead_color;
|
|
9
|
+
color: $link_color;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.main-container {
|
|
13
|
+
@media (min-width: 768px) {
|
|
14
|
+
width: 750px;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.author-container, .author-container + .mastfoot {
|
|
19
|
+
background: #f0f0f0;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.author-container {
|
|
23
|
+
border-top: 1px solid #d8d8d8;
|
|
24
|
+
h3 {
|
|
25
|
+
font-family: $font-family !important;
|
|
26
|
+
font-weight: normal;
|
|
27
|
+
font-size: 22px;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.row {
|
|
32
|
+
margin-top: 1em;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.masthead {
|
|
37
|
+
background: $masthead_color;
|
|
38
|
+
border-bottom: 1px solid darken($masthead_color, 10);
|
|
39
|
+
|
|
40
|
+
.navbar-collapse {
|
|
41
|
+
padding-right: 0;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.navbar-toggle {
|
|
45
|
+
margin-top: 23px;
|
|
46
|
+
margin-bottom: 23px;
|
|
47
|
+
.icon-bar { background: $link_color; }
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
a:hover {
|
|
51
|
+
background: transparent !important;
|
|
52
|
+
color: lighten($link_color, 30%);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.navbar-brand, .navbar-nav a {
|
|
56
|
+
height: 80px;
|
|
57
|
+
line-height: 80px;
|
|
58
|
+
padding-top: 0;
|
|
59
|
+
padding-bottom: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@media screen and (max-width: 767px) {
|
|
63
|
+
.navbar-collapse a {
|
|
64
|
+
height: auto;
|
|
65
|
+
line-height: 100%;
|
|
66
|
+
padding-top: 10px;
|
|
67
|
+
padding-bottom: 10px;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.navbar-brand {
|
|
72
|
+
font-family: $title-font-family;
|
|
73
|
+
font-size: 30px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.navbar {
|
|
77
|
+
margin-bottom: 0;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.mastfoot {
|
|
82
|
+
text-align: center;
|
|
83
|
+
font-size: 0.9em;
|
|
84
|
+
color: #808080;
|
|
85
|
+
padding-top: 3em;
|
|
86
|
+
padding-bottom: 1.5em;
|
|
87
|
+
font-weight: lighter;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.blog-post {
|
|
91
|
+
header h2 {
|
|
92
|
+
@media (min-width: 768px) {
|
|
93
|
+
margin-top: 1em;
|
|
94
|
+
margin-bottom: 1em;
|
|
95
|
+
}
|
|
96
|
+
@media (max-width: 767px) {
|
|
97
|
+
margin-top: 0.5em;
|
|
98
|
+
margin-bottom: 0.5em;
|
|
99
|
+
text-align: center;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
.post-meta {
|
|
103
|
+
@media (min-width: 768px) {
|
|
104
|
+
color: #606060;
|
|
105
|
+
font-size: 90%;
|
|
106
|
+
}
|
|
107
|
+
@media (max-width: 767px) {
|
|
108
|
+
text-align: center;
|
|
109
|
+
margin-bottom: 2em;
|
|
110
|
+
p {
|
|
111
|
+
display: inline;
|
|
112
|
+
&::before {
|
|
113
|
+
color: #606060;
|
|
114
|
+
content: ' | ';
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
p:first-child {
|
|
118
|
+
&::before {
|
|
119
|
+
content: '';
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.footnotes {
|
|
127
|
+
margin-top: 2em;
|
|
128
|
+
border-top: 1px solid #e0e0e0;
|
|
129
|
+
&::before {
|
|
130
|
+
content: 'Footnotes:';
|
|
131
|
+
font-size: 20px;
|
|
132
|
+
line-height: 40px;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.home {
|
|
137
|
+
margin-top: 30px;
|
|
138
|
+
margin-bottom: 40px;
|
|
139
|
+
font-weight: bold;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.xml-button {
|
|
143
|
+
font-family: $font-family;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.social-share {
|
|
147
|
+
margin-top: 10px;
|
|
148
|
+
display: block !important;
|
|
149
|
+
&:before { content: none !important; }
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.social-share a {
|
|
153
|
+
width: 32px;
|
|
154
|
+
height: 32px;
|
|
155
|
+
line-height: 32px;
|
|
156
|
+
font-size: 21px;
|
|
157
|
+
display: inline-block;
|
|
158
|
+
margin-right: 1px;
|
|
159
|
+
text-align: center;
|
|
160
|
+
border-radius: 2px;
|
|
161
|
+
border: 1px solid rgba(black, 0.25);
|
|
162
|
+
background-image: linear-gradient(rgba(white, 0.25), rgba(white, 0));
|
|
163
|
+
|
|
164
|
+
@media screen and (min-width: 768px) {
|
|
165
|
+
width: 24px;
|
|
166
|
+
height: 24px;
|
|
167
|
+
line-height: 24px;
|
|
168
|
+
font-size: 16px;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
&:hover { text-decoration: none; }
|
|
172
|
+
|
|
173
|
+
&.twitter-share {
|
|
174
|
+
background-color: #1DA1F2;
|
|
175
|
+
color: white;
|
|
176
|
+
}
|
|
177
|
+
&.facebook-share {
|
|
178
|
+
background-color: #3B5998;
|
|
179
|
+
color: white;
|
|
180
|
+
}
|
|
181
|
+
&.plus-share {
|
|
182
|
+
background-color: #d34836;
|
|
183
|
+
color: white;
|
|
184
|
+
}
|
|
185
|
+
&.linkedin-share {
|
|
186
|
+
background-color: #0077b5;
|
|
187
|
+
color: white;
|
|
188
|
+
}
|
|
189
|
+
&.whatsapp-share {
|
|
190
|
+
background-color: #25D366;
|
|
191
|
+
color: white;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
// Layouts for particular pages
|
|
2
|
+
|
|
3
|
+
.front-page {
|
|
4
|
+
// Used by the front page.
|
|
5
|
+
.avatar {
|
|
6
|
+
border-radius: 15px;
|
|
7
|
+
margin-top: 1em;
|
|
8
|
+
width: 150px;
|
|
9
|
+
height: 150px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.about {
|
|
13
|
+
margin-top: 1em;
|
|
14
|
+
margin-bottom: 1em;
|
|
15
|
+
font-family: $title-font-family;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.social-links {
|
|
19
|
+
font-size: 1.5em;
|
|
20
|
+
@media screen and (min-width: 768px) {
|
|
21
|
+
font-size: 2em;
|
|
22
|
+
}
|
|
23
|
+
text-align: center;
|
|
24
|
+
padding-left: 0;
|
|
25
|
+
list-style: none;
|
|
26
|
+
|
|
27
|
+
li {
|
|
28
|
+
display: inline-block;
|
|
29
|
+
margin-left: 5px;
|
|
30
|
+
margin-right: 5px;
|
|
31
|
+
|
|
32
|
+
a {
|
|
33
|
+
color: lighten($link_color, 5%);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
a:hover {
|
|
37
|
+
background: none;
|
|
38
|
+
color: lighten($link_color, 25%);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.archive-page {
|
|
45
|
+
// Used by the Archives page.
|
|
46
|
+
|
|
47
|
+
ul {
|
|
48
|
+
list-style: none;
|
|
49
|
+
padding-left: 0;
|
|
50
|
+
}
|
|
51
|
+
li {
|
|
52
|
+
margin-top: 5px;
|
|
53
|
+
margin-bottom: 5px;
|
|
54
|
+
}
|
|
55
|
+
h3 {
|
|
56
|
+
font-size: 24px;
|
|
57
|
+
margin-top: 1.25em;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
body {
|
|
2
|
+
font-family: $font-family;
|
|
3
|
+
font-size: $font-size;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
h1, h2, h3 {
|
|
7
|
+
font-family: $title-font-family;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
a {
|
|
11
|
+
color: $link-color;
|
|
12
|
+
&:hover {
|
|
13
|
+
text-decoration: underline;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.blog-post, .page-item {
|
|
18
|
+
header h2 { font-size: 34px; }
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.page-item header h2 {
|
|
22
|
+
text-align: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.blog-post, .page-item {
|
|
26
|
+
line-height: 150%;
|
|
27
|
+
}
|
data/screenshot.png
ADDED
|
Binary file
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: garena
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Dani Rodríguez
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-08-
|
|
11
|
+
date: 2016-08-31 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -52,13 +52,32 @@ dependencies:
|
|
|
52
52
|
- - "~>"
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: '10.0'
|
|
55
|
-
description:
|
|
55
|
+
description: Garena is a lightweight and simple theme for Jekyll.
|
|
56
56
|
email:
|
|
57
57
|
- danirod@outlook.com
|
|
58
58
|
executables: []
|
|
59
59
|
extensions: []
|
|
60
60
|
extra_rdoc_files: []
|
|
61
|
-
files:
|
|
61
|
+
files:
|
|
62
|
+
- LICENSE.txt
|
|
63
|
+
- README.md
|
|
64
|
+
- _includes/footer.html
|
|
65
|
+
- _includes/head.html
|
|
66
|
+
- _includes/header.html
|
|
67
|
+
- _includes/navigation.html
|
|
68
|
+
- _includes/sharers.html
|
|
69
|
+
- _includes/twitter.html
|
|
70
|
+
- _layouts/default.html
|
|
71
|
+
- _layouts/front.html
|
|
72
|
+
- _layouts/page.html
|
|
73
|
+
- _layouts/post.html
|
|
74
|
+
- _layouts/root.html
|
|
75
|
+
- _sass/garena.scss
|
|
76
|
+
- _sass/garena/highlight.scss
|
|
77
|
+
- _sass/garena/layout.scss
|
|
78
|
+
- _sass/garena/pages.scss
|
|
79
|
+
- _sass/garena/typography.scss
|
|
80
|
+
- screenshot.png
|
|
62
81
|
homepage: https://github.com/danirod/garena
|
|
63
82
|
licenses:
|
|
64
83
|
- MIT
|