jekyll-theme-wallpaper-home 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 92ff39371e86c0f47f6c92764c825e2786967c18
+  data.tar.gz: 68dfb30de50ff9233fc545fdf823d29669c5f4dd
+SHA512:
+  metadata.gz: 9d23eeb4ff06b929a2d958b0f5003f7af712daadd5e01f75ad04f072be27d6e3452eba235815c5e706fff99ae5b1ac1fa5a378a3916acfc90ebd19cd2d3d918a
+  data.tar.gz: c5658f316cfaca8c02ffa6549be8060c2d87f2f4970e2299f3a1b0183f3865ed87d7f113121c3be1c547a7f58c82d51cc050e16581b74346cc8a6903ccd276f9

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Rodrigo M. Vega
+
+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.

data/README.md

@@ -0,0 +1,177 @@
+[![Generic
+badge](https://img.shields.io/badge/version-0.1-green.svg)](https://shields.io/)
+
+# The Wallpaper Home Jekyll Theme
+
+A simple theme for building a personal site with Jekyll. The home
+page uses light text over a picture of your choice. The rest of the pages are
+arranged within a light or a dark background. Besides the home page, the theme
+includes a layout for a blog and a portfolio.
+[Demo](https://rmvegasm.github.io/jekyll-theme-wallpaper-home).
+
+![screenshot](screenshot.png)
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-wallpaper-home"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-wallpaper-home
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-theme-wallpaper-home
+
+## Usage
+
+### The `_config.yml` file
+
+#### Site configuration
+
+- `url:` the full address to your site.
+
+- `baseurl:` the subpath where your site is hosted, if it differs from the root of the
+  domain. Both of these values are used in filters to render appropriate link
+  url's throughout the site. Check the [Jekyll
+  docs](https://jekyllrb.com/docs/liquid/filters/) for more details.
+
+- `title:` your site's title. This will be used to inform search engines, but also for
+  the site's *brand* element in the navbar.
+
+- `author:` the site's author. Will also be the default author for posts when there is no
+  other value within the frontmatter.
+
+- `logo:` the relative path to the site's logo.
+
+- `background-img:` the relative path to the image to be used as wallpaper.
+
+- `overlay-top:, overlay-bottom:` the wallpaper image is overlaid by a black,
+  semi transparent layer to improve readability. These two values control the
+  opacity at the top and bottom.
+
+- `intro-width:` the width of the intro message displayed in the home page. You can adjust this
+  to accomodate the length of your text.
+  
+- `link-color:` the color to use for links, in hexadecimal notation. Use it to select a color
+  that plays well with your wallpaper image. This will be the color of every
+  link in the page, including social icons in the footer.
+  
+- `dark:` boolean, if true the the site is rendered with light text over a dark
+  background. This option also affects the syntax schema used, unless you
+  provide one explicitly via the `syntax-theme:` option.
+ 
+- `math:` boolean, set to `true` if you plan to use math. You can also set it in the
+  frontmatter if you need math for only some pages rather than site--wide.
+
+#### Google fonts
+
+- `google-fonts:` optional, set your favorite google fonts. You can specify up to three
+  different fonts for regular text, headings and code. Provide the string as
+  expected by google fonts, as in `"Source+Code+Pro:300"`.
+
+#### Footer links
+
+- `social:` provide your username to get a social--media link in the footer, with the
+  following exceptions:
+  - `mail:` your full e--mail address
+  - `rss:` boolean, if `true` generate rss feed
+  - `linkedin`: provide the **full url**
+  - `researchgate`: provide the **full url**
+  - `stack_exchange`: provide the **full url**
+
+#### Footer text
+
+- `footer-text:` the text in the footer. HTML markup is needed here.
+
+#### Build settings
+
+Most of this section should not be touched, specially if your target is
+github--pages. `syntax-theme:` allows you to use a costum syntax highlighting
+scheme, see this [blog
+post](https://rmvegasm.github.io/jekyll-theme-wallpaper-home/posts.html) for
+details.
+
+#### Pagination
+
+Currently not working...
+
+#### Portfolio
+
+Don't touch.
+
+### Layouts
+
+- **default:** Includes the head and tail, content in between. This loads the stylesheets and
+  scripts for other layouts.
+
+- **home:** renders the content as centered text. Also includes the header with the navbar
+  and the footer with social icons and footer--text.
+
+- **page:** includes the header, and renders the page title and optional subtitle in a
+  transparent container, overlaying the background image. Content and footer
+  are rendered whithin a dark or a light box, depending on the value of
+  `site.dark`.
+
+- **post:** similar to the page layout, but title, optional subtitle, date and tags are used to
+  build a frontmatter within the same box. Date can be omitted by including
+  `no-date: true` in the yaml frontmatter.
+
+- **blog:** uses the page layout, and lists the files in `_posts` as blog entries. The
+  looping and structure of each entry is done by `_includes/blog.html`.
+
+- **portfolio:** similar to the blog layout, but arranges the files in `_portfolio` as a grid.
+  These files are expected to include an `img:` value within the frontmatter.
+  Looping and structure is done by `_includes/portfolio.html`.
+
+### Includes
+
+- **head:** the `<head>` element, and the opening `<body>`.
+
+- **header:** builds the navbar and the titlematter for page layouts.
+
+- **resolve-dark:** this snippet searches for the value of `dark` within the
+  site and page metadata, and assigns a variable `dark` accordingly. Is called
+  by `_includes/footer.html`, `_includes/tags.html` and `_layouts/page.html`.
+
+- **footer:** generates the icons and links for every value in `site.social`, appends the
+  footer--text.
+
+- **icons:** loops through `site.social` and if there is a value for any item, builds a
+  link on the corresponding icon. Is called by `_includes/footer.html`.
+
+- **tags:** loops through a page's tags and builds a *pill* for each of them. Is called by
+  `_includes/blog.html` and `_includes/portfolio.html`.
+
+- **blog:** loops through the files in `_posts/` and builds a bootstrap "jumbotron" for
+  each one. Is called by `_layouts/blog.html`.
+
+- **portfolio:** loops through the files in `_portfolio/` and builds a boostrap "card" for each
+  one. Is called by `_layouts/portfolio.html`.
+
+- **tail:** includes the bootstrap scripts and the closing `</body>` and `</html>` tags.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at
+[rmvegasm/jekyll-theme-wallpaper-home](https://github.com/rmvegasm/jekyll-theme-wallpaper-home).
+This project is intended to be a safe, welcoming space for collaboration, and
+contributors are expected to adhere to the [Contributor
+Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The theme is available as open source under the terms of the [MIT
+License](https://opensource.org/licenses/MIT).
+

data/_includes/blog.html

@@ -0,0 +1,20 @@
+<!-- _includes/blog.html -->
+
+{% for post in site.posts %}
+
+<!-- make a jumbotron with title date and exerpt -->
+
+<div class="jumbotron position-relative bg-transparent shadow rounded">
+  <h1>{{ post.title }}</h1>
+  <h2 class="lead text-muted">{{ post.date | date_to_string }}</h2>
+  {% include tags.html %}
+  <hr class="my-2">
+  <p>{{ post.excerpt }}</p>
+  <a href="{{ post.url | absolute_url }}" class="btn btn-block stretched-link">
+    <span class="fas fa-plus"></span>
+  </a>
+</div>
+
+{% endfor %}
+
+<!-- _includes/blog.html EOF-->

data/_includes/footer.html

@@ -0,0 +1,18 @@
+<!-- _includes/footer.html -->
+
+{% include resolve-dark.liquid %}
+<footer class="text-center 
+  {% unless page.layout == 'home' %}
+    {% if dark %} bg-dark 
+    {% else %} bg-light text-dark
+    {% endif %}
+  {% endunless %}">
+  <div id="icons" class="d-flex flex-wrap justify-content-around pt-4">
+    {% include icons.html %}
+  </div>
+  <div class="small p-4">
+    <p>{{ site.footer-text }}</p>
+  </div>
+</footer>
+
+<!-- _includes/footer.html EOF-->

data/_includes/head.html

@@ -0,0 +1,67 @@
+<!-- _includes/head.html -->
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="{{ site.description }}">
+    <meta name="author" content="{{ site.author }}">
+    <meta name="generator" content="Jekyll v3.8.5">
+    <title>{{ site.title }}</title>
+
+    <!-- Bootstrap core CSS -->
+    
+    <link rel="stylesheet"
+    href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+    crossorigin="anonymous">
+
+    <!-- Fontawesome -->
+    
+    <link rel="stylesheet"
+    href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
+    integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
+    crossorigin="anonymous">
+   
+     <!-- MathJax -->
+
+    {% if site.math or page.math %}
+    <script 
+    src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML'
+    async></script>
+    {% endif %}
+
+    <!-- Google Fonts -->
+    
+    {% if site.google-fonts %}
+      {% assign gf = site.google-fonts %}
+      {%- capture which -%}
+        {%- for font in gf -%}
+          {%- if font -%}|{{ font.last }}{%- endif -%}
+        {%- endfor -%}
+      {%- endcapture -%}
+      {%- assign request = which | remove_first: "|" -%}
+    <link href="https://fonts.googleapis.com/css?family={{ request }}"
+    rel="stylesheet">
+    {% endif %}
+
+    <!-- Custom styles for this template -->
+    
+    {% include resolve-dark.liquid %}
+    {% if site.syntax-theme %}
+      {% assign theme = site.syntax-theme %}
+    {% elsif dark %}
+      {% assign theme = "assets/css/gruvbox.css" %}
+    {% else %}
+      {% assign theme = "assets/css/gruvbox-light.css" %}
+    {% endif %}
+    <link href="{{ theme | absolute_url }}" rel="stylesheet">
+    <link href="{{ 'assets/css/wallpaper-home.css' | absolute_url }}" rel="stylesheet">
+  
+  </head>
+  
+  <body>
+    <div class="container d-flex flex-column justify-content-between h-100 p-3 text-light">
+
+<!-- _includes/head.html EOF-->

data/_includes/header.html

@@ -0,0 +1,36 @@
+<!-- _includes/header.html -->
+
+<header>
+  <nav class="navbar navbar-dark navbar-expand-md">
+    <a class="navbar-brand" href={{ site.url | append: site.baseurl }}>
+      <img src={{ site.logo | absolute_url }} alt="logo" width="43px">
+      <h2 class="navbar-text lead text-white p-2">{{ site.title }}</h2>
+    </a>
+    <button class="navbar-toggler border-0" type="button" data-toggle="collapse"
+      data-target="#thenavmenu">
+      <span class="fas fa-lg fa-bars"></span>
+    </button>
+    
+    <div class="collapse navbar-collapse flex-row-reverse" id="thenavmenu">
+      <ul class="navbar-nav text-right">
+        {% for item in site.pages %}
+          {% if item.title and item.hide != true %}
+        <li class="nav-item {% if page.url == item.url %} active {% endif %}">
+          <a class="nav-link" href={{ item.url | absolute_url }}>{{ item.title }}</a>
+        </li>
+          {% endif %}
+        {% endfor %}
+      </ul>
+    </div>
+  </nav>
+  {% if page.layout == "page" or page.layout == "blog" %}
+  <div class="jumbotron bg-transparent text-center">
+    <h1 class="display-3 p-3">{{ page.title }}</h1>
+    {% if page.subtitle %}
+    <h2 class="lead">{{ page.subtitle }}</h2>
+    {% endif %}
+  </div>
+  {% endif %}
+</header>
+    
+<!-- _includes/header.html EOF-->

data/_includes/icons.html

@@ -0,0 +1,135 @@
+<!-- _includes/icons.html -->
+
+{% if site.social.mail %}
+  <a href="mailto:{{ site.social.mail }}">
+    <span class="fas fa-2x fa-envelope"></span>
+  </a>
+{% endif %}
+
+{% if site.social.twitter %}
+  <a href="https://twitter.com/{{ site.social.twitter }}">
+    <span class="fab fa-2x fa-twitter "></span>
+  </a>
+{% endif %}
+
+{% if site.social.rss %} 
+  <a href="{{ 'feed.xml' | absolute_url }}">
+    <span class="fas fa-2x fa-rss"></span>
+  </a>
+{% endif %}
+
+{% if site.social.behance %}
+  <a href="https://www.behance.net/{{ site.social.behance }}">
+    <span class="fab fa-2x fa-behance-square"></span>
+  </a>
+{% endif %}
+
+{% if site.social.bitbucket %}
+  <a href="https://bitbucket.org/{{ site.social.bitbucket }}">
+    <span class="fab fa-2x fa-bitbucket"></span>
+  </a>
+{% endif %}
+
+{% if site.social.dribbble %}
+  <a href="https://dribble.com/{{ site.social.dribbble }}">
+    <span class="fab fa-2x fa-dribble"></span>
+  </a>
+{% endif %}
+
+{% if site.social.facebook %}
+  <a href="https://www.facebook.com/{{ site.social.facebook }}">
+    <span class="fab fa-2x fa-facebook"></span>
+  </a>
+{% endif %}
+
+{% if site.social.flickr %}
+  <a href="https://www.flickr.com/photos/{{ site.social.flickr }}">
+    <span class="fab fa-2x fa-flickr"></span>
+  </a>
+{% endif %}
+
+{% if site.social.gitlab %}
+  <a href="https://gitlab.com/{{ site.social.gitlab }}">
+    <span class="fab fa-2x fa-gitlab"></span>
+  </a>
+{% endif %}
+
+{% if site.social.github %}
+  <a href="https://github.com/{{ site.social.github }}">
+    <span class="fab fa-2x fa-github"></span>
+  </a>
+{% endif %}
+
+{% if site.social.instagram %}
+  <a href="http://instagram.com/{{ site.social.instagram }}">
+    <span class="fab fa-2x fa-instagram"></span>
+  </a>
+{% endif %}
+
+{% if site.social.keybase %}
+  <a href="https://keybase.io/{{ site.social.keybase }}">
+    <span class="fab fa-2x fa-keybase"></span>
+  </a>
+{% endif %}
+
+{% if site.social.linkedin %}
+  <a href="{{ site.social.linkedin }}">
+    <span class="fab fa-2x fa-linkedin"></span>
+  </a>
+{% endif %}
+
+{% if site.social.pinterest %}
+  <a href="http://www.pinterest.com/{{ site.social.pinterest }}">
+    <span class="fab fa-2x fa-pinterest"></span>
+  </a>
+{% endif %}
+
+{% if site.social.researchgate %}
+  <a href="{{ site.social.researchgate }}">
+    <span class="fab fa-2x fa-researchgate"></span>
+  </a>
+{% endif %}
+
+{% if site.social.reddit %}
+  <a href="https://www.reddit.com/user/{{ site.social.reddit }}">
+    <span class="fab fa-2x fa-reddit"></span>
+  </a>
+{% endif %}
+
+{% if site.social.soundcloud %}
+  <a href="https://soundcloud.com/{{ site.social.soundcloud }}">
+    <span class="fab fa-2x fa-soundcloud"></span>
+  </a>
+{% endif %}
+
+{% if site.social.stack_exchange %}
+  <a href="{{ site.social.stack_exchange }}">
+    <span class="fab fa-2x fa-stack-exchange"></span>
+  </a>
+{% endif %}
+
+{% if site.social.tumblr %}
+  <a href="http://{{ site.social.tumblr }}.tumblr.com/">
+    <span class="fab fa-2x tumblr-square"></span>
+  </a>
+{% endif %}
+
+{% if site.social.vimeo %}
+  <a href="https://vimeo.com/{{ site.social.vimeo }}">
+    <span class="fab fa-2x fa-vimeo"></span>
+  </a>
+{% endif %}
+
+{% if site.social.wordpress %}
+  <a href="https://{{ site.social.wordpress }}.wordpress.com/">
+    <span class="fab fa-2x fa-wordpress-simple"></span>
+  </a>
+{% endif %}
+
+{% if site.social.youtube %}
+  <a href="https:/www.youtube.com/user/{{ site.social.youtube }}">
+    <span class="fab fa-2x fa-youtube"></span>
+  </a>
+{% endif %}
+
+<!-- _includes/icons.html EOF-->

data/_includes/portfolio.html

@@ -0,0 +1,28 @@
+<!-- _includes/portfolio.html -->
+
+{% include resolve-dark.liquid %}
+{% if site.portfolio %}
+<div class="d-flex flex-wrap justify-content-around">
+  {% for post in site.portfolio %}
+  <div class="card {% if dark %} bg-dark {% else %} bg-light text-dark {% endif %}
+  shadow rounded my-2"
+    style="max-width: 21rem;">
+      {% if post.img %}
+      <img src="{{ post.img }}" class="card-img-top" alt="logo">
+      {% endif %}
+      <div class="card-body">
+        <h3 class="card-title">{{ post.title }}</h3>
+        {% include tags.html %}
+        {% if post.description %}
+        <p class="card-text">{{ post.description }}</p>
+        {% endif %}
+        <a href="{{ post.url | absolute_url }}" class="btn btn-block stretched-link">
+          <span class="fas fa-plus"></span>
+        </a>
+      </div>
+    </div>
+  {% endfor %}
+</div>
+{% endif %}
+
+<!-- _includes/portfolio.html EOF-->

data/_includes/resolve-dark.liquid

@@ -0,0 +1,5 @@
+{% if site.dark or page.dark %}
+  {% assign dark=true %}
+{% else %}
+  {% assign dark=false %}
+{% endif %}

data/_includes/tags.html

@@ -0,0 +1,12 @@
+<!-- _includes/tags.html -->
+
+{% include resolve-dark.liquid %}
+{% if post.tags %}
+  {% for tag in post.tags %}
+    <span class="badge badge-pill
+    {% if dark %} badge-light
+    {% else %} badge-dark {% endif %}">{{ tag }}</span>
+  {% endfor %}  
+{% endif %}
+
+<!-- _includes/tags.html EOF-->

data/_includes/tail.html

@@ -0,0 +1,22 @@
+<!-- _includes/tail.html -->
+
+    </div>
+
+    <!-- Bootstrap -->
+
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
+    crossorigin="anonymous"></script>
+    
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
+    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
+    crossorigin="anonymous"></script>
+    
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
+    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
+    crossorigin="anonymous"></script>
+
+  </body>
+</html>
+
+<!-- _includes/tail.html EOF-->

data/_layouts/blog.html

@@ -0,0 +1,10 @@
+---
+layout: page
+---
+<!-- _layouts/blog.html -->
+
+{{ content }}
+
+{% include blog.html %}
+
+<!-- _layouts/blog.html EOF -->

data/_layouts/default.html

@@ -0,0 +1,8 @@
+<!-- _layouts/default.html -->
+
+{% include head.html %}
+{% include header.html %}
+{{ content }}
+{% include tail.html %}
+
+<!-- _layouts/default.html EOF-->

data/_layouts/home.html

@@ -0,0 +1,12 @@
+---
+layout: default
+---
+
+<!-- _layouts/home.html -->
+
+<main id="intro-message" class="text-center lead mx-auto">
+  {{ content }}
+</main>    
+{% include footer.html %}
+
+<!-- _layouts/home.html EOF-->

data/_layouts/page.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+<!-- _layouts/page.html -->
+
+{% include resolve-dark.liquid %}
+<main class="{% if dark %} bg-dark 
+   {% else %} bg-light text-dark {% endif %}
+   flex-fill p-4">
+  {{ content }}
+  <a href="#" class="btn btn-block">
+    <span class="fas fa-lg fa-angle-double-up"></span>
+  </a>
+</main>
+{% include footer.html %}
+
+<!-- _layouts/page.html EOF-->

data/_layouts/portfolio.html

@@ -0,0 +1,10 @@
+---
+layout: page
+---
+<!-- _layouts/portfolio.html -->
+
+{{ content }}
+<hr>
+{% include portfolio.html %}
+
+<!-- _layouts/portfolio.html EOF-->

data/_layouts/post.html

@@ -0,0 +1,23 @@
+---
+layout: page
+---
+<!-- _layouts/post.html -->
+
+<div>
+  {% if page.img %}
+  <img src="{{ page.img | absolute_url }}" class="img-fluid d-block mx-auto" alt="page.img">
+  <hr>
+  {% endif %}
+  <h1>{{ page.title }}</h1>
+  {% unless page.no-date %}
+  <h2 class="lead text-muted">{{ page.date | date_to_string }}</h2>
+  {% endunless %}
+  {% include tags.html %}
+  <hr>
+</div>
+<div>
+  {{ content }}
+  <hr>
+</div>
+
+<!-- _layouts/post.html EOF-->

data/assets/css/gruvbox-light.css

@@ -0,0 +1,89 @@
+.highlighter-rouge {
+  color: #282828;
+  background-color: #fbf1c7;
+}
+
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #282828;
+  background-color: #fbf1c7;
+}
+.highlight .err {
+  color: #9d0006;
+  background-color: #fbf1c7;
+  font-weight: bold;
+}
+.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+  color: #928374;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #427b58;
+}
+.highlight .nt {
+  color: #9d0006;
+}
+.highlight .o, .highlight .ow {
+  color: #282828;
+}
+.highlight .p, .highlight .pi {
+  color: #282828;
+}
+.highlight .gi {
+  color: #79740e;
+  background-color: #fbf1c7;
+}
+.highlight .gd {
+  color: #9d0006;
+  background-color: #fbf1c7;
+}
+.highlight .gh {
+  color: #79740e;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #9d0006;
+}
+.highlight .kc {
+  color: #8f3f71;
+}
+.highlight .kt {
+  color: #b57614;
+}
+.highlight .kd {
+  color: #af3a03;
+}
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #79740e;
+  font-style: italic;
+}
+.highlight .si {
+  color: #79740e;
+  font-style: italic;
+}
+.highlight .sr {
+  color: #79740e;
+  font-style: italic;
+}
+.highlight .se {
+  color: #af3a03;
+}
+.highlight .nn {
+  color: #427b58;
+}
+.highlight .nc {
+  color: #427b58;
+}
+.highlight .no {
+  color: #8f3f71;
+}
+.highlight .na {
+  color: #79740e;
+}
+.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
+  color: #8f3f71;
+}
+.highlight .ss {
+  color: #076678;
+}

data/assets/css/gruvbox.css

@@ -0,0 +1,89 @@
+.highlighter-rouge {
+  color: #fbf1c7;
+  background-color: #282828;
+}
+
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #fbf1c7;
+  background-color: #282828;
+}
+.highlight .err {
+  color: #fb4934;
+  background-color: #282828;
+  font-weight: bold;
+}
+.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+  color: #928374;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #8ec07c;
+}
+.highlight .nt {
+  color: #fb4934;
+}
+.highlight .o, .highlight .ow {
+  color: #fbf1c7;
+}
+.highlight .p, .highlight .pi {
+  color: #fbf1c7;
+}
+.highlight .gi {
+  color: #b8bb26;
+  background-color: #282828;
+}
+.highlight .gd {
+  color: #fb4934;
+  background-color: #282828;
+}
+.highlight .gh {
+  color: #b8bb26;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #fb4934;
+}
+.highlight .kc {
+  color: #d3869b;
+}
+.highlight .kt {
+  color: #fabd2f;
+}
+.highlight .kd {
+  color: #fe8019;
+}
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .si {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .sr {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .se {
+  color: #fe8019;
+}
+.highlight .nn {
+  color: #8ec07c;
+}
+.highlight .nc {
+  color: #8ec07c;
+}
+.highlight .no {
+  color: #d3869b;
+}
+.highlight .na {
+  color: #b8bb26;
+}
+.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
+  color: #d3869b;
+}
+.highlight .ss {
+  color: #83a598;
+}

data/assets/css/wallpaper-home.scss

@@ -0,0 +1,96 @@
+---
+---
+
+/* wallpaper */
+
+html, body {
+  height: 100%;
+  line-height: 2;
+}
+
+body {
+  background: linear-gradient(
+      rgba(0, 0, 0, {{ site.overlay-top }}),
+      rgba(0, 0, 0, {{ site.overlay-bottom }})
+    ), url({{ site.background-img | absolute_url }}) center center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  margin: 0;
+}
+
+/* Google fonts */
+
+{% if site.google-fonts.main-font  %}
+{% assign main = site.google-fonts.main-font | split: ":" %}
+
+body {
+  font-family: {{ main.first | replace: "+", " " }};
+}
+
+{% endif %}
+
+{% if site.google-fonts.header-font %}
+{% assign header = site.google-fonts.header-font | split: ":" %}
+
+h1, h2,
+h3, h4,
+h5, h6 {
+  font-family: {{ header.first | replace: "+", " " }};
+}
+
+{% endif %}
+
+{% if site.google-fonts.code-font %}
+{% assign code = site.google-fonts.code-font | split: ":" %}
+
+code, pre {
+  font-family: {{ code.first | replace: "+", " " }}, moospace;
+}
+
+{% endif %}
+
+/* Landing page */
+
+#intro-message {
+  max-width: {{ site.intro-width }};
+}
+
+/* link-color */
+
+{% if site.link-color %}
+
+$link-color: {{ site.link-color }};
+
+a {
+  color: $link-color;
+}
+
+a:hover {
+  color: darken($link-color, 15%);
+}
+
+{% endif %}
+
+/* Code */
+
+pre, code {
+  font-size: 100%;
+}
+
+pre {
+  padding: 1rem;
+}
+
+code {
+  padding: 1px 5px;
+  border-radius: 3px;
+}
+
+.highlighter-rouge {
+  margin-block-start: 1rem;
+  margin-block-end: 1rem;
+}

data/assets/img/profile.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1511.5178"
+   height="1511.5178"
+   viewBox="0 0 399.9224 399.92243"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="profile.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.47504143"
+     inkscape:cx="764.17918"
+     inkscape:cy="835.75886"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     borderlayer="true"
+     showborder="true"
+     inkscape:showpageshadow="false"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-40.038794,88.469339)">
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fffefe;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3.7626729;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path4607"
+       cx="240"
+       cy="111.49187"
+       r="195.43404" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.91471148;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 239.90362,-68.697943 c -1.34085,-0.02265 -2.67089,0.37917 -3.67729,1.211208 L 61.591514,76.891962 c -2.012799,1.664075 -1.944987,4.39974 0.151929,6.133357 l 12.68708,10.488998 c 2.096915,1.733617 5.405353,1.789255 7.418152,0.125179 L 110.31774,70.102803 v 159.549727 14.83354 0.61522 c 0,2.35337 2.38716,4.24799 5.35264,4.24799 h 17.94257 c 73.66936,-1.07714 148.00943,-0.45096 211.1866,0 h 17.94256 c 2.96551,-3e-5 5.35266,-1.89462 5.35266,-4.24799 V 68.790343 l 30.05656,24.849153 c 2.01279,1.664076 5.32122,1.60844 7.41815,-0.125179 l 12.68708,-10.488998 c 2.09691,-1.733612 2.16472,-4.469282 0.15193,-6.133357 L 243.77367,-67.486735 c -1.03048,-0.851946 -2.40067,-1.249686 -3.77393,-1.205653 -0.032,-8.26e-4 -0.0641,-0.005 -0.0961,-0.0058 z m 0.0966,31.58662 99.44665,82.217149 V 225.22683 H 138.9656 V 46.418286 Z"
+       id="rect4487"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cssssscccsscccscccscsccccccccc" />
+    <g
+       aria-label="W"
+       style="font-style:normal;font-weight:normal;font-size:5.29166651px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4509"
+       transform="matrix(5.1154434,0,0,5.1154434,-827.44947,78.431125)">
+      <path
+         d="m 225.2209,-1.5181686 q 0.19844,-0.6201171 0.19844,-1.0914062 0,-0.5953125 -0.29766,-0.9177734 -0.59531,-0.5705078 -2.1332,-0.6449219 l -0.81856,-0.049609 q -0.14883,0 -0.29765,-0.099219 -0.12403,-0.1240234 -0.12403,-0.2976563 v -0.9673828 l 0.12403,-0.099219 q 4.06796,0.099219 5.58105,0.099219 0.89297,0 4.66328,-0.099219 l 0.0992,0.099219 v 0.9673828 q 0,0.396875 -0.39688,0.396875 -1.93476,0.099219 -2.85253,0.9425781 -0.91778,0.8185547 -1.46348,2.35644532 l -9.5002,27.53320298 q -0.37207,1.190625 -1.36425,1.190625 -1.16582,0 -1.5875,-1.240235 L 209.09785,8.5277297 q -0.49609,-1.4138671 -0.69453,-1.4138671 -0.32246,0 -0.71934,1.265039 l -6.05234,18.1818354 q -0.34727,1.240235 -1.41387,1.240235 -1.19062,0 -1.56269,-1.240235 l -9.25215,-27.6324212 q -0.69453,-2.058789 -1.24023,-2.5548828 -0.5209,-0.4960937 -2.20762,-0.5953125 -0.62012,-0.099219 -0.62012,-0.3472656 v -1.0169922 l 0.0992,-0.099219 q 4.06797,0.099219 4.93613,0.099219 1.01699,0 5.77949,-0.099219 l 0.0992,0.099219 v 0.9673828 q 0,0.396875 -0.44648,0.396875 l -1.11621,0.049609 q -1.43867,0.074414 -1.43867,0.9673828 0,0.4216797 0.32246,1.3394531 l 7.61504,23.4156246 h 0.0992 l 5.38262,-16.8175778 q 0.34727,-1.0914062 0.34727,-1.9347656 0,-0.79375 -0.24805,-1.4138672 l -0.74414,-2.35644525 q -0.19844,-0.62011715 -0.39687,-1.04179685 -0.19844,-0.4216797 -0.62012,-0.9673828 -0.39688,-0.5705078 -1.09141,-0.8681641 -0.69453,-0.3224609 -1.66191,-0.3720703 -0.62012,0 -0.62012,-0.3472656 v -1.0169922 l 0.12402,-0.099219 q 4.06797,0.099219 5.20899,0.099219 1.43867,0 6.20117,-0.099219 l 0.0992,0.099219 v 1.0169922 q 0,0.3472656 -0.44649,0.3472656 l -1.46347,0.099219 q -1.43867,0.099219 -1.43867,1.5130859 0,0.6697266 0.32246,1.63710935 l 7.29257,22.62187465 h 0.12403 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;line-height:126.99999809%;font-family:'UKIJ Zilwa';-inkscape-font-specification:'UKIJ Zilwa';stroke-width:0.26458332px"
+         id="path4511"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>

metadata

@@ -0,0 +1,112 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-wallpaper-home
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- rmvegasm
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-04-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+description: 
+email:
+- rmvegasm@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/blog.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/icons.html
+- _includes/portfolio.html
+- _includes/resolve-dark.liquid
+- _includes/tags.html
+- _includes/tail.html
+- _layouts/blog.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/portfolio.html
+- _layouts/post.html
+- assets/css/gruvbox-light.css
+- assets/css/gruvbox.css
+- assets/css/wallpaper-home.scss
+- assets/img/portfolio/bootstrap.png
+- assets/img/portfolio/github-pages.png
+- assets/img/portfolio/jekyll.png
+- assets/img/portfolio/liquid.png
+- assets/img/profile.svg
+- assets/img/wallpaper.jpg
+homepage: https://github.com/rmvegasm/jekyll-theme-wallpaper-home
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.2.1
+signing_key: 
+specification_version: 4
+summary: A simple jekyll theme for a personal page.
+test_files: []