move to tailwind (in-progress)

.gitignore

@@ -1,3 +1,7 @@
+node_modules
+build
+.jekyll-cache
+
 *.gem
 
 # Ignore metadata generated by Jekyll

Gemfile

@@ -1,7 +1,8 @@
 source "https://rubygems.org"
 
-gem 'jekyll', '~> 4.2.2', '>= 4.1.1'
+gem 'jekyll', '~> 4.3.0', '>= 4.2.2'
 gem 'bundler', '~> 2.3.23'
+# gem 'jekyll-postcss'
 gem 'faraday-retry'
 gem 'backports', '~> 3.23'
 gem 'kramdown'

Gemfile.lock

@@ -21,21 +21,22 @@ GEM
     http_parser.rb (0.8.0)
     i18n (1.12.0)
       concurrent-ruby (~> 1.0)
-    jekyll (4.2.2)
+    jekyll (4.3.0)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
       i18n (~> 1.0)
-      jekyll-sass-converter (~> 2.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 2.3)
+      kramdown (~> 2.3, >= 2.3.1)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.4.0)
+      mercenary (>= 0.3.6, < 0.5)
       pathutil (~> 0.9)
-      rouge (~> 3.0)
+      rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
-      terminal-table (~> 2.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
     jekyll-admin (0.11.1)
       jekyll (>= 3.7, < 5.0)
       sinatra (>= 1.4)
@@ -75,7 +76,7 @@ GEM
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (5.0.0)
-    puma (5.6.5)
+    puma (6.0.0)
       nio4r (~> 2.0)
     rack (2.2.4)
     rack-protection (3.0.2)
@@ -84,7 +85,7 @@ GEM
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.5)
-    rouge (3.30.0)
+    rouge (4.0.0)
     ruby2_keywords (0.0.5)
     safe_yaml (1.0.5)
     sassc (2.4.0)
@@ -103,15 +104,15 @@ GEM
       rack-protection (= 3.0.2)
       sinatra (= 3.0.2)
       tilt (~> 2.0)
-    terminal-table (2.0.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
     tilt (2.0.11)
     trollop (2.9.9)
     tzinfo (2.0.5)
       concurrent-ruby (~> 1.0)
-    tzinfo-data (1.2022.4)
+    tzinfo-data (1.2022.5)
       tzinfo (>= 1.0.0)
-    unicode-display_width (1.8.0)
+    unicode-display_width (2.3.0)
     wdm (0.1.1)
     webrick (1.7.0)
 
@@ -123,7 +124,7 @@ DEPENDENCIES
   backports (~> 3.23)
   bundler (~> 2.3.23)
   faraday-retry
-  jekyll (~> 4.2.2, >= 4.1.1)
+  jekyll (~> 4.3.0, >= 4.2.2)
   jekyll-admin (~> 0.11.1)
   jekyll-feed (~> 0.16.0)
   jekyll-gist (~> 1.5.0)

README.md

@@ -193,6 +193,7 @@ You can easily manage the site locally using the Jekyll admin : [http://localhos
 
 ![Jekyll Admin](https://github.com/sujaykundu777/devlopr-jekyll/blob/master/assets/img/jekyll-admin.PNG?raw=true)
 
+![Netlify CMS](https://github.com/sujaykundu777/devlopr-jekyll/blob/master/assets/img/netkify-cms.PNG?raw=true)
 
 You can check out for all changelogs [here](https://devlopr.olvy.co/)
 

_config.yml

@@ -25,8 +25,9 @@ urls:
 # Edit Author details (For multi authors check _data/authors.yml)
 
 author_logo: profile.png
-author: John Doe
-author_bio: Hi, my name is John Doe. I built this site using devlopr-jekyll :D
+author: Sujay Kundu
+author_role: Full Stack Web Developer
+author_bio: Hi, I built this site using devlopr-jekyll :D
 author_email: "[email protected]"
 author_location: India
 author_website_url: "https://sujaykundu.com"
@@ -64,14 +65,24 @@ author_project_details:
                 project_description: A Platform built for Gamers and Game Devs
                 project_url: https://gamershub.in
                 visibility: true
-              - project_thumbnail: hack4r.PNG
+              - project_thumbnail: hack4r.png
                 project_title: Hack4r
                 project_description: A Platform built for Hackers and Penetration Testers
                 project_url: https://hack4r.com
                 visibility: true
+              - project_thumbnail: programmingebooks.png
+                project_url: https://programmingebooks.com
+                project_title: ProgrammingEbooks
+                project_description: A Library of Ebooks for Programmers, Developers and Coders.
+                visibility: true
+              - project_thumbnail: coolwebapp.png
+                project_url: https://coolweb.app
+                project_title: Cool Web App
+                project_description: Discover useful resources over the Web
+                visibility: true
 
 # social links
-twitter_username: johndoe
+twitter_username: sujaykundu777
 github_username:  sujaykundu777
 facebook_username: johndoe
 linkedin_username: johndoe
@@ -164,6 +175,7 @@ plugins:
   - jekyll-seo-tag
   - jekyll-sitemap
   - jekyll-admin
+  # - jekyll-postcss
 
 # Jekyll Admin Config
 jekyll_admin:

_includes/author_profile_card.html

@@ -0,0 +1,144 @@
+<div class="w-full max-w-sm rounded-lg border dark:bg-gray-800 dark:border-gray-700 py-12 bg-white shadow-lg">
+    <div class="flex flex-col items-center">
+        <img class="mb-3 w-32 h-32 rounded-full" src="{{site.url}}{{site.baseurl}}/assets/img/{{ site.author_logo }}" />
+        <h5 class="mb-1 text-xl font-medium text-gray-900 dark:text-white">
+            {{ site.author }}
+        </h5>
+        <span class="text-sm text-gray-500 dark:text-gray-400"> Full Stack Web Developer </span>
+
+        <div class="flex flex-col mt-2 space-x-1 md:mt-2">
+            <span class="inline-flex items-center py-2 px-8 text-center">
+                <a href="mailto:{{ site.author_email }}" class="w-full py-2 m-2 px-4 text-sm font-medium text-blue-800 dark:text-white hover:text-white bg-white ring-1 dark:ring-black rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300  dark:bg-black dark:hover:bg-blue-800 dark:focus:ring-black">
+                    Hire Me
+                </a> 
+
+                <!--
+                    {% if site.author_email %} 
+                        <a href="mailto:{{ site.author_email }}" class="py-2 m-2 px-4 text-sm font-medium text-blue-800 dark:text-white hover:text-white bg-white ring-1 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-800">
+                        <i class="fas fa-envelope" class="social-link"></i>
+                    {% endif %} 
+                </a> -->
+                {% if site.author_website_url %}
+                    <a href="{{ site.author_website_url }}" class="py-2 m-2 px-4 text-sm font-medium text-blue-800  hover:text-white bg-white ring-1 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300  dark:hover:bg-blue-800">
+                        <i class="fas fa-link" class="social-link"></i>
+                    </a>
+                {% endif %}
+
+                 {% if site.author_location %}
+                    <a href="https://www.google.com/maps/search/?api=1&query={{ site.author_location }}" class="py-2 m-2 px-4 text-sm font-medium text-blue-800 hover:text-white bg-white ring-1 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:hover:bg-blue-800">
+                        <i class="fas fa-map-marker-alt"></i> 
+                    </a>
+                {% endif %} 
+
+
+            </span>
+            <div class="flex w-full px-8 text-center items-center">
+                <!-- github follow button -->
+                {% if site.github_username %}
+                    {%- include github_follow_button.html -%} 
+                {% endif %}
+            </div>
+            <div class="flex mt-4">
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.twitter_username %}
+                    <a
+                      class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-1 px-2 m-2"
+                      href="http://twitter.com/{{ site.twitter_username }}"
+                    >
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                    {% endif %} 
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.facebook_username %}
+                    <a
+                      class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-1 px-2 m-2"
+                      href="http://facebook.com/{{ site.facebook_username }}"
+                    >
+                    <i class="fab fa-facebook-f"></i>
+                    </a>
+                  {% endif %} 
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                  {% if site.instagram_username %}
+                    <a 
+                        class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm px-1.5 py-0.5 m-2"
+                        href="http://instagram.com/{{ site.instagram_username }}">
+                    <i class="fab fa-instagram"></i>
+                    </a>
+                 {% endif %} 
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                  {% if site.medium_username %}
+                    <a
+                      class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                      href="http://medium.com/@{{ site.medium_username }}"
+                     >
+                     <i class="fab fa-medium-m"></i>
+                    </a>
+                   {% endif %} 
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                   {% if site.github_username %}
+                    <a
+                      class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                      href="http://github.com/{{ site.github_username }}"
+                    >
+                     <i class="fab fa-github"></i>
+                    </a>
+                   {% endif %} 
+                </div>
+            </div>
+            <div class="flex">
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.behance_username %}
+                    <a
+                        class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                        href="http://behance.net/{{ site.behance_username }}"
+                    >
+                    <i class="fab fa-behance"></i>
+                        </a>
+                    {% endif %}
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.linkedin_username %}
+                    <a class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                       href="http://linkedin.com/in/{{ site.linkedin_username }}">
+                        <i class="fab fa-linkedin-in"></i>
+                    </a>
+                    {% endif %}
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.telegram_username %}
+                    <a 
+                        class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                        href="http://t.me/{{ site.telegram_username }}">
+                        <i class="fab fa-telegram-plane"></i>
+                    </a>
+                    {% endif %}
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.dribbble_username %}
+                    <a
+                        class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                        href="https://dribbble.com/{{ site.dribbble_username }}"
+                    >
+                        <i class="fab fa-dribbble"></i>
+                    </a>
+                     {% endif %} 
+                </div>
+                <div class="w-1/5 h-8 text-center items-center">
+                    {% if site.flickr_username %}
+                    <a
+                        class="text-gray-500 bg-white bg:text-gray-100 dark:bg-black border border-gray-500 border-1 hover:text-black dark:hover:text-white rounded-full w-6 h-6 text-sm py-0.5 px-1.5 m-2"
+                        href="https://www.flickr.com/photos/{{ site.flickr_username }}"
+                        >
+                        <i class="fab fa-flickr"></i>
+                    </a>
+                    {% endif %}
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>