devlopr 0.2.4 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 25bc8b1c3f92ff0c7585e97e0165e9d491ce4a8b
-  data.tar.gz: fe61805ade755f2179321b4ab230653496c11adb
+  metadata.gz: d1465270a630b20b9dc0a0dc6b29b93bc36726d5
+  data.tar.gz: db9c8e0ef51b094b29a6c489edef3c689222d125
 SHA512:
-  metadata.gz: cc73d66d7349644ee7d492f2d7a1c9b5dfc9115e5496cf38d9729dd9f2be3a1d99b0d9e983b2fc362e74639a21f815da0cf183855f775d5d708c3d55aa9f5c97
-  data.tar.gz: 0a12ea2e995a624be8ec5a85c1a41df0c5b9a437064c194d056d842f0e84e8d887cb730f0296c25a758d6f43fe1713ec70a4f0e7468ba7203cc4d4ffde44ead6
+  metadata.gz: 08d7bd64f60a5d2b087dc508ebd5f8617726ad20f77f83551b60c1b0c9b76e9f51ce73965e018cb1905fe1ab6e6023b45ffba331eb5f2a9d77a36f98a48aea86
+  data.tar.gz: 0ad29ab1dec906136d37303cfbe1bd8c8e35a2d44352451945af5a42d09c396eb6ce3c35972c777cf5b16ccda29242197c993e033de621acd84c3a17fc6689c3

data/README.md

@@ -1,23 +1,26 @@
-# devlopr
-
-[![Gem Version](https://badge.fury.io/rb/devlopr.svg)](https://badge.fury.io/rb/devlopr)
+---
+layout: page
+title: Docs
+---
 
-Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+# devlopr jekyll - Getting Started
 
-To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+[![Gem Version](https://badge.fury.io/rb/devlopr.svg)](https://badge.fury.io/rb/devlopr)
 
-TODO: Delete this and the text above, and describe your gem
+Anyone can use devlopr theme to build a personal <strong>Portfolio + Blog Type of Website</strong>, hosted freely on <b>Github Pages</b> or <b>Netlify </b>. 
 
+To get started follow the below given methods to get your devlopr mod jekyll website !
+Many features are in our checklist, that needs to be worked upon and are in progress. And if you liked this project ! Do share with your developer friends and colleagues who may find it interesting :D 
 
-## Installation
+## Method 1:  Installation for new Jekyll Site using Rubygem
 
-Add this line to your Jekyll site's `Gemfile`:
+Add this line to your Jekyll site's Gemfile :
 
 ```ruby
 gem "devlopr"
 ```
 
-And add this line to your Jekyll site's `_config.yml`:
+And add this line to your Jekyll site's _config.yml:
 
 ```yaml
 theme: devlopr
@@ -25,38 +28,35 @@ theme: devlopr
 
 And then execute:
 
-    $ bundle
+`$ bundle`
 
 Or install it yourself as:
 
-    $ gem install devlopr
-
-## Usage
-
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. 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.
+`$ gem install devlopr`
 
-## Development
+Run locally using :
 
-To set up your environment to develop this theme, run `bundle install`.
+`$ jekyll serve`
+ 
 
-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.
+## Method 2: Easy Installation - Just Clone !!
 
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `devlopr.gemspec` accordingly.
+All you need to do is clone this repo and customize the theme accordingly.
 
-## License
+Clone the repo :
 
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+`$ git clone https://github.com/sujaykundu777/devlopr-jekyll.git"`
+`$ cd devlopr-jekyll`
+`$ code .`
 
-# Variables need to be declared in _config.yml of your jekyll site
+Edit the below file configurations to make devlopr theme yours, you can customize everything from logo, name, posts.. anything. 
 
-`{{site.variable}}`
+Add Posts in <highlight>_posts</highlight> directory. <br /> 
+Add Images in <highlight>assets/img</highlight> directory <br />
+Add Categories in <highlight>categories</highlight> directory  <br />
+Edit Styles in <highlight>_sass</highlight> directory <br />
 
-# _config.yml configuration  ( Copy and Edit accordingly )
+### _config.yml configuration  ( Copy and Edit accordingly )
 
 ```
 title: Your Site Title
@@ -89,7 +89,7 @@ dribbble_username: yourusername
 flickr_username: yourusername
 ```
 
-# Add blog section
+### Add blog section (if you want \blog)
 
 Create a new file blog.md file with following front yaml inside it. 
 
@@ -101,7 +101,7 @@ permalink: \blog\
 ---
 ```
 
-# Post Yaml Format  ( Example Below ) :
+### Post Yaml Format  ( Example Below ) :
 
 ```
 ---
@@ -116,7 +116,7 @@ author: Sujay Kundu
 ---
 ```
 
-# Adding Categories 
+### Adding Categories 
 
 For Adding Categories create new folder categories and inside that create a file `all.md` and copy the below code in that :
 
@@ -147,7 +147,7 @@ permalink: /blog/categories/
 
 ```
 
-# Individual Categories 
+### Individual Categories 
 
 If you want to show all posts of a particular category, create a new file for that category inside categories folder
 
@@ -168,3 +168,9 @@ permalink: /blog/categories/angularjs
 
 ```
 
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+

data/_includes/activity.html

@@ -0,0 +1,9 @@
+<!-- Wakatime -->
+
+<figure>
+    <embed src="https://wakatime.com/share/@sujaykundu777/f540df00-f2d1-46e2-a360-da7e13ed8a66.svg"></embed>
+</figure>
+
+<figure>
+    <embed src="https://wakatime.com/share/@sujaykundu777/1550a9f1-d41a-4745-92a0-181a6fbb2456.svg"></embed>
+</figure>

data/_includes/head.html

@@ -12,6 +12,8 @@
   <!-- Stylesheets goes here -->
   <link rel="stylesheet" href="/assets/css/main.css" />
 
+  <!-- Favicon -->
+  <link rel="icon" href="/assets/img/favicon.ico" type="image/gif" sizes="16x16">
   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
     crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"

data/_includes/share.html

@@ -2,12 +2,12 @@
     Share this on →
     <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}"
         rel="nofollow" target="_blank" title="Share on Twitter">
-        <img alt="Share on Facebook" src="http://www.sujaykundu.com/assets/images/flat_web_icon_set/color/Twitter.png" />
+        <img alt="Share on Facebook" src="http://www.sujaykundu.com/assets/img/flat_web_icon_set/color/Twitter.png" />
     </a>
     <a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Facebook">
-        <img alt="Share on Facebook" src="http://www.sujaykundu.com/assets/images/flat_web_icon_set/color/Facebook.png" />
+        <img alt="Share on Facebook" src="http://www.sujaykundu.com/assets/img/flat_web_icon_set/color/Facebook.png" />
     </a>
     <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">
-        <img alt="Share on Google+" src="http://www.sujaykundu.com/assets/images/flat_web_icon_set/color/Google+.png" />
+        <img alt="Share on Google+" src="http://www.sujaykundu.com/assets/img/flat_web_icon_set/color/Google+.png" />
     </a>
 </div>

data/_layouts/blog.html

@@ -1,51 +1,59 @@
 --- 
-layout: default
+layout: default 
 ---
 
     <div class="row">
 
-    <div class="col-lg-8">
-        <ul>
-            {% for post in site.posts %}
-            <div class="card blog-post">
-                <img class="card-img-top" src="/assets/img/{{ post.thumbnail }}" alt="{{ post.title }}">
-                <div class="card-body center">
-                    <img src="/assets/img/{{ site.author_logo }}" class="author-profile-img">
-                    <h4 class="card-title">{{ post.title }}</h4>
+        <div class="col-lg-8 col-md-4">
+            <ul>
+                <div class="row">
+                    {% for post in site.posts %}
+                    <div class="card blog-post">
+                        <img class="card-img-top" src="/assets/img/{{ post.thumbnail }}" alt="{{ post.title }}">
+                        <div class="card-body center">
+                            <img src="/assets/img/{{ site.author_logo }}" class="author-profile-img">
+                            <h4 class="card-title">{{ post.title }}</h4>
 
-                    <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</h6>
-                    <p class="card-text">{{ post.summary }} </p>
+                            <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</h6>
+                            <p class="card-text">{{ post.summary }} </p>
 
-                    <a href="{{ post.url | prepend: site.baseurl }}" data-disqus-identifier="{{ post.url }}" class="btn btn-primary btn-lg">Read</a>
-                    <span class="disqus-comment-count" data-disqus-identifier="{{ post.url }}"></span>
+                            <a href="{{ post.url | prepend: site.baseurl }}" data-disqus-identifier="{{ post.url }}" class="btn btn-primary btn-lg">Read</a>
+                            <span class="disqus-comment-count" data-disqus-identifier="{{ post.url }}"></span>
 
-                </div>
-            </div>
-
-            {% endfor %}
-        </ul>
-    </div>
-
-    <div class="col-lg-4">
+                        </div>
+                    </div>
 
-        <div class="card">
-
-            <div class="card-header">Categories </div>
-            <div class="card-body text-dark">
-                {% for tag in site.categories %} {% capture tag_name %}{{ tag | first }}{% endcapture %}
-                <div id="#{{ tag_name | slugize }}"></div>
-                <li class="tag-head">
-                    <a href="{{ site.baseurl }}/blog/categories/{{ tag_name }}">{{ tag_name }}</a>
-                </li>
-                <a name="{{ tag_name | slugize }}"></a>
+                    {% endfor %}
+                </div>
+            </ul>
+        </div>
 
-                {% endfor %}
+        <div class="col-lg-4">
+            <div class="card">
+                <div class="card-header"> About {{ site.author }} </div>
+                <div class="card-body text-dark">
+                    <p> devlopr is a rubygem ( Jekyll Theme ) built for Developers. Anyone can create their website and host it freely
+                        like this. All you need is to follow the simple steps in the DOCS !!</p>
+                </div>
             </div>
+            <div class="card">
+
+                <div class="card-header">Categories </div>
+                <div class="card-body text-dark">
+                    {% for tag in site.categories %} {% capture tag_name %}{{ tag | first }}{% endcapture %}
+                    <div id="#{{ tag_name | slugize }}"></div>
+                    <li class="tag-head">
+                        <a href="{{ site.baseurl }}/blog/categories/{{ tag_name }}">{{ tag_name }}</a>
+                    </li>
+                    <a name="{{ tag_name | slugize }}"></a>
+
+                    {% endfor %}
+                </div>
 
 
-        </div>
-        <div class="card">
-            <!-- Begin MailChimp Signup Form -->
-            {%- include newsletter.html -%}
-        </div>
-    </div>
+            </div>
+            <div class="card">
+                <!-- Begin MailChimp Signup Form -->
+                {%- include newsletter.html -%}
+            </div>
+        </div>

data/_layouts/home.html

@@ -17,16 +17,31 @@ layout: default
             <h1 class="card-title"> Work Experience</h1>
 
             <br />
-            <h4 class="experience-title"> Full Stack Web Developer Intern - Skillenza</h4>
-            <p class="experience-desc"> Worked on Flask, Postgres to build rest apis for Email Campaign Management</p>
+            <div class="row">
+                <div class="col-md-2">
+                    <img src="/assets/img/work/google.png" class="company-logo" />
+                </div>
+                <div class="col-md-6">
+                    <h4 class="experience-title"> Full Stack Software Engineer</h4>
+                    <h6 class="experience-info">Google ( Jan 2017 - Present )</h6>
+                    <p class="experience-desc"> Worked on various technologies and built products which helps people globally </p>
 
-            <br />
-            <h4 class="experience-title"> Front End Developer Intern - Glocal Gurus</h4>
-            <p class="experience-desc"> Worked on converting UI to Frontend Pages using HTML, CSS, JS</p>
+                </div>
+            </div>
 
             <br />
-            <h4 class="experience-title"> Wordpress Intern - Edugorilla </h4>
-            <p class="experience-desc"> Worked in design and development of website using PHP and Wordress </p>
+            <div class="row">
+                <div class="col-md-2">
+                    <img src="/assets/img/work/microsoft.png" class="company-logo" />
+                </div>
+                <div class="col-md-6">
+                    <h4 class="experience-title"> Front End Engineer</h4>
+                    <h6 class="experience-info">Microsoft ( Mar 2015 - Dec 2016 )</h6>
+                    <p class="experience-desc"> Worked on various technologies and built products which helps people globally </p>
+
+                </div>
+            </div>
+
 
         </div>
 
@@ -80,7 +95,10 @@ layout: default
         </div>
 
         <div class="card">
-            <h1> Github </h1>
+            <h1> Coding Activity </h1>
+
+            {%- include activity.html -%}
+
         </div>
 
     </div>

data/_layouts/page.html

@@ -3,7 +3,7 @@ layout: default
 ---
 
     <div class="card">
-
+        <div class="col-md-8 offset-md-2 offset-md-right">
         {{ content }}
-
+         </div>
     </div>

data/_layouts/post.html

@@ -5,10 +5,10 @@ layout: default
     <nav aria-label="breadcrumb" role="navigation">
         <ol class="breadcrumb">
             <li class="breadcrumb-item">
-                <a href="/blog">Blog</a>
+                <a href="/">Blog</a>
             </li>
             <li class="breadcrumb-item">
-                <a href="/blog/categories">Categories</a>
+                <a href="/categories">Categories</a>
             </li>
             <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
         </ol>

data/_sass/devlog.scss

@@ -1,55 +1,65 @@
-body{
-    background-color:#D6DDE1 !important;
+body {
+    background-color: #D6DDE1 !important;
     font-family: 'Montserrat', sans-serif !important;
 }
-header{
+
+header {
     background-color: #F5F5F5;
     height: 200px;
     width: 100%;
     padding: 30px;
 }
-.container-fluid{
+
+.container-fluid {
     margin: 0px !important;
     padding: 0px !important;
 }
 
-.profile-img{
-    width:150px;
+.profile-img {
+    width: 150px;
     height: 150px;
     margin-left: 20px;
 }
-.profile-name{
+
+.profile-name {
     margin-top: 20px;
-   
 }
-.profile-bio,.profile-links{
-    margin-top:5px;
+
+.profile-bio,
+.profile-links {
+    margin-top: 5px;
 }
 
-.border{
+.border {
     border: 1px solid #000;
 }
-.center{
-    text-align:center;
+
+.center {
+    text-align: center;
 }
-.card{
+
+.card {
     margin: 20px !important;
     padding: 20px !important;
 }
-.social-link{
+
+.social-link {
     color: #262222;
     font-size: 15px;
     padding: 5px;
-    margin:2px;
+    margin: 2px;
 }
-#navigation{
+
+#navigation {
     margin-top: 50px;
 }
-.nav-link{
+
+.nav-link {
     font-size: 24px !important;
     color: #000;
 }
-footer{
+
+footer {
     width: 100%;
     height: 70px;
     text-align: center;
@@ -57,30 +67,67 @@ footer{
     background-color: #F5F5F5;
 }
 
-.project-img{
+.company-logo {
+    width: 100px;
+    height: 100px;
+}
+
+.project-img {
     width: 300px;
     height: 200px;
 }
-.author-profile-img{
+
+.author-profile-img {
     width: 50px;
     height: 50px;
 }
-.project-desc{
-    float:left;
+
+.project-desc {
+    float: left;
 }
-.project-link{
+
+.project-link {
     color: gray;
     font-size: 15px;
 }
-.card-header{
+
+.card-header {
     border-radius: 0% !important;
 }
-@media (min-width: 320px) and (max-width: 780px){ 
 
-    header{
+.blog-post {
+    width: 350px;
+    height: auto;
+    margin: 20px !important;
+}
+
+.responsive-table {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+}
+
+pre,
+code {
+    overflow: auto;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    word-break: break-all;
+    font-family: Courier, monospace;
+    font-size: 16px;
+    background-color: #F4F6F8;
+    padding: 5px;
+    display: block;
+}
+
+@media (min-width: 320px) and (max-width: 780px) {
+    header {
         height: auto;
         text-align: center;
     }
-
- 
+    .blog-post {
+        width: 300px;
+        height: auto;
+        margin-left: -20px !important;
+    }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: devlopr
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors:
 - Sujay Kundu
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-07-04 00:00:00.000000000 Z
+date: 2018-07-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -61,6 +61,7 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- _includes/activity.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/header.html
@@ -74,14 +75,10 @@ files:
 - _layouts/post.html
 - _sass/devlog.scss
 - assets/css/main.scss
-- assets/img/android-chrome-192x192.png
-- assets/img/android-chrome-512x512.png
-- assets/img/apple-touch-icon.png
-- assets/img/favicon-16x16.png
-- assets/img/favicon-32x32.png
 - assets/img/favicon.ico
-- assets/img/gitflow-workflow.png
-- assets/img/mstile-150x150.png
+- assets/img/posts/gitflow-workflow.png
+- assets/img/posts/hello.jpg
+- assets/img/posts/useful-tools.jpg
 - assets/img/profile.png
 - assets/img/projects/CBSHOYEUkAAxfSm.png_large
 - assets/img/projects/Music.png
@@ -103,9 +100,12 @@ files:
 - assets/img/projects/screenshotmy.png
 - assets/img/projects/snap2.jpg
 - assets/img/projects/snap3.jpg
-- blog.md
-- contact.md
-homepage: https://www.sujaykundu.com
+- assets/img/styleguide.png
+- assets/img/work/google.png
+- assets/img/work/microsoft.png
+- assets/img/work/skillenza.png
+- assets/img/zoom.jpg
+homepage: https://devlopr.netlify.com
 licenses:
 - MIT
 metadata: {}

data/blog.md

@@ -1,4 +0,0 @@
----
-title: Blog
-layout: blog
----

data/contact.md

@@ -1,8 +0,0 @@
----
-layout: page
-title: Contact Me
----
-
-<h1> Contact Me</h1>
-
-<p> Mail me at sujaykundu777@gmail.com </p>