as

imswarnil · Jul 3, 2024 · dbeac01 · dbeac01
2 parents 59aacf0 + b9465ad
commit dbeac01
Show file tree

Hide file tree

Showing 9 changed files with 125 additions and 77 deletions.
diff --git a/.github/workflows/jekyll-gh-pages.yml → .github/workflows/jekyll.yml b/.github/workflows/jekyll-gh-pages.yml → .github/workflows/jekyll.yml
@@ -1,5 +1,10 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
 # Sample workflow for building and deploying a Jekyll site to GitHub Pages
-name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+name: Deploy Jekyll site to Pages
 
 on:
   # Runs on pushes targeting the default branch
@@ -28,14 +33,22 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@8575951200e472d5f2d95c625da0c7bec8217c42 # v1.161.0
+        with:
+          ruby-version: '3.1' # Not needed with a .ruby-version file
+          bundler-cache: true # runs 'bundle install' and caches installed gems automatically
+          cache-version: 0 # Increment this number if you need to re-download cached gems
       - name: Setup Pages
+        id: pages
         uses: actions/configure-pages@v5
       - name: Build with Jekyll
-        uses: actions/jekyll-build-pages@v1
-        with:
-          source: ./
-          destination: ./_site
+        # Outputs to the './_site' directory by default
+        run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}"
+        env:
+          JEKYLL_ENV: production
       - name: Upload artifact
+        # Automatically uploads an artifact from the './_site' directory by default
         uses: actions/upload-pages-artifact@v3
 
   # Deployment job

diff --git a/Gemfile b/Gemfile
@@ -1,10 +1,13 @@
 # frozen_string_literal: true
-
 source "https://rubygems.org"
-
-gemspec
-
-gem "jekyll", "~> 4.3"
+gem "jekyll"
 gem "jekyll-seo-tag"
 gem "jekyll-sitemap"
 gem "jekyll-feed"
+gem "jekyll-paginate"
+gem "jekyll-redirect-from"
+gem "jekyll-commonmark"
+gem "jekyll-include-cache"
+gem "jemoji"
+gem "tzinfo-data"
+gem "wdm"
diff --git a/_config.yml b/_config.yml
@@ -1,19 +1,15 @@
-title: "Im-Jekyll-Theme"
-email: "[email protected]"
-description: "A new Jekyll theme by Swarnil"
-baseurl: "/Im-Jekyll-Theme" # the subpath of your site
-url: "https://imswarnil.com" # the base hostname & protocol for your site
-twitter_username: jekyllrb
-github_username: jekyll
-primary_color: "#E53935"
-logo: "/assets/logo.png"
-# Build settings
-plugins:
-  - jekyll-seo-tag
-  - jekyll-sitemap
-  - jekyll-feed
+# Site configuration
+# 1. Files excluded from Jekyll builds
+# 2. Installed Gems
+# 3. Gem settings
+# 4. Jekyll settings
+# 5. Collections
+# 6. Jekyll collections settings
+# 7. Site settings
+# 8. Site favicons & manifest icons
+# 9. Site navigation
 
-# Exclude from processing
+# 1. Files excluded from Jekyll builds
 exclude:
   - Gemfile
   - Gemfile.lock

diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -5,7 +5,7 @@ navbar:
     link: /about/
     icon: fa-file
   - name: Elements
-    link: /elements/
+    link: /elements
   - name: Layouts
     link: /#
     dropdown:

diff --git a/_includes/head.html b/_includes/head.html
@@ -22,7 +22,10 @@
 
     <link rel="manifest" href="{{ "/manifest.json" | relative_url }}">
     <meta name="theme-color" content="{{ site.manifest.theme_color | default: '#242e2b' }}"/>
-    <link rel="stylesheet" href="{{ "/assets/styles.css" | relative_url}}">
+
+      <link rel="stylesheet" href="{{ "/assets/styles.css" | relative_url }}">
+
+  <link rel="stylesheet" href="{{ site.url }}/assets/style.css">
 
 
     {% if site.favicons or site.avatarurl %}{% include site-favicons.html %}{% endif %}

diff --git a/_includes/nav-header.html b/_includes/nav-header.html
@@ -2,7 +2,7 @@
   <div class="container">
       <div class="navbar-brand">
           <a href="{{ site.baseurl }}/" class="navbar-item">
-              <img class="image mr-2" src="{{ site.baseurl }}/{{ site.logo}}" alt="{{ site.title }}Logo">
+              <img class="image mr-2" src="{{ site.baseurl }}{{ site.logo}}" alt="{{ site.title }}Logo">
               {{ site.title }}
           </a>
           <a

diff --git a/_sass/main.scss → _sass/_main.scss b/_sass/main.scss → _sass/_main.scss
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -1,11 +1,10 @@
 ---
-title: false
-styles: true
 ---
 
+
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 
-$primary: {{ site.primary_color }};
+$primary: #E53935;
 $link : $primary;
 $family-sans-serif: "Roboto", "Arial", sans-serif !default;
 $family-monospace: "Roboto Mono", monospace !default;

diff --git a/elements.md b/elements.md
@@ -1,7 +1,6 @@
 ---
 title: Elements
-feature_text: |
-  A demo of Markdown and HTML includes
+feature_text:  A demo of Markdown and HTML includes
 feature_image: "https://picsum.photos/2560/600?image=873"
 description: "A demo of Markdown and HTML includes"
 aside: true
@@ -249,48 +248,83 @@ blockquote.innerHTML = bolden("Mr. Sullivan", blockquote.innerHTML)
 
 {% include figure.html image="https://picsum.photos/1600/800?image=894" alt="Image with just alt text" %}{% endraw %}
 ```
-<section class="hero is-primary">
-  <div class="hero-body">
-    <div class="container">
-      <nav class="columns">
-        <a class="column has-text-centered" href="{{ site.url }}/documentation/overview/responsiveness/">
-          <span class="icon is-large" style="margin-right: -15px;">
-            <i class="fas fa-lg fa-mobile-alt"></i>
-          </span>
-          <span class="icon is-large">
-            <i class="fas fa-2x fa-tablet-alt"></i>
-          </span>
-          <span class="icon is-large" style="margin-right: 10px;">
-            <i class="fas fa-3x fa-desktop"></i>
-          </span>
-          <p class="title is-4" style="margin-top: 0.5em;"><strong>100% Responsive</strong></p>
-          <p class="subtitle">Designed for <strong>mobile</strong> first</p>
-        </a>
-        <a class="column has-text-centered" href="{{ site.url }}/documentation/overview/modular/">
-          <span class="icon is-large">
-            <i class="fas fa-3x fa-cubes"></i>
-          </span>
-          <p class="title is-4" style="margin-top: 0.5em;"><strong>Modular</strong></p>
-          <p class="subtitle">Just import what you <strong>need</strong></p>
-        </a>
-        <a class="column has-text-centered" href="{{ site.url }}/documentation/columns/basics/">
-          <span class="icon is-large">
-            <i class="fab fa-3x fa-css3"></i>
-          </span>
-          <p class="title is-4" style="margin-top: 0.5em;"><strong>Modern</strong></p>
-          <p class="subtitle">Built with <strong>Flexbox</strong></p>
-        </a>
-        <a class="column has-text-centered" href="{{ site.github }}">
-          <span class="icon is-large">
-            <i class="fab fa-3x fa-github"></i>
-          </span>
-          <p class="title is-4" style="margin-top: 0.5em;"><strong>Free</strong></p>
-          <p class="subtitle">Open source on <strong>GitHub</strong></p>
-        </a>
-      </nav>
-    </div>
-  </div>
-</section>
-
 
-<div class="columns my-6"><div class="column is-6"><a class="box is-flex" style="justify-content:space-between;align-items:center" href="https://hugo-mini-course.netlify.app/sections/intro/welcome/"><span class="icon is-medium"><svg class="svg-inline--fa fa-chevron-circle-left fa-w-16 fa-2x" aria-hidden="true" data-prefix="fas" data-icon="chevron-circle-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zM142.1 273l135.5 135.5c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L226.9 256l101.6-101.6c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L142.1 239c-9.4 9.4-9.4 24.6 0 34z"></path></svg><!-- <i class="fas fa-2x fa-chevron-circle-left"></i> --></span><div class="has-text-right"><div class="has-text-weight-bold is-size-7 has-text-grey">Previous Section</div><span class="is-size-5">Welcome</span></div></a></div><div class="column is-6"><a class="box is-flex" style="justify-content:space-between;align-items:center" href="https://hugo-mini-course.netlify.app/sections/intro/setup/"><div><div class="has-text-weight-bold is-size-7 has-text-grey">Next Section</div><span class="is-size-5">Setup</span></div><span class="icon is-medium"><svg class="svg-inline--fa fa-chevron-circle-right fa-w-16 fa-2x" aria-hidden="true" data-prefix="fas" data-icon="chevron-circle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z"></path></svg><!-- <i class="fas fa-2x fa-chevron-circle-right"></i> --></span></a></div></div>
+ <section class="hero is-primary">
+        <div class="hero-body">
+            <div class="container">
+                <nav class="columns">
+                    <a class="column has-text-centered" href="#">
+                        <span class="icon is-large" style="margin-right: -15px;">
+                            <i class="fas fa-lg fa-mobile-alt"></i>
+                        </span>
+                        <span class="icon is-large">
+                            <i class="fas fa-2x fa-tablet-alt"></i>
+                        </span>
+                        <span class="icon is-large" style="margin-right: 10px;">
+                            <i class="fas fa-3x fa-desktop"></i>
+                        </span>
+                        <p class="title is-4" style="margin-top: 0.5em;"><strong>100% Responsive</strong></p>
+                        <p class="subtitle">Designed for <strong>mobile</strong> first</p>
+                    </a>
+                    <a class="column has-text-centered" href="#">
+                        <span class="icon is-large">
+                            <i class="fas fa-3x fa-cubes"></i>
+                        </span>
+                        <p class="title is-4" style="margin-top: 0.5em;"><strong>Modular</strong></p>
+                        <p class="subtitle">Just import what you <strong>need</strong></p>
+                    </a>
+                    <a class="column has-text-centered" href="#">
+                        <span class="icon is-large">
+                            <i class="fab fa-3x fa-css3"></i>
+                        </span>
+                        <p class="title is-4" style="margin-top: 0.5em;"><strong>Modern</strong></p>
+                        <p class="subtitle">Built with <strong>Flexbox</strong></p>
+                    </a>
+                    <a class="column has-text-centered" href="#">
+                        <span class="icon is-large">
+                            <i class="fab fa-3x fa-github"></i>
+                        </span>
+                        <p class="title is-4" style="margin-top: 0.5em;"><strong>Free</strong></p>
+                        <p class="subtitle">Open source on <strong>GitHub</strong></p>
+                    </a>
+                </nav>
+            </div>
+        </div>
+    </section>
+
+ <style>
+        .pagination-box {
+            justify-content: space-between;
+            align-items: center;
+        }
+    </style>
+</head>
+<body>
+    <div class="section">
+        <div class="container">
+            <div class="columns my-6">
+                <div class="column is-6">
+                    <a class="box is-flex pagination-box" href="https://hugo-mini-course.netlify.app/sections/intro/welcome/">
+                        <span class="icon is-medium">
+                            <i class="fas fa-2x fa-chevron-circle-left"></i>
+                        </span>
+                        <div class="has-text-right">
+                            <div class="has-text-weight-bold is-size-7 has-text-grey">Previous Section</div>
+                            <span class="is-size-5">Welcome</span>
+                        </div>
+                    </a>
+                </div>
+                <div class="column is-6">
+                    <a class="box is-flex pagination-box" href="https://hugo-mini-course.netlify.app/sections/intro/setup/">
+                        <div>
+                            <div class="has-text-weight-bold is-size-7 has-text-grey">Next Section</div>
+                            <span class="is-size-5">Setup</span>
+                        </div>
+                        <span class="icon is-medium">
+                            <i class="fas fa-2x fa-chevron-circle-right"></i>
+                        </span>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>