front-cover 0.0.7

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 73bea92c74ef76ae1e9fbbbedf0c0a6b9d637a96
+  data.tar.gz: 1a40c691dfc055a9496f6d442aa44d2881b3bfbb
+SHA512:
+  metadata.gz: 1eaad403bd76ef1cd06796343a2a8407d2d28062ef30841fdd71d981375d6be2768c086698d0f6428c205c054c7c4b7492e645a4fdee28eb86d1a3efed8547bc
+  data.tar.gz: 333561359d18ed81ec7679d48a90742046c7cc888e6f2710a54b20c551aa5d9abe2222027eef3cd655427486dac15a0fd1aaa8f2f5abc47ad5343b1c070dc7ab

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 DashingCode
+
+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,27 @@
+# (Gem-based) front cover jekyll theme
+
+[A working example](https://github.com/epidrome/www-remote) demonstrates that the new [jekyll remote theme](https://github.com/blog/2464-use-any-theme-with-github-pages) functionally efficiently separates content from presentation and enables you to keep in your repository only the custom assets, e.g., images, configuration.
+
+In this way, you will receive future updates without pulling and resolving conflicts from the upstream. Moreover, it becomes easier to switch to other similar themes.
+
+## Installation
+
+Add the following to your site's configuration file remote_theme: epidrome/front-cover
+
+## Contributions
+
+Forking the current repository is only necessary if you want to submit a pull-request for a bug or an improvement.
+
+## Why choose this jekyll theme for your front page?
+* You don't have to modify any HTML, everything can be modified in config.yml.
+* Very lightweight. No Javascript, No Bootstrap etc..
+* MIT licensed.
+
+## Credits
+This gem-based theme is a modification of the original [https://dashingcode.github.io/front-cover/](front cover)
+
+The background image that was used as an example comes from Tom Hall.
+You can find it on [https://flic.kr/p/pqEPBb](Flickr).
+It's licensed under Creative-Commons.
+
+This theme makes use of the amazing [http://fontawesome.io/](Font Awesome) icons.

data/_includes/head.html

@@ -0,0 +1,12 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="{{ site.description }}">
+<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+{% if site.favicon_img %}
+<link rel="shortcut icon" href="{{ site.favicon_img_path }}" />
+{% endif %}
+<link rel="stylesheet" href="{{ "assets/styles/main.css" | prepend: site.baseurl }}">
+<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin' rel='stylesheet' type='text/css'>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

data/_includes/header.html

@@ -0,0 +1,12 @@
+<div class="content">
+    {% if site.front_img %}
+    <img src="{{ site.front_img_path }}" id="fullscreen">
+    {% endif %}
+
+    {% if site.avatar %}
+        <img src="{{ site.avatar_img_path }}" id="avatar">
+    {% endif %}
+
+    <h1>{{ site.name }}</h1>
+    <h3>{{ site.description }}</h3>
+</div>

data/_includes/social.html

@@ -0,0 +1,87 @@
+<ul>
+    {% if site.github_username %}
+    <li><a class="fa fa-2x fa-github" href="https://github.com/{{ site.github_username }}"><span class="description">GitHub</span></a></li>
+    {% endif %}
+
+    {% if site.codepen_username %}
+    <li><a class="fa fa-2x fa-codepen" href="https://codepen.io/{{ site.codepen_username }}"><span class="description">CodePen</span></a></li>
+    {% endif %}
+
+    {% if site.facebook_username %}
+    <li><a class="fa fa-2x fa-facebook" href="https://facebook.com/{{ site.facebook_username }}"><span class="description">Facebook</span></a></li>
+    {% endif %}
+
+    {% if site.vk_username %}
+    <li><a class="fa fa-2x fa-vk" href="https://vk.com/{{ site.vk_username }}"><span class="description">ВКонтакте</span></a></li>
+    {% endif %}
+
+    {% if site.twitter_username %}
+    <li><a class="fa fa-2x fa-twitter" href="https://twitter.com/{{ site.twitter_username }}"><span class="description">Twitter</span></a></li>
+    {% endif %}
+
+    {% if site.google_plus_username %}
+    <li><a class="fa fa-2x fa-google-plus" href="https://plus.google.com/+{{ site.google_plus_username }}"><span class="description">Google +</span></a></li>
+    {% endif %}
+
+    {% if site.linkedin_username %}
+    <li><a class="fa fa-2x fa-linkedin" href="https://linkedin.com/in/{{ site.linkedin_username }}"><span class="description">LinkedIn</span></a></li>
+    {% endif %}
+
+    {% if site.instagram_username %}
+    <li><a class="fa fa-2x fa-instagram" href="https://instagram.com/{{ site.instagram_username }}"><span class="description">Instagram</span></a></li>
+    {% endif %}
+
+    {% if site.flickr_usernmae %}
+    <li><a class="fa fa-2x fa-flickr" href="https://flickr.com/photos/{{ site.flickr_username }}"><span class="description">Flickr</span></a></li>
+    {% endif %}
+
+    {% if site.steam_username %}
+    <li><a class="fa fa-2x fa-steam" href="http://steamcommunity.com/id/{{ site.steam_username }}"><span class="description">Steam</span></a></li>
+    {% endif %}
+
+    {% if site.soundcloud_username %}
+    <li><a class="fa fa-2x fa-soundcloud" href="https://soundcloud.com/{{ site.soundcloud_username }}"><span class="description">Soundcloud</span></a></li>
+    {% endif %}
+
+    {% if site.lastfm_username %}
+    <li><a class="fa fa-2x fa-lastfm" href="http://www.last.fm/user/{{ site.lastfm_username }}"><span class="description">Last.fm</span></a></li>
+    {% endif %}
+
+    {% if site.stack_of_username %}
+    <li><a class="fa fa-2x fa-stack-overflow" href="https://stackoverflow.com/users/{{ site.stack_of_username }}"><span class="description">Stack OF</span></a></li>
+    {% endif %}
+
+    {% if site.reddit_username %}
+    <li><a class="fa fa-2x fa-reddit" href="https://reddit.com/user/{{ site.reddit_username }}"><span class="description">Reddit</span></a></li>
+    {% endif %}
+
+    {% if site.medium_username %}
+    <li><a class="fa fa-2x fa-medium" href="https://medium.com/@{{ site.medium_username }}"><span class="description">Medium</span></a></li>
+    {% endif %}
+
+    {% if site.tumblr_username %}
+    <li><a class="fa fa-2x fa-tumblr" href="https://{{ site.tumblr_username }}.tumblr.com/"><span class="description">Tumblr</span></a></li>
+    {% endif %}
+
+    {% if site.weibo_username %}
+    <li><a class="fa fa-2x fa-weibo" href="https://weibo.com/{{ site.weibo_username }}"><span class="description">微博</span></a></li>
+    {% endif %}
+
+    {% if site.blog_url %}
+    <li><a class="fa fa-2x fa-tags" href="{{ site.baseurl }}{{ site.blog_url }}"><span class="description">Blog</span></a></li>
+    {% endif %}
+
+    {% if site.email %}
+    <li><a class="fa fa-2x fa-envelope" href="mailto:{{ site.email }}"><span class="description">Email</span></a></li>
+    {% endif %}
+
+    {% if site.keybase_username %}
+    <li><a class="fa fa-2x fa-key" href="https://keybase.io/{{ site.keybase_username }}"><span class="description">Keybase</span></a></li>
+    {% endif %}
+
+    {% if site.telegram_username %}
+    <li><a class="fa fa-2x fa-paper-plane" href="https://telegram.me/{{ site.telegram_username }}"><span class="description">Telegram</span></a></li>
+    {% endif %}
+
+    {% include too_social.html %}
+</ul>

data/_includes/too_social.html

@@ -0,0 +1,9 @@
+<!--
+
+Is there a social network that is not included in the default theme? Then, copy-paste the following lines of code outside of this comment-block and fill-in the details with your preferred social network.
+
+    {% if site.social_network_name %}
+    <li><a class="fa fa-2x fa-social_network_icon" href="social_network_url"><span class="description">social_network_name</span></a></li>
+    {% endif %}
+    
+-->

data/_layouts/default.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        {% include head.html %}
+    </head>
+    <body>
+          {% include header.html %}
+          {% include social.html %}
+          {{ content }}
+    </body>
+</html>

data/assets/styles/main.css

@@ -0,0 +1,127 @@
+body {
+    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
+    background-color: rgba(0, 0, 0, 0);
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    margin: 0;
+}
+#fullscreen {
+    z-index: -999;
+    min-height: 100%;
+    min-width: 100%;
+    width: auto;
+    height: auto;
+    position: fixed;
+    margin: auto;
+    top: 0;
+    left: 0;
+    opacity: 0.8
+}
+#avatar {
+    height: 180px;
+    border-radius: 100%;
+    border: 3px solid white;
+    margin-bottom: 40px;
+}
+h1 {
+    color: white;
+    font-weight: normal;
+    letter-spacing: 0.1em;
+    font-size: 4em;
+    font-family: 'Open Sans';
+    margin: -10px 0;
+}
+h3 {
+    color: white;
+    padding-bottom: 20px;
+    font-weight: normal;
+}
+.content {
+    padding-top: 100px;
+    padding-bottom: 40px;
+    background-color: rgba(0, 0, 0, 0);
+    text-align: center;
+}
+ul {
+    list-style: none;
+    padding: 0;
+    text-align: center;
+}
+li {
+    border-radius: 100%;
+    border: 2px transparent;
+    color: white;
+    margin: 8px;
+    display: inline-block;
+    list-style: none;
+    width: 65px;
+    height: 65px;
+}
+li:hover {
+    color: white;
+    text-decoration: none;
+    -webkit-transition: 500ms;
+    -moz-transition: 500ms;
+    transition: 500ms;
+    text-decoration: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+a {
+    color: white;
+    padding: 15px;
+    text-decoration: none;
+}
+.description {
+    display: none;
+}
+
+@media (max-width: 450px) {
+ul {
+    text-align: center;
+}
+li {
+    border-radius: 0%;
+    border: none;
+    color: white;
+    margin: 8px;
+    display: block;
+    list-style: none;
+    margin: 10px 0px;
+    text-align: center;
+    height: auto;
+    width: auto;
+}
+li:hover {
+    background-color: none;
+    transition: none;
+}
+a {
+    text-align: justify;
+    border: 2px solid white;
+    border-radius: 5px;
+    color: white;
+    padding: 15px;
+    padding-left: 30px;
+    width: 70%;
+}
+a:hover {
+    -webkit-transition: 500ms;
+    -moz-transition: 500ms;
+    transition: 500ms;
+    background-color: rgba(0, 0, 0, 0.5);
+    color: white;
+    text-decoration: none;
+}
+.description {
+    display: inline-block;
+    color: white;
+    font-family: Arial;
+    margin-left: 40px;
+}
+.content {
+    padding-top: 60px;
+}
+}

metadata

@@ -0,0 +1,94 @@
+--- !ruby/object:Gem::Specification
+name: front-cover
+version: !ruby/object:Gem::Version
+  version: 0.0.7
+platform: ruby
+authors:
+- epidrome
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-01-20 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.7'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- github@epidro.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _includes/head.html
+- _includes/header.html
+- _includes/social.html
+- _includes/too_social.html
+- _layouts/default.html
+- assets/styles/main.css
+homepage: https://github.com/epidrome/front-cover
+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.6.11
+signing_key: 
+specification_version: 4
+summary: gem version of front-cover theme by dashingcode
+test_files: []