cover-card 0.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: f956f69e1121101386a9299366a0f090240dc6caaa7846acb04b80c51ecf099e
4
+ data.tar.gz: de645c8d36374ff14c8591f2bdd6b96b015cc01eb2ae0640d94efae46d454387
5
+ SHA512:
6
+ metadata.gz: 57a64add26229ba766fe732aaf40b9b027f1b9d745c476ca667ede165ee4ca934f7c9f472fdab36eb89f3d2de7bd91e50c2faf907fe8e0a5c4b1cd841a90e063
7
+ data.tar.gz: 7017cd188af2e8ba718958b16a6c6f308a28178d35ab3483c42a6bcdbc563cf52ccf2f470a2cf403a88f3f402f44f254f18b2d02fde71e0bba7aba000d5b039f
data/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2016 DashingCode
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 all
13
+ 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 THE
21
+ SOFTWARE.
@@ -0,0 +1,50 @@
1
+ # Cover-card jekyll theme
2
+
3
+ The aim of this theme is to remain simple and updated. As Antoine de Saint-Exupery said:
4
+
5
+ > Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
6
+
7
+ ## Design
8
+
9
+ The design of this theme is defined by the following features that IT DOES NOT HAVE:
10
+
11
+ ### Blog
12
+
13
+ I love blogs. I have been making and following blogs since blogs existed in the early 2000s. The reality is that the vast majority of the blogs back then do not exist anymore. I can safely predict that the vast majority of the blogs that are around nowadays will not exist soon, even the popular ones.
14
+
15
+ Don't get me wrong: Jekyll is an excellent system for making blogs, but your main web site should not be build around a blog. A blog is just an add-on to your main site that should be easy to turn off, or to switch to the next great blogging platform, system, or social media profile that supports blogging. Even [the father of jekyll](http://tom.preston-werner.com/) is not blogging very much over the years, then why have the blog at the center of the online presence. A blog is nice to have but it is not a must have.
16
+
17
+ I understand that a jekyll theme without a blog might sound like a self contradiction, but jekyll has also motivated something even more useful than itself: seamless hosting with Github Pages. This theme takes advantage of both jekyll and Github Pages, in order to create something similar to [about.me](https://about.me/), without the price tag.
18
+
19
+ ### Folders and files
20
+
21
+
22
+
23
+ ## Implementation
24
+
25
+ [A working example](https://epidrome.github.io/cover-card) demonstrates that the new [jekyll remote theme](https://github.com/blog/2464-use-any-theme-with-github-pages) functionally efficiently separates content from presentation, so you can keep in your repository only the custom assets, e.g., images, configuration, while the remote theme seamlessly takes care of the beatifully simple presentation.
26
+
27
+ In this way, you will receive future updates without pulling and resolving conflicts from the main theme. In the case that you don't like a particular update (e.g. font change, or font size), you can always [revert your remote_theme to the last known good configuration by pointing to a particular commit](https://github.com/benbalter/jekyll-remote-theme). Moreover, it becomes easier to switch to other similar themes.
28
+
29
+ ### Set-up for end-users
30
+
31
+ Just fork the [default repository](https://github.com/epidrome/cover-card), which has been set to be the gh-pages one, because it makes it easier for average users to fork and use.
32
+
33
+ ### Set-up for development
34
+
35
+ This theme is easier for new jekyll users to fork and use. One side effect of this choice is that it is harder for advanced users to contribute, but this should not be a problem for the expert user.
36
+
37
+ 1. git clone https://github.com/epidrome/cover-card.git
38
+ 2. cd cover-card
39
+ 3. git checkout master
40
+ 4. git pull
41
+
42
+ Then you can test the theme on gh-pages and develop new features on master branch.
43
+
44
+ ## Contributing
45
+
46
+ Fork this repository and submit a pull-request for a bug or an improvement at the **master branch**.
47
+
48
+ ## Credits
49
+
50
+ Credits and inspiration for this theme go to [front cover theme](https://dashingcode.github.io/front-cover/), jekyll remote theme, and being lazy to keep my web page updated with the latest standards and trends.
@@ -0,0 +1,10 @@
1
+ <meta charset="utf-8">
2
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
3
+ <title>{{ site.title }}</title>
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+ <meta name="description" content="{{ site.description }}">
6
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
7
+ {% if site.favicon %}
8
+ <link rel="shortcut icon" href="{{ site.favicon }}" />
9
+ {% endif %}
10
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
@@ -0,0 +1,12 @@
1
+ <div class="content">
2
+ {% if site.background %}
3
+ <img src="{{ site.background }}" id="fullscreen">
4
+ {% endif %}
5
+
6
+ {% if site.avatar %}
7
+ <img src="{{ site.avatar }}" id="avatar">
8
+ {% endif %}
9
+
10
+ <h1>{{ site.title }}</h1>
11
+ <h3>{{ site.description }}</h3>
12
+ </div>
@@ -0,0 +1,127 @@
1
+ body {
2
+ font-family: Helvetica,Arial,sans-serif;
3
+ background-color: rgba(0, 0, 0, 0);
4
+ position: absolute;
5
+ top: 0;
6
+ bottom: 0;
7
+ right: 0;
8
+ left: 0;
9
+ margin: 0;
10
+ }
11
+ #fullscreen {
12
+ top: 0;
13
+ left: 0;
14
+ min-height: 100%;
15
+ min-width: 100%;
16
+ width: auto;
17
+ height: auto;
18
+ display: block;
19
+ position: fixed;
20
+ z-index: -999;
21
+ opacity: 0.8;
22
+ }
23
+ #avatar {
24
+ height: 180px;
25
+ border-radius: 100%;
26
+ border: 3px solid white;
27
+ margin-bottom: 40px;
28
+ }
29
+ h1 {
30
+ color: white;
31
+ font-weight: normal;
32
+ letter-spacing: 0.1em;
33
+ font-size: 4em;
34
+ font-family: Helvetica;
35
+ margin: -10px 0;
36
+ }
37
+ h3 {
38
+ color: white;
39
+ padding-bottom: 20px;
40
+ font-weight: bold;
41
+ }
42
+ .content {
43
+ padding-top: 100px;
44
+ padding-bottom: 40px;
45
+ background-color: rgba(0, 0, 0, 0);
46
+ text-align: center;
47
+ }
48
+ ul {
49
+ list-style: none;
50
+ padding: 0;
51
+ text-align: center;
52
+ }
53
+ li {
54
+ border-radius: 100%;
55
+ border: 2px transparent;
56
+ color: white;
57
+ margin: 8px;
58
+ display: inline-block;
59
+ list-style: none;
60
+ width: 65px;
61
+ height: 65px;
62
+ }
63
+ li:hover {
64
+ color: white;
65
+ text-decoration: none;
66
+ -webkit-transition: 500ms;
67
+ -moz-transition: 500ms;
68
+ transition: 500ms;
69
+ text-decoration: none;
70
+ background-color: rgba(0, 0, 0, 0.25);
71
+ }
72
+ a {
73
+ color: white;
74
+ padding: 15px;
75
+ text-decoration: none;
76
+ }
77
+ .description {
78
+ display: none;
79
+ }
80
+
81
+ @media (max-width: 450px) {
82
+ ul {
83
+ text-align: center;
84
+ }
85
+ li {
86
+ border-radius: 0%;
87
+ border: none;
88
+ color: white;
89
+ margin: 8px;
90
+ display: block;
91
+ list-style: none;
92
+ margin: 10px 0px;
93
+ text-align: center;
94
+ height: auto;
95
+ width: auto;
96
+ }
97
+ li:hover {
98
+ background-color: none;
99
+ transition: none;
100
+ }
101
+ a {
102
+ text-align: justify;
103
+ border: 2px solid white;
104
+ border-radius: 5px;
105
+ color: white;
106
+ padding: 15px;
107
+ padding-left: 30px;
108
+ width: 70%;
109
+ }
110
+ a:hover {
111
+ -webkit-transition: 500ms;
112
+ -moz-transition: 500ms;
113
+ transition: 500ms;
114
+ background-color: rgba(0, 0, 0, 0.5);
115
+ color: white;
116
+ text-decoration: none;
117
+ }
118
+ .description {
119
+ display: inline-block;
120
+ color: white;
121
+ font-family: Helvetica;
122
+ margin-left: 40px;
123
+ }
124
+ .content {
125
+ padding-top: 60px;
126
+ }
127
+ }
@@ -0,0 +1,107 @@
1
+ <ul>
2
+ {% if site.facebook %}
3
+ <li><a class="fab fa-2x fa-facebook-f" href="https://facebook.com/{{ site.facebook }}"><span class="description">Facebook</span></a></li>
4
+ {% endif %}
5
+
6
+ {% if site.twitter %}
7
+ <li><a class="fab fa-2x fa-twitter" href="https://twitter.com/{{ site.twitter }}"><span class="description">Twitter</span></a></li>
8
+ {% endif %}
9
+
10
+ {% if site.linkedin %}
11
+ <li><a class="fab fa-2x fa-linkedin" href="https://linkedin.com/in/{{ site.linkedin }}"><span class="description">LinkedIn</span></a></li>
12
+ {% endif %}
13
+
14
+ {% if site.google_plus %}
15
+ <li><a class="fab fa-2x fa-google-plus" href="https://plus.google.com/+{{ site.google_plus }}"><span class="description">Google +</span></a></li>
16
+ {% endif %}
17
+
18
+ {% if site.vk %}
19
+ <li><a class="fab fa-2x fa-vk" href="https://vk.com/{{ site.vk }}"><span class="description">ВКонтакте</span></a></li>
20
+ {% endif %}
21
+
22
+ {% if site.weibo %}
23
+ <li><a class="fab fa-2x fa-weibo" href="https://weibo.com/{{ site.weibo }}"><span class="description">微博</span></a></li>
24
+ {% endif %}
25
+
26
+ {% if site.instagram %}
27
+ <li><a class="fab fa-2x fa-instagram" href="https://instagram.com/{{ site.instagram }}"><span class="description">Instagram</span></a></li>
28
+ {% endif %}
29
+
30
+ {% if site.flickr %}
31
+ <li><a class="fab fa-2x fa-flickr" href="https://flickr.com/photos/{{ site.flickr }}"><span class="description">Flickr</span></a></li>
32
+ {% endif %}
33
+
34
+ {% if site.pinterest %}
35
+ <li><a class="fab fa-2x fa-pinterest" href="https://pinterest.com/{{ site.pinterest }}"><span class="description">Pinterest</span></a></li>
36
+ {% endif %}
37
+
38
+ {% if site.github-user %}
39
+ <li><a class="fab fa-2x fa-github" href="https://github.com/{{ site.github-user }}"><span class="description">GitHub</span></a></li>
40
+ {% endif %}
41
+
42
+ {% if site.codepen %}
43
+ <li><a class="fab fa-2x fa-codepen" href="https://codepen.io/{{ site.codepen }}"><span class="description">CodePen</span></a></li>
44
+ {% endif %}
45
+
46
+ {% if site.stack-overflow %}
47
+ <li><a class="fab fa-2x fa-stack-overflow" href="https://stackoverflow.com/users/{{ site.stack-overflow }}"><span class="description">Stack Overflow</span></a></li>
48
+ {% endif %}
49
+
50
+ {% if site.reddit %}
51
+ <li><a class="fab fa-2x fa-reddit" href="https://reddit.com/user/{{ site.reddit }}"><span class="description">Reddit</span></a></li>
52
+ {% endif %}
53
+
54
+ {% if site.steam %}
55
+ <li><a class="fab fa-2x fa-steam" href="http://steamcommunity.com/id/{{ site.steam }}"><span class="description">Steam</span></a></li>
56
+ {% endif %}
57
+
58
+ {% if site.youtube %}
59
+ <li><a class="fab fa-2x fa-youtube-play" href="https://youtube.com/channel/{{ site.youtube }}"><span class="description">YouTube</span></a></li>
60
+ {% endif %}
61
+
62
+ {% if site.vimeo %}
63
+ <li><a class="fab fa-2x fa-vimeo" href="https://vimeo.com/{{ site.vimeo }}"><span class="description">Vimeo</span></a></li>
64
+ {% endif %}
65
+
66
+ {% if site.soundcloud %}
67
+ <li><a class="fab fa-2x fa-soundcloud" href="https://soundcloud.com/{{ site.soundcloud }}"><span class="description">Soundcloud</span></a></li>
68
+ {% endif %}
69
+
70
+ {% if site.lastfm %}
71
+ <li><a class="fab fa-2x fa-lastfm" href="http://www.last.fm/user/{{ site.lastfm }}"><span class="description">Last.fm</span></a></li>
72
+ {% endif %}
73
+
74
+ {% if site.medium %}
75
+ <li><a class="fab fa-2x fa-medium" href="https://medium.com/@{{ site.medium }}"><span class="description">Medium</span></a></li>
76
+ {% endif %}
77
+
78
+ {% if site.tumblr %}
79
+ <li><a class="fab fa-2x fa-tumblr" href="https://{{ site.tumblr }}.tumblr.com/"><span class="description">Tumblr</span></a></li>
80
+ {% endif %}
81
+
82
+ {% if site.blog_url %}
83
+ <li><a class="fas fa-2x fa-tags" href="{{ site.blog_url }}"><span class="description">Blog</span></a></li>
84
+ {% endif %}
85
+
86
+ {% if site.keybase %}
87
+ <li><a class="fab fa-2x fa-keybase" href="https://keybase.io/{{ site.keybase }}"><span class="description">Keybase</span></a></li>
88
+ {% endif %}
89
+
90
+ {% if site.email %}
91
+ <li><a class="fas fa-2x fa-envelope" href="mailto:{{ site.email }}"><span class="description">Email</span></a></li>
92
+ {% endif %}
93
+
94
+ {% if site.messenger %}
95
+ <li><a class="fab fa-2x fa-facebook-messenger" href="https://m.me/{{ site.messenger }}"><span class="description">Messenger</span></a></li>
96
+ {% endif %}
97
+
98
+ {% if site.telegram %}
99
+ <li><a class="fab fa-2x fa-telegram" href="https://telegram.me/{{ site.telegram }}"><span class="description">Telegram</span></a></li>
100
+ {% endif %}
101
+
102
+ {% if site.snapchat %}
103
+ <li><a class="fab fa-2x fa-snapchat" href="https://snapchat.com/add/{{ site.snapchat }}"><span class="description">Snapchat</span></a></li>
104
+ {% endif %}
105
+
106
+ {% include too_social.html %}
107
+ </ul>
@@ -0,0 +1,9 @@
1
+ <!--
2
+
3
+ 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.
4
+
5
+ {% if site.social_network_name %}
6
+ <li><a class="fa fa-2x fa-social_network_icon" href="social_network_url"><span class="description">social_network_name</span></a></li>
7
+ {% endif %}
8
+
9
+ -->
@@ -0,0 +1,14 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ {% include head.html %}
5
+ <style type="text/css">
6
+ {% include main.css %}
7
+ </style>
8
+ </head>
9
+ <body>
10
+ {% include header.html %}
11
+ {% include social.html %}
12
+ {{ content }}
13
+ </body>
14
+ </html>
metadata ADDED
@@ -0,0 +1,95 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: cover-card
3
+ version: !ruby/object:Gem::Version
4
+ version: '0.3'
5
+ platform: ruby
6
+ authors:
7
+ - epidrome
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2018-05-09 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.7'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.7'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.12'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.12'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description:
56
+ email:
57
+ - github@epidro.me
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - LICENSE
63
+ - README.md
64
+ - _includes/head.html
65
+ - _includes/header.html
66
+ - _includes/main.css
67
+ - _includes/social.html
68
+ - _includes/too_social.html
69
+ - _layouts/default.html
70
+ homepage: https://github.com/epidrome/cover-card
71
+ licenses:
72
+ - MIT
73
+ metadata: {}
74
+ post_install_message:
75
+ rdoc_options: []
76
+ require_paths:
77
+ - lib
78
+ required_ruby_version: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - ">="
81
+ - !ruby/object:Gem::Version
82
+ version: '0'
83
+ required_rubygems_version: !ruby/object:Gem::Requirement
84
+ requirements:
85
+ - - ">="
86
+ - !ruby/object:Gem::Version
87
+ version: '0'
88
+ requirements: []
89
+ rubyforge_project:
90
+ rubygems_version: 2.7.3
91
+ signing_key:
92
+ specification_version: 4
93
+ summary: Minimal cover page for your online presence with easy installation through
94
+ jekyll remote theme
95
+ test_files: []