dev-portfolio-blog 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: bb46826c866abde66b8b3920bc6a62e6ef31a275ecb92ded2d405d4e8889ceb6
4
- data.tar.gz: 228535a8ef1be5aceaf689323346e44570922a2af4c29b15c900bab63d3e5131
3
+ metadata.gz: 35642aacd012432b2a04214bc59b04c7842d59d60814616f13ff25309f619703
4
+ data.tar.gz: 37df56e0498f04e2c6cada97fc427446dcecc5f84901c8a782cd6b08a06c9f24
5
5
  SHA512:
6
- metadata.gz: 05b37c9a4742125f5dfbbf44b85207627061abe89987a11ca562d0c61a31f70e4faf9b875f13dd2f6f54e28331159039d0000ab0b589045dc9d8d5e4509bbb97
7
- data.tar.gz: 67bfd8135315351d5b9e3329fdf1d59352450061f622cac88d4889d951ffd4ee5ef7892fd917ed066d9bc88744161f3c639008822c3d480bcef21dd172b473e6
6
+ metadata.gz: b718c2c03b8b13fcc2548e42aeba4d8cb162c7be6d53ffcf9329ad0d764b3027b49b829cd88bdccb058a3337982cd2841394a38f8da45fb7ca99e8284b8a962c
7
+ data.tar.gz: c0154d3895b808177fa1c1f5c50c8a7f881a380e202a7b21fd13c57c0d989e015d216e036fc90b1282bc50176cadbc14eda19bb5762bab0258a669640aa6f3b3
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2020 Rohit Jain
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.
@@ -0,0 +1,95 @@
1
+ [![Gem Version](https://badge.fury.io/rb/dev-portfolio-blog.svg)](https://badge.fury.io/rb/dev-portfolio-blog)
2
+
3
+ # dev-portfolio-blog
4
+
5
+ This is a minimal jekyll theme.
6
+
7
+ ## Desktop Preview
8
+
9
+ ![Home Page](/screenshots/Home.png?raw=true "Home View of the website")
10
+
11
+ ![Blog List Page](/screenshots/Blog.png?raw=true "Blog List of the website")
12
+
13
+ ## Mobile Preview
14
+
15
+ ![Home Page](/screenshots/Home-Mobile.png?raw=true "Home View of the website")
16
+
17
+ ![Blog List Page](/screenshots/Blog-Mobile.png?raw=true "Blog List of the website")
18
+
19
+
20
+ ## Installation
21
+
22
+ Add this line to your Jekyll site's `Gemfile`:
23
+
24
+ ```ruby
25
+ gem "dev-portfolio-blog"
26
+ ```
27
+
28
+ And add this line to your Jekyll site's `_config.yml`:
29
+
30
+ ```yaml
31
+ theme: dev-portfolio-blog
32
+ ```
33
+
34
+ And then execute:
35
+
36
+ $ bundle
37
+
38
+ Or install it yourself as:
39
+
40
+ $ gem install dev-portfolio-blog
41
+
42
+ ## Usage
43
+
44
+ To start using the theme you need to create and edit some extra files in the root directory
45
+
46
+ 1. Create `blog.md` in the root folder ans set its yaml parameters to
47
+
48
+ ```yaml
49
+ layout: blog
50
+ permalink: /blog/
51
+ ```
52
+
53
+ 2. Change your `about.md` yaml parameters to following
54
+
55
+ ```yaml
56
+ layout: description
57
+ permalink: /about/
58
+ ```
59
+
60
+ 3. In the `_congif.yml` file add a key `resume_url` and set it to the path of the Resume.
61
+
62
+ For example if the Resume is located in the root directory
63
+
64
+ ```yaml
65
+ resume_url: 'Resume.pdf'
66
+ ```
67
+
68
+ 4. In the `index.md` file add
69
+
70
+ ```yaml
71
+ home_text : some-text
72
+ author_name: your-name
73
+ ```
74
+
75
+ Replace "some-text" with your text
76
+
77
+ Replace "your-name" with your name
78
+
79
+ ## Contributing
80
+
81
+ Bug reports and pull requests are welcome on GitHub at <https://github.com/[USERNAME]/dev-portfolio-blog/.> 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.
82
+
83
+ ## Development
84
+
85
+ To set up your environment to develop this theme, run `bundle install`.
86
+
87
+ Your theme is setup just like a normal Jekyll 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.
88
+
89
+ When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
90
+ To add a custom directory to your theme-gem, please edit the regexp in `dev-portfolio-blog.gemspec` accordingly.
91
+
92
+ ## License
93
+
94
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
95
+
@@ -0,0 +1,22 @@
1
+ <ul>
2
+ <li>
3
+ <a href = "{{ '/' | relative_url }}">
4
+ Home
5
+ </a>
6
+ </li>
7
+ <li>
8
+ <a href = "{{ 'about/' | relative_url }}">
9
+ About
10
+ </a>
11
+ </li>
12
+ <li>
13
+ <a href = "{{ 'blog/' | relative_url }}">
14
+ Blog
15
+ </a>
16
+ </li>
17
+ <li>
18
+ <a href = "{{ site.resume_url | relative_url }}">
19
+ Resume
20
+ </a>
21
+ </li>
22
+ </ul>
@@ -0,0 +1,15 @@
1
+ ---
2
+ layout: description
3
+ title: Blog
4
+ pagetype: blog
5
+ ---
6
+ <div class="blog-section-list">
7
+ <ul>
8
+ {% for post in site.posts %}
9
+ <li>
10
+ <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
11
+ <p>{{ post.excerpt }}</p>
12
+ </li>
13
+ {% endfor %}
14
+ </ul>
15
+ </div>
@@ -0,0 +1,16 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>{{ page.title }}</title>
7
+
8
+ <link rel="stylesheet" href="{{"/assets/css/styles.css" | relative_url}}">
9
+
10
+ {% feed_meta %}
11
+ {% seo %}
12
+ </head>
13
+ <body>
14
+ {{ content }}
15
+ </body>
16
+ </html>
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="mid-section-cover">
5
+ <nav>
6
+ <h1>{{ site.author_name }}</h1>
7
+ {% include navigation.html %}
8
+ </nav>
9
+ <main class="sub-mid-section-cover">
10
+ {{ content }}
11
+ </main>
12
+ </div>
@@ -0,0 +1,15 @@
1
+ ---
2
+ title: Rohit Jain
3
+ layout: default
4
+ ---
5
+ <div class="mid-section-home">
6
+ <h1><span>I am </span>{{ site.author_name }}</h1>
7
+ <div class="row sub-heading">
8
+ <div class="summary-about-me">
9
+ <p>{{ page.home_text }}</p>
10
+ </div>
11
+ <div class="nav-link">
12
+ {% include navigation.html %}
13
+ </div>
14
+ </div>
15
+ </div>
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: description
3
+ ---
4
+ <ul>
5
+ {% if page.contenttype == project %}
6
+ {% for post in paginator.posts %}
7
+ <li>
8
+ <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
9
+ <p>{{ post.excerpt }}</p>
10
+ </li>
11
+ {% endfor %}
12
+ {% elsif page.contenttype == project %}
13
+ {% for post in site.posts %}
14
+ {% if post.contenttype == page.pagetype %}
15
+ <li>
16
+ <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
17
+ <p>{{ post.excerpt }}</p>
18
+ </li>
19
+ {% endif %}
20
+ {% endfor %}
21
+ {% endif %}
22
+ </ul>
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: description
3
+ ---
4
+ <h2>{{ post.title }}</h2>
5
+ {{content}}
6
+
7
+ {% if page.comments%}
8
+ <hr>
9
+ {% endif %}
@@ -0,0 +1,187 @@
1
+ @mixin mediaQuery($point) {
2
+ @if $point == phone-width {
3
+ @media (max-width: 480px) { @content; }
4
+ }
5
+ @else if $point == tablet-width {
6
+ @media (max-width: 768px) { @content; }
7
+ }
8
+ }
9
+ body {
10
+ background-color: white;
11
+ color: #222;
12
+ // font-family: ;
13
+ font-size: 120%;
14
+
15
+ .mid-section-home {
16
+ text-align: center;
17
+ display: inline-block;
18
+ position: fixed;
19
+ top: 0;
20
+ bottom: 0;
21
+ left: 0;
22
+ right: 0;
23
+ width: 400px;
24
+ height: 350px;
25
+ margin: auto;
26
+ font-size: 1.5rem;
27
+
28
+ @include mediaQuery(phone-width) {
29
+ font-size: 1 rem;
30
+ height: 350px;
31
+ width: 100%;
32
+ span {
33
+ display: none;
34
+ }
35
+ }
36
+ h1 {
37
+ font-size: 3.5rem;
38
+ font-weight: 600;
39
+ }
40
+ .sub-heading {
41
+ width: 80%;
42
+ margin: 0 auto;
43
+ display: flex;
44
+ .summary-about-me {
45
+ width: 50%;
46
+ text-align: right;
47
+ padding-right: 20px;
48
+ }
49
+ .nav-link {
50
+ ul {
51
+ padding-inline-start: 0px;
52
+ }
53
+ li {
54
+ display: block;
55
+ text-align: left;
56
+ a {
57
+ text-decoration : none;
58
+ color: #222;
59
+ &:hover {
60
+ border-bottom: 2px solid black;
61
+ color: #333;
62
+ }
63
+ }
64
+ }
65
+
66
+ border-left: 2px solid black;
67
+ width: 50%;
68
+ padding-left: 20px;
69
+ // .toNav {
70
+ // }
71
+ @include mediaQuery(phone-width) {
72
+ li {
73
+ display: block;
74
+ margin-left: 10px;
75
+ }
76
+ }
77
+ }
78
+ @include mediaQuery(phone-width) {
79
+ width: 60%;
80
+ min-width: 270px;
81
+ }
82
+ }
83
+ }
84
+ .mid-section-cover {
85
+ width: 60%;
86
+ margin: 0 auto;
87
+ margin-top: 50px;
88
+
89
+ nav {
90
+ display: flex;
91
+ flex-direction: row;
92
+ justify-content: space-between;
93
+ align-items: stretch;
94
+ flex-wrap: wrap;
95
+ border-bottom: 2px solid #222;
96
+ * {
97
+ margin: 10px 10px;
98
+ }
99
+
100
+ h1 {
101
+ // align-self: flex-start;
102
+ font-size: 40px;
103
+ }
104
+ ul {
105
+ flex-shrink: 1;
106
+ padding: 0px 10px;
107
+ li {
108
+ padding: 0px 10px;
109
+ display: inline-block;
110
+ a {
111
+ text-decoration : none;
112
+ color: #222;
113
+ &:hover {
114
+ border-bottom: 2px solid black;
115
+ color: #333;
116
+ }
117
+ }
118
+ @include mediaQuery(phone-width) {
119
+ text-align: center;
120
+ padding: 0px 10px;
121
+ }
122
+ }
123
+ }
124
+ @include mediaQuery(phone-width) {
125
+ flex-direction: column;
126
+ justify-content: center;
127
+ text-align: center;
128
+ * {
129
+ flex-basis: 100%;
130
+ }
131
+ }
132
+ }
133
+
134
+ .sub-mid-section-cover {
135
+ width: 90%;
136
+ margin: 0 auto;
137
+
138
+ * {
139
+ max-width: 100%;
140
+ overflow-x: scroll;
141
+ }
142
+ a {
143
+ color: black;
144
+ }
145
+ .blog-section-list {
146
+ a {
147
+ color: black;
148
+ }
149
+ }
150
+ }
151
+ @include mediaQuery(tablet-width) {
152
+ width: 70%;
153
+ }
154
+ @include mediaQuery(phone-width) {
155
+ width: 95%;
156
+ }
157
+ }
158
+ // .page_trail {
159
+ // text-align: right;
160
+ // font-size: 30px;
161
+ // ul {
162
+ // li {
163
+ // display: inline-block;
164
+ // padding: 2px;
165
+ // a {
166
+ // text-decoration: none;
167
+ // color: #222;
168
+ // &:hover {
169
+ // color: #222;
170
+ // border-bottom: 1px solid black;
171
+ // }
172
+ // }
173
+ // }
174
+ // .selected {
175
+ // a {
176
+ // color: #222;
177
+ // border-bottom: 1px solid black;
178
+ // }
179
+
180
+ // }
181
+ // }
182
+ // }
183
+
184
+ .container-404 {
185
+ text-align: center;
186
+ }
187
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dev-portfolio-blog
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rohit Jain
@@ -100,7 +100,18 @@ email:
100
100
  executables: []
101
101
  extensions: []
102
102
  extra_rdoc_files: []
103
- files: []
103
+ files:
104
+ - LICENSE.txt
105
+ - README.md
106
+ - _includes/navigation.html
107
+ - _layouts/blog.html
108
+ - _layouts/default.html
109
+ - _layouts/description.html
110
+ - _layouts/home.html
111
+ - _layouts/list.html
112
+ - _layouts/page.html
113
+ - _layouts/post.html
114
+ - _sass/main.scss
104
115
  homepage: https://github.com/rohitjain00/dev-portfolio-blog
105
116
  licenses:
106
117
  - MIT