Ip23 24 refine cots website

Gemfile

@@ -6,3 +6,4 @@ gem 'jekyll-tagging'
 gem "jekyll-sitemap"
 gem 'wdm', '>= 0.1.0'
 gem "webrick", "~> 1.7"
+# gem 'jekyll-archives'

Samples/Sample-Post.md

@@ -0,0 +1,27 @@
+---
+title: "Title of the Post heare"
+layout: news
+date: 2023-05-10T15:14:39+10:00
+image: assets/images/posts/Popularity-of-sinhala-songs.jpg
+weight: 5
+categories:
+  - Research
+image: assets/images/posts/( name of the image file ) 
+thumbnail: assets/images/posts/( name of the thumbnail ) ( 389px * 250px this is the view size allowed, adjust accordingly )
+---
+
+#####
+
+rename file to
+(year-month-day)-(name-heare-in-this-format).md
+and put in the \_posts folder
+
+#####
+
+###### Author [(Name)](</author/(name).html>)
+
+#### Abstract
+
+something...
+something...
+something.... [Read More](</projects/(name-of-the-relevent-post).html>)

_config.yml

@@ -1,5 +1,6 @@
 baseurl: "" # the subpath of your site, e.g. blog/
-url: "https://cots-lab.github.io" # the base hostname & protocol for your site, e.g. http://example.com/
+#url: "https://cots-lab.github.io" # the base hostname & protocol for your site, e.g. http://example.com/
+url: ""
 assetsurl: "https://cots-lab.github.io/new-cots-website/assets"
 
 title: COTS Labs
@@ -23,6 +24,7 @@ plugins:
   - jekyll-paginate
   - jekyll-sitemap
   - jekyll/tagging
+  # - jekyll-archives
 
 paginate: 4
 paginate_path: "/page/:num"
@@ -71,9 +73,6 @@ defaults:
       permalink: projects/:title:output_ext
       layout: post
 
-
-
-
 collections:
   team:
     output: true
@@ -84,7 +83,7 @@ collections:
     output: true
 
 # Tags
-tag_page_dir: tag
+tag_page_dir: tags
 tag_page_layout: tags
 tag_permalink_style: pretty
 

_data/parameters.yml

@@ -3,12 +3,11 @@ menu:
   # main menu
   main:
     - { name: Home, url: "/" }
-    - { name: Projects, url: "/projects"}
-    - { name: Publications, url: "/publications" }
-    - { name: News, url: "/news"}
-    - { name: Team, url: "/teams" }
-    - { name: Contact, url: "/contact" }
-
+    - { name: Projects, url: "/projects.html" }
+    - { name: Publications, url: "/publications.html" }
+    - { name: News, url: "/news.html" }
+    - { name: Team, url: "/teams.html" }
+    - { name: Contact, url: "/contact.html" }
 
   ##### Dropdown menu ######
 
@@ -24,10 +23,11 @@ menu:
   # Footer menu
   footer:
     - { name: Home, url: "/" }
-    - { name: Projects, url: "/projects"}
-    - { name: Publications, url: "/publications" }
-    - { name: News, url: "/news"}
-    - { name: Contact, url: "/contact" }
+    - { name: Projects, url: "/projects.html" }
+    - { name: Publications, url: "/publications.html" }
+    - { name: News, url: "/news.html" }
+    - { name: Team, url: "/teams.html" }
+    - { name: Contact, url: "/contact.html" }
 
 ######################### Default Parameters ###########################
 
@@ -56,8 +56,8 @@ search:
 social:
   - name: "github"
     icon: "ti-github" # themify icon pack https://themify.me/themify-icons
-    link: "#"
+    link: "https://github.com/cots-lab"
 
-  - name: "linkedin"
-    icon: "ti-linkedin" # themify icon pack https://themify.me/themify-icons
-    link: "#"
+  - name: "instagram"
+    icon: "ti-instagram" # themify icon pack https://themify.me/themify-icons
+    link: "https://www.instagram.com/cotslab/"

_includes/footer.html

@@ -1,27 +1,24 @@
 <!-- footer -->
-<footer class="py-4 bg-light border-top" style="margin-top: 50px;">
-  <div class="container" >
-    <div class="row justify-content-between align-items-center">
-      <div class="col-lg-4 text-center text-lg-left mb-4 mb-lg-0">
-        <a href="{{ site.baseurl }}" class="d-block pb-3"><img src="{{ site.data.parameters.logo | relative_url }}" class="img-logo" alt="{{ site.title }}"></a>
-      </div>
-      <div class="col-lg-4 text-center mb-4 mb-lg-0">
-        <ul class="list-inline mb-0">
-          {% for footer in site.data.parameters.menu.footer %}
-          <li class="list-inline-item"><a class="text-dark d-block p-2" href="{{ footer.url | relative_url }}">{{ footer.name }}</a></li>
-          {% endfor %}
-        </ul>
-      </div>
-      <div class="col-lg-4 text-lg-right text-center mb-4 mb-lg-0">
+<footer class="py-4 bg-light border-top" style="margin-top: 50px">
+  <div class="container">
+    <div class="row">
+      <!-- social links -->
+      <div class="col-lg text-lg-center mb-lg-0">
         <ul class="list-inline social-icon mb-0">
           {% for social in site.data.parameters.social %}
-          <li class="list-inline-item"><a href="{{ social.link | relative_url }}"><i class="{{ social.icon }}"></i></a></li>
+          <li class="list-inline-item">
+            <a href="{{ social.link | relative_url }}"
+              ><i class="{{ social.icon }}"></i
+            ></a>
+          </li>
           {% endfor %}
         </ul>
       </div>
-    </div>
-    <div class="text-center mt-4">
-      <span>{{ site.data.parameters.copyright | markdownify }}</span>
+
+      <!-- copyright section -->
+      <div class="col-lg text-center mt-4">
+        <span>{{ site.data.parameters.copyright | markdownify }}</span>
+      </div>
     </div>
   </div>
 </footer>
@@ -33,4 +30,4 @@
 {% endfor %}
 
 <!-- Main Script -->
-<script src="{{ '/assets/js/script.js' | relative_url }}"></script>
+<script src="{{ '/assets/js/script.js' | relative_url }}"></script>

_includes/header.html

@@ -3,48 +3,81 @@
   <div class="container">
     <!-- navbar -->
     <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
-      <a class="navbar-brand" href="{{ site.baseurl }}"><img class="img-fluid" src="{{ site.data.parameters.logo | relative_url }}" alt="{{ site.title }}"></a>
-      <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
+      <!-- <a class="navbar-brand" href="{{ site.baseurl }}" -->
+      <a class="navbar-brand" href="/{{ site.baseurl }}"
+        ><img
+          class="img-fluid"
+          src="{{ site.data.parameters.logo | relative_url }}"
+          alt="{{ site.title }}"
+      /></a>
+      <button
+        class="navbar-toggler border-0"
+        type="button"
+        data-toggle="collapse"
+        data-target="#navigation"
+      >
         <i class="ti-menu h3"></i>
       </button>
 
       <div class="collapse navbar-collapse text-center" id="navigation">
         <ul class="navbar-nav ml-auto">
-          {% for main in site.data.parameters.menu.main %}
-            {% if main.submenu %}
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
-                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                {{main.name}}
-              </a>
-              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                {% for children in main.submenu %}
-                <a class="dropdown-item" href="{{children.url}}">{{children.name}}</a>
-                {% endfor %}
-              </div>
-            </li>
-            {% else %}
+          {% for main in site.data.parameters.menu.main %} {% if main.submenu %}
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle"
+              href="#"
+              id="navbarDropdown"
+              role="button"
+              data-toggle="dropdown"
+              aria-haspopup="true"
+              aria-expanded="false"
+            >
+              {{main.name}}
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+              {% for children in main.submenu %} {{ children }}
+              <a class="dropdown-item" href="{{children.url}}"
+                >{{children.name}}</a
+              >
+              {% endfor %}
+            </div>
+          </li>
+          {% else %}
 
-            <li class="nav-item">
-              <a class="nav-link" href="{{ main.url | relative_url }}">{{ main.name }}</a>
-            </li>
-            {% endif %}
-          {% endfor %}
+          <li class="nav-item">
+            <a class="nav-link" href="{{ main.url | relative_url }}"
+              >{{ main.name }}</a
+            >
+          </li>
+          {% endif %} {% endfor %}
         </ul>
         {% if site.data.parameters.search.enable %}
         <!-- search -->
         <div class="search">
-          <button id="searchOpen" class="search-btn"><i class="ti-search"></i></button>
+          <button id="searchOpen" class="search-btn">
+            <i class="ti-search"></i>
+          </button>
           <div class="search-wrapper">
             <form action="{{ 'search.html' | relative_url }}" class="h-100">
-              <input type="search" class="form-control rounded" id="search-box" name="query" type="search" placeholder="Search" aria-label="Search" aria-describedby="search-addon" />
+              <input
+                type="search"
+                class="form-control rounded"
+                id="search-box"
+                name="query"
+                type="search"
+                placeholder="Search"
+                aria-label="Search"
+                aria-describedby="search-addon"
+              />
             </form>
-            <button id="searchClose" class="search-close"><i class="ti-close text-dark"></i></button>
+            <button id="searchClose" class="search-close">
+              <i class="ti-close text-dark"></i>
+            </button>
           </div>
         </div>
         {% endif %}
       </div>
     </nav>
   </div>
 </header>
-{{ "<!-- /navigation -->" | safeHTML }}
+{{ "<!-- /navigation -->" | safeHTML }}

_includes/main-loop-card.html

@@ -1,33 +1,44 @@
 <div class="mb-5 d-flex justify-content-between main-loop-card">
-<div class="pr-3">
-	<h2 class="mb-1 h4 font-weight-bold">
-	<a class="text-dark" href="{{site.baseurl}}{{post.url}}">{{ post.title }}</a>
-	</h2>
-	<p class="excerpt">
-	   {{ post.excerpt  | strip_html | strip_newlines | truncate: 186}}
-	</p>
-	<small class="d-block text-muted">
-		<span class="catlist">
-		{% for category in post.categories %}
-		<a class="text-capitalize text-muted smoothscroll" href="{{site.baseurl}}/categories.html#{{ category | downcase }}">{{ category }}</a><span class="sep"> </span>
-		{% endfor %}
-		</span>
-	</small> -->
-	<!-- <small class="text-muted">
+  <div class="pr-3">
+    <h2 class="mb-1 h4 font-weight-bold">
+      <a class="text-dark" href="{{site.baseurl}}{{post.url}}"
+        >{{ post.title }}</a
+      >
+    </h2>
+    <p class="excerpt">
+      {{ post.excerpt | strip_html | strip_newlines | truncate: 186}}
+    </p>
+    <small class="d-block text-muted">
+      <span class="catlist">
+        <!-- {% for category in post.tags %}
+        <a
+          class="text-capitalize text-muted smoothscroll"
+          href="{{ site.baseurl }}/tags/{{ category | downcase }}/"
+          >{{ category }}</a
+        ><span class="sep"> </span>
+        {% endfor %} -->
+        <span class="sep">In </span>
+        <a
+          class="text-capitalize text-muted smoothscroll"
+          href="{{ site.baseurl }}/projects/"
+          >projects</a
+        >
+      </span>
+    </small>
+
+    <!-- <small class="text-muted">
 		{{ post.date | date: '%b %d, %Y' }}
 	</small> -->
+  </div>
+  {% if post.thumbnail %}
+  <div class="col-md-3 pr-0 text-right">
+    <a href="{{site.baseurl}}{{post.url}}">
+      {% if post.thumbnail contains "://" %} {% assign new-thumb =
+      post.thumbnail %} {% else %} {% assign new-thumb = {{site.baseurl}} |
+      append: /{{post.thumbnail}} %} {% endif %}
+      <img class="w-100" src="{{ new-thumb }}" alt="{{ post.title }}" />
+      <!-- <img class="w-100" src="{% if post.thumbnail contains "://" %}{{ post.thumbnail }}{% else %}{{ site.baseurl }}/{{ post.thumbnail }}{% endif %}" alt="{{ post.title }}"> -->
+    </a>
+  </div>
+  {% endif %}
 </div>
-{% if post.thumbnail %}
-	<div class="col-md-3 pr-0 text-right">
-	<a href="{{site.baseurl}}{{post.url}}">
-		{% if post.thumbnail contains "://" %}
-			{% assign new-thumb = post.thumbnail %}
-		{% else %}
-			{% assign new-thumb = {{site.baseurl}} | append: /{{post.thumbnail}} %}
-		{% endif %}
-	<img class="w-100" src="{{ new-thumb }}" alt="{{ post.title }}">
-	<!-- <img class="w-100" src="{% if post.thumbnail contains "://" %}{{ post.thumbnail }}{% else %}{{ site.baseurl }}/{{ post.thumbnail }}{% endif %}" alt="{{ post.title }}"> -->
-	</a>
-	</div>
-{% endif %}
-</div>

_layouts/default.html

@@ -1,18 +1,19 @@
 <!DOCTYPE html>
 <html lang="en-US">
-{% include head.html %}
+  {% include head.html %}
 
-<body>
-	<div class="scroll-up-btn">
-		<i class="fas fa-angle-up"></i>
-	  </div>
-	{% include preloader.html %}
-	{% include header.html %}
-	{% if page.url != "/" and page.url != "/teams.html" and page.url != "/publications.html" and page.url != "/projects.html"%}
-		<div class="py-5 d-none d-lg-block"></div>
-	{% endif %}
-	{{content}}
-	{% include footer.html %}
-</body>
-
-</html>
+  <body>
+    <div class="scroll-up-btn">
+      <i class="fas fa-angle-up"></i>
+    </div>
+    {% include preloader.html %} {% include header.html %}
+    <!-- {% if page.url != "/"
+    and page.url != "/teams.html" 
+    and page.url != "/publications.html" 
+    and page.url != "/projects.html" 
+    and page.url != "/news.html" %}
+    <div class="py-5 d-none d-lg-block"></div>
+    {% endif %}  -->
+    {{content}} {% include footer.html %}
+  </body>
+</html>