Skip to content

Commit

Permalink
recent changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@sujaykundu777
sujaykundu777 committed Jul 20, 2019
1 parent fbb6133 commit 1049e8a
Show file tree
Hide file tree
Showing 66 changed files with 494 additions and 774 deletions.
10 changes: 10 additions & 0 deletions .buildconfig
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
[default]
name=Default
runtime=host
config-opts=
run-opts=
prefix=/home/sujay/.cache/gnome-builder/install/devlopr-jekyll/host
app-id=
postbuild=
prebuild=
default=true
146 changes: 4 additions & 142 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,154 +1,16 @@
---
layout: page
title: Docs
---

# devlopr jekyll - Getting Started
### Build a free blog using devlopr jekyll and Github Pages - Getting Started

[![Gem Version](https://badge.fury.io/rb/devlopr.svg)](https://badge.fury.io/rb/devlopr)
[![Netlify Status](https://api.netlify.com/api/v1/badges/4232ac2b-63e0-4c78-92e0-e95aad5ab8c3/deploy-status)](https://app.netlify.com/sites/devlopr/deploys)

Anyone can use devlopr theme to build a personal <strong>Portfolio + Blog Type of Website</strong>, hosted freely on <b>[Github Pages](https://pages.github.com)</b> or <b>[Netlify](https://netlify.com) </b>.
Anyone can use devlopr jekyll theme to build a personal <strong>Portfolio + Blog Type of Website</strong>, hosted freely on <b>[Github Pages](https://pages.github.com)</b> or <b>[Netlify](https://netlify.com) </b>.

To get started follow the below given methods to get your devlopr mod jekyll website ! For a complete Tutorial : [How to create a blog using Jekyll and Github Pages](https://sujaykundu.com/github/jekyll/2019/05/18/deploy-blog-using-github-free.html)

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

## Method 1: Installation for new Jekyll Site using Rubygem

Follow this step by step [Tutorial](https://sujaykundu.com/github/jekyll/2019/05/19/setup-devlopr-for-blog.html), if you are new to Jekyll Themes Customization !

## Method 2: Easy Installation - Just Clone !!

All you need to do is clone this repo and customize the theme accordingly.

Clone the repo :

`$ git clone https://github.com/sujaykundu777/devlopr-jekyll.git"`
`$ cd devlopr-jekyll`
`$ code .`

Edit the below file configurations to make devlopr theme yours, you can customize everything from logo, name, posts.. anything.

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 )

```
title: Your Site Title
subtitle: Your Site Subtitle
description: >- # this means to ignore newlines until "baseurl:"
Write an awesome description for your new site here. You can edit this
line in _config.yml. It will appear in your document head meta (for
Google search results) and in your feed.xml site description.
baseurl: "" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site, e.g. http://example.com
author_logo: profile.png
disqus_shortname: sujay-kundu #for comments using disqus
author: Your Name
author_bio: Something About You for about me
author_email: "[email protected]"
author_location: Your Location
author_website_url: "https://yourwebsite.com"
# social links
twitter_username: yourusername
github_username: yourusername
facebook_username: yourusername
linkedin_username: yourusername
behance_username: yourusername
instagram_username: yourusername
medium_username: yourusername
telegram_username: yourusername
dribbble_username: yourusername
flickr_username: yourusername
```

### Add blog section (if you want \blog)

Create a new file blog.md file with following front yaml inside it.

```
---
layout: blog
title: Blog
permalink: \blog\
---
```

### Post Yaml Format ( Example Below ) :

```
---
layout: post
title: How to use docker compose
categories:
- web-development
- docker
summary: Learn how to use docker compose
thumbnail: docker-compose.png
author: Sujay Kundu
---
```

### Adding Categories

For Adding Categories create new folder categories and inside that create a file `all.md` and copy the below code in that :

```
---
layout: page
permalink: /blog/categories/
---
<div id="categories">
{% for tag in site.categories %}
<div class="category-box" >
{% capture tag_name %}{{ tag | first }}{% endcapture %}
<div id="#{{ tag_name | slugize }}"></div>
<h4 class="tag-head"><a href="{{ site.baseurl }}/blog/categories/{{ tag_name }}">{{ tag_name }}</a></h4>
<a name="{{ tag_name | slugize }}"></a>
{% for post in site.tags[tag_name] %}
<article class="center">
<h6 ><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></h6>
</article>
{% endfor %}
</div>
{% endfor %}
</div>
```

### Individual Categories

If you want to show all posts of a particular category, create a new file for that category inside categories folder

For example ( angularjs.md )

```
---
layout: page
permalink: /blog/categories/angularjs
---
<div class="card">
{% for post in site.categories.angularjs %}
<li class="category-posts"><span>{{ post.date | date_to_string }}</span> &nbsp; <a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</div>
```
Follow this tutorial : [Creating a new blog with devlopr jekyll](https://sujaykundu.com/jekyll/2019/06/22/building-a-blog-using-devlopr-jekyll-theme.html)

## License

The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).



4 changes: 2 additions & 2 deletions _config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ url: "" # the base hostname & protocol for your site, e.g. http://example.com
author_logo: profile.png
disqus_shortname: sujay-kundu #for comments using disqus
author: devlopr
author_bio: Hello, my name is John Doe.I am an award winning Full Stack Web Developer and UI/UX Javascript specialist.Check out my blog articles, React.JS and Vue.JS UI components at the code laboratory.Feel free to take a look at my latest projects below.Based in London, UK.
author_bio: Hello, my name is John Doe.I am an award winning Full Stack Web Developer and UI/UX Javascript specialist
author_email: "[email protected]"
author_location: India
author_website_url: "https://yourwebsite.com"
author_website_url: "https://johndoe.com"

# social links
twitter_username: yourusername
Expand Down
1 change: 1 addition & 0 deletions _includes/author_bio.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<p> {{ site.author_bio }}</p>
23 changes: 23 additions & 0 deletions _includes/author_projects.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<div class="row">
<div class="col-md-5">
<img src="/assets/img/projects/gamershub.png" class="project-img" />
</div>
<div class="col-md-5">
<h4 class="project-title"> Gamers Hub </h4>
<p class="project-desc"> A Platform built for Gamers and Game Developers</p>

<a class="project-link btn btn-success" href="https://gamershub.in"> https://gamershub.in</a>
</div>
</div>

<br />
<div class="row">
<div class="col-md-5">
<img src="/assets/img/projects/hackify.png" class="project-img" />
</div>
<div class="col-md-5">
<h4 class="project-title"> Hackify Theme for Atom Editor </h4>
<p class="project-desc"> A dark hacking theme for Atom Editor. You can modify it to make it your own</p>
<a class="project-link btn btn-success" href="http://atom.io/themes/hackify-ui">http://atom.io/themes/hackify-ui</a>
</div>
</div>
2 changes: 2 additions & 0 deletions _includes/author_skills.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
<p> HTML , CSS , Javascript , PHP, Python, C</p>
<p> Adobe XD, Inkscape, Git, Linux </p>
24 changes: 24 additions & 0 deletions _includes/author_work_experience.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<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>

</div>
</div>

<br />
<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>
9 changes: 9 additions & 0 deletions _includes/blog_categories.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@

{% 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 %}
18 changes: 18 additions & 0 deletions _includes/blog_newsletters.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!-- Embed Your Mailchimp Subscription Form here -->
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://programmingebooks.us10.list-manage.com/subscribe/post?u=50bab1c85eae24ecfb0f68361&amp;id=3a2dd721d0"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Subscribe via Email :</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_50bab1c85eae24ecfb0f68361_3a2dd721d0" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-md btn-default">
</div>
</div>
</form>
</div>
26 changes: 26 additions & 0 deletions _includes/blog_post_article.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<article class="card" itemscope itemtype="http://schema.org/BlogPosting">
<div class="card-header">
<!-- <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1> -->
<h4 class="post-meta">{{ page.summary }}</h4>
<p class="post-summary">Posted by : {% if page.author %}
<img src="/assets/img/{{ site.author_logo }}" class="author-profile-img">
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">{{ page.author }}</span>
</span>{% endif %} at
<time datetime="{{ page.date }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>
</p>
<span class="disqus-comment-count" data-disqus-identifier="{{ page.url }}"></span>
<div class="post-categories">
{% if post %} {% assign categories = post.categories %} {% else %} {% assign categories = page.categories %} {% endif %}
Category : {% for category in categories %}
<a href="{{site.baseurl}}/blog/categories/{{category|slugize}}">{{category}}</a>
{% unless forloop.last %}&nbsp;{% endunless %} {% endfor %}
</div>
</div>

<div class="card-body" itemprop="articleBody">
<img class="card-img-top" src="/assets/img/{{ page.thumbnail }}" alt="{{ post.title }}">
{{ content }}
</div>

</article>
11 changes: 11 additions & 0 deletions _includes/blog_post_breadcrumb.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/blog">Blog</a>
</li>
<li class="breadcrumb-item">
<a href="/blog/categories">Categories</a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
</ol>
</nav>
22 changes: 22 additions & 0 deletions _includes/blog_posts.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@

<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>

<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 %}
</div>
</ul>
18 changes: 18 additions & 0 deletions _includes/blog_sidebar.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="col-lg-4">
<div class="card">
<div class="card-header"> About {{ site.author }} </div>
<div class="card-body text-dark">
<!-- Your Bio -->
<p> {{ site.author_bio }}</p>
</div>
</div>
<div class="card">
<div class="card-header">Categories </div>
<div class="card-body text-dark">
{%- include blog_categories.html -%}
</div>
</div>
<div class="card">
{%- include blog_newsletters.html -%}
</div>
</div>
4 changes: 3 additions & 1 deletion _includes/activity.html → _includes/coding_activity.html
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
<!-- Wakatime -->
<!-- Wakatime ( Replace with your own wakatime embed config at https://wakatime.com )-->

<!-- Pie Chart -->
<figure>
<embed src="https://wakatime.com/share/@sujaykundu777/f540df00-f2d1-46e2-a360-da7e13ed8a66.svg"></embed>
</figure>

<!-- Hours Coded -->
<figure>
<embed src="https://wakatime.com/share/@sujaykundu777/1550a9f1-d41a-4745-92a0-181a6fbb2456.svg"></embed>
</figure>
16 changes: 16 additions & 0 deletions _includes/contact_me_form.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!-- Replace the email with your own formspree email -->
<form action="https://formspree.io/[email protected]" method="POST" >
<div class="form-group">
<label for="contact_form_name">Your Name :</label>
<input type="text" class="form-control" name="name" id="contact_form_name" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label for="contact_form_email">Your Email :</label>
<input type="email" class="form-control" name="_replyto" id="contact_form_email" placeholder="Enter Your Email">
</div>
<div class="form-group">
<label for="contact_form_message"> Your Message :</label>
<textarea name="_message" class="form-control" id="contact_form_message" placeholder="Enter Your Message"></textarea>
</div>
<input type="submit" value="Send">
</form>
2 changes: 1 addition & 1 deletion _includes/head.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<head>
<meta charset="utf-8">
<!-- Site title -->
<title>{{ site.title }}</title>
<title>{{ site.title }} - {{ site.subtitle }}</title>

<meta http-equip="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
Expand Down
Loading

0 comments on commit 1049e8a

Please sign in to comment.