changed experience tab cursor tp pointer

Bugfix/button

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: gurusabarish # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: gurusabarish # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://donate.stripe.com/7sIeWp3aG07vd6o8ww'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

exampleSite/config.yaml

@@ -1,4 +1,4 @@
-baseURL: "https://example.org"
+baseURL: "https://hugo-profile.netlify.app"
 languageCode: "en-us"
 title: "Hugo Profile"
 theme: hugo-profile
@@ -19,24 +19,30 @@ Menus:
       title: Blog posts
       url: /blogs
       weight: 1
+    
+    - identifier: gallery
+      name: Gallery
+      title: Blog posts
+      url: /gallery
+      weight: 2
 
     #Dropdown menu
-    - identifier: dropdown
+    # - identifier: dropdown
-      title: Example dropdown menu
+    #   title: Example dropdown menu
-      name: Dropdown
+    #   name: Dropdown
-      weight: 2
+    #   weight: 3
-    - identifier: dropdown1
+    # - identifier: dropdown1
-      title: example dropdown 1
+    #   title: example dropdown 1
-      name: example 1
+    #   name: example 1
-      url: /#
+    #   url: /#
-      parent: dropdown
+    #   parent: dropdown
-      weight: 1
+    #   weight: 1
-    - identifier: dropdown2
+    # - identifier: dropdown2
-      title: example dropdown 2
+    #   title: example dropdown 2
-      name: example 2
+    #   name: example 2
-      url: /#
+    #   url: /#
-      parent: dropdown
+    #   parent: dropdown
-      weight: 2
+    #   weight: 2
 
 params:
   title: "Hugo Profile"
@@ -44,6 +50,11 @@ params:
   # staticPath: ""  # The path to serve the static files from
   favicon: "/fav.png"
 
+  # Whether to serve bootstrap css and js files from CDN or not. Can be set to true, "css" or "js" to choose between
+  # serving both, only the css, or only the js files through the CDN. Any other value will make so that CDN is not used.
+  # Note the lack of "" in true, it should be of boolean type.
+  useBootstrapCDN: false
+
   theme:
     disableThemeToggle: false
     # defaultTheme: "light" # dark
@@ -97,6 +108,7 @@ params:
       enable: true
       name: "Resume"
       url: "#"
+      download: true 
     socialLinks:
       fontAwesomeIcons:
         - icon: fab fa-github
@@ -130,6 +142,7 @@ params:
   # Experience
   experience:
     enable: true
+    # title: "Custom Name"
     items:
       - job: "Senior Software Developer"
         company: "Facebook"
@@ -194,6 +207,7 @@ params:
   # Education
   education:
     enable: true
+    # title: "Custom Name"
     # index: true
     items:
       - title: "Master of Business Administration"
@@ -236,6 +250,7 @@ params:
   # Achievements
   achievements:
     enable: true
+    # title: "Custom Name"
     items:
       - title: Google kickstart runner
         content: I solved all problems with optimal solution.
@@ -254,6 +269,7 @@ params:
   # projects
   projects:
     enable: true
+    # title: "Custom Name"
     items:
       - title: Hugo Profile
         content: A highly customizable and mobile first Hugo template for personal portfolio and blog.
@@ -303,6 +319,7 @@ params:
   #Contact
   contact:
     enable: true
+    #title: "Custom name"
     content: My inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you!
     email: gurusabarisha@gmail.com
     btnName: Mail me

exampleSite/content/about.md

@@ -1,29 +0,0 @@
----
-title: "About Me"
-date: 2021-04-03T22:53:58+05:30
-draft: false
-description: ""
-
-name: "Isabella"
-image: /images/me.png
-socialLinks:
-  fontAwesomeIcons:
-    - icon: fab fa-github
-      url: https://example.com
-    - icon: fab fa-twitter
-      url: https://example.com
-  customIcons:
-    - icon: /fav.png
-      url: "https://example.com"
-layout: about
----
-
-I am a software developer with a passion for web development. I have a background in computer science and mathematics, and I have a strong interest in the intersection of technology and art. I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA.
-
-I am currently working on a project that will be used to help people find the best way to get around the city.
-
-Here are a few technologies I've been working with recently:
-
-- React
-- Node
-- Express

exampleSite/content/experience.md

@@ -1,29 +0,0 @@
----
-title: "About Me"
-date: 2021-04-03T22:53:58+05:30
-draft: false
-description: ""
-
-name: "Isabella"
-image: /images/me.png
-socialLinks:
-  fontAwesomeIcons:
-    - icon: fab fa-github
-      url: https://example.com
-    - icon: fab fa-twitter
-      url: https://example.com
-  customIcons:
-    - icon: /fav.png
-      url: "https://example.com"
-layout: experience
----
-
-I am a software developer with a passion for web development. I have a background in computer science and mathematics, and I have a strong interest in the intersection of technology and art. I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA.
-
-I am currently working on a project that will be used to help people find the best way to get around the city.
-
-Here are a few technologies I've been working with recently:
-
-- React
-- Node
-- Express

exampleSite/content/gallery.md

@@ -0,0 +1,14 @@
+---
+title: "Image Gallery"
+date: 2022-06-25T18:35:46+05:30
+draft: false
+description: "My gallery :earth_asia:"
+layout: "gallery"
+images:
+ - src: https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg
+ - src: https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg
+ - src: https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg
+ - src: https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg
+ - src: https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg
+ - src: https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg 
+---

layouts/_default/about.html

@@ -1,6 +1,6 @@
 {{ define "head" }}
 <meta name="description" content="{{ .Params.description }}">
-<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/multipage/about.css">
+<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/about.css">
 
 <!-- fontawesome -->
 <script defer src="{{.Site.Params.staticPath}}/fontawesome-5/all-5.15.4.js"></script>

layouts/_default/baseof.html

@@ -12,13 +12,19 @@
 <body class="light" onload="loading()">
   <!-- javascripts -->
   <!-- <script src="/js/jquery-3.6.0.min.js"></script> -->
-  <script src="{{ .Site.Params.staticPath }}/bootstrap-5/js/bootstrap.bundle.js"></script>
 
   {{- partial "sections/header.html" . -}}
   <div id="content">
     {{- block "main" . }}{{- end }}
   </div>
   {{- partial "sections/footer/index.html" . -}}
+
+  {{- if (or (eq .Site.Params.UseBootstrapCDN true) (eq .Site.Params.UseBootstrapCDN "js")) -}}
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
+  {{- else -}}
+  <script src="{{ .Site.Params.staticPath }}/bootstrap-5/js/bootstrap.bundle.min.js"></script>
+  {{- end -}}
+
   {{- partial "scripts.html" . -}}
 </body>
 

layouts/_default/experience.html

@@ -1,86 +0,0 @@
-{{ define "head" }}
-<meta name="description" content="{{ .Params.description }}">
-<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/multipage/about.css">
-
-<!-- fontawesome -->
-<script defer src="{{.Site.Params.staticPath}}/fontawesome-5/all-5.15.4.js"></script>
-{{ end }}
-
-{{ define "title" }}
-{{.Title }} | {{ .Site.Title }}
-{{ end }}
-
-{{ define "main" }}
-<section id="single">
-    <div class="container">
-        <div class="title mb-3">
-            <h1 class="text-center mb-4">{{ .Title }}</h1>
-        </div>
-        <div class="row justify-content-center">
-            {{ if .Params.image }}
-            <div class="col-sm-12 col-md-12 col-lg-3 px-3">
-                <div class="sticky-sidebar">
-                    <aside class="aboutImg">
-                        <div class="text-center">
-                            <img src="{{ .Params.image }}" class="mx-auto rounded" alt="">
-                        </div>
-                        <h2 class="text-center pt-3">
-                            {{ .Params.name }}
-                        </h2>
-                        <div class="aboutImg-content">
-                            <ul class="list-inline pt-3 text-center">
-                                {{ range .Params.socialLinks.fontAwesomeIcons }}
-                                <li class="list-inline-item text-center">
-                                    <a href="{{ .url }}" target="_blank">
-                                        <i class="{{ .icon }}"></i>
-                                    </a>
-                                </li>
-                                {{ end }}
-
-                                {{ range .Params.socialLinks.customIcons }}
-                                <li class="list-inline-item text-center">
-                                    <a href="{{ .url }}" target="_blank" class="img-icon">
-                                        <img src="{{ .icon }}">
-                                    </a>
-                                </li>
-                                {{ end }}
-                            </ul>
-                        </div>
-                    </aside>
-                </div>
-            </div>
-            {{ end }}
-
-            <div class="col-sm-12 col-md-12 col-lg-6 pt-4 p-2">
-                <div class="pr-lg-4">
-                    <article class="page-content p-2">
-                        {{ .Content | emojify }}
-                    </article>
-                </div>
-            </div>
-        </div>
-    </div>
-    <button class="p-2 px-3" onclick="topFunction()" id="topScroll">
-        <i class="fas fa-angle-up"></i>
-    </button>
-</section>
-
-<script>
-    var topScroll = document.getElementById("topScroll");
-    window.onscroll = function () { scrollFunction() };
-
-    function scrollFunction() {
-        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-            topScroll.style.display = "block";
-        } else {
-            topScroll.style.display = "none";
-        }
-    }
-
-    function topFunction() {
-        document.body.scrollTop = 0;
-        document.documentElement.scrollTop = 0;
-    }
-</script>
-
-{{ end }}

layouts/_default/gallery.html

@@ -0,0 +1,29 @@
+{{ define "head" }}
+<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
+<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
+{{ end }}
+
+{{ define "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<div class="container pt-5" id="list-page">
+    <h2 class="text-center pb-2">{{.Title}}</h2>
+    <h6 class="text-center">{{ .Params.description | emojify }}</h6>
+    <div class="row p-4">
+        {{ .Content | emojify }}
+    </div>
+    <div class="card-group p-4">
+        <div class="row justify-content-center">
+            {{ range .Params.images }}
+            <div class="col-md-4 p-0 m-0">
+                <div class="card p-0 m-0 border-0">
+                    <img class="w-100" height="280px" src="{{ .src }}">
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</div>
+{{ end }}

layouts/partials/head.html

@@ -6,9 +6,18 @@
 <!-- Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link
+<link rel="preload"
-    href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      as="style"
-    rel="stylesheet">
+      href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+>
+<link rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      media="print" onload="this.media='all'" />
+<noscript>
+  <link
+          href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+          rel="stylesheet">
+</noscript>
 
 <!-- font configuration -->
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/font.css" media="all">
@@ -19,7 +28,11 @@
 {{ template "_internal/twitter_cards.html" . }}
 
 <!-- stylesheets -->
+{{- if (or (eq .Site.Params.UseBootstrapCDN true) (eq .Site.Params.UseBootstrapCDN "css")) -}}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+{{- else -}}
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/bootstrap-5/css/bootstrap.min.css" media="all">
+{{- end -}}
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/header.css" media="all">
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/footer.css" media="all">
 

layouts/partials/sections/achievements.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.achievements.enable | default false }}
 <section id="achievements" class="py-5">
     <div class="container">
-        <h3 class="text-center">Achievements</h3>
+        <h3 class="text-center">{{ .Site.Params.achievements.title | default "Achievements" }}</h3>
         <div class="px-0 px-md-5 px-lg-5">
             <div class="row justify-content-center px-3 px-md-5 px-lg-5">
                 {{ range .Site.Params.achievements.items }}

layouts/partials/sections/contact.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.contact.enable | default false }}
 <section id="contact" class="py-5">
     <div class="container">
-        <h3 class="text-center">Get In Touch</h3>
+        <h3 class="text-center">{{ .Site.Params.contact.title | default "Get in Touch" }}</h3>
         <div class="px-0 px-md-5 px-lg-5">
             <div class="row justify-content-center px-md-5">
                 <div class="col-md-8 py-3">

layouts/partials/sections/education.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.education.enable | default false }}
 <section id="education" class="py-5">
     <div class="container">
-        <h3 class="text-center">Education</h3>
+        <h3 class="text-center">{{ .Site.Params.education.title | default "Education" }}</h3>
         <div class="row justify-content-center py-5">
             {{ $indexMenu := .Site.Params.education.index }}
             {{ range $index, $element := .Site.Params.education.items }}

layouts/partials/sections/experience.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.experience.enable | default false }}
 <section id="experience" class="py-5">
     <div class="container">
-        <h3 class="text-center">Experience</h3>
+        <h3 class="text-center">{{ .Site.Params.experience.title | default "Experience" }}</h3>
         <div class="row justify-content-center">
             <div class="col-sm-12 col-md-8 col-lg-8 py-5">
                 <div class="experience-container px-3 pt-2">
@@ -12,7 +12,6 @@
                             <div 
                                 class="nav-link active bg-transparent" 
                                 aria-selected="true" 
-                                type="button"
                                 role="tab" 
                                 data-bs-toggle="pill"
                                 id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
@@ -27,7 +26,6 @@
                             <div 
                                 class="nav-link bg-transparent" 
                                 aria-selected="true" 
-                                type="button"
                                 role="tab" 
                                 data-bs-toggle="pill"
                                 id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'

layouts/partials/sections/hero/index.html

@@ -18,7 +18,7 @@
                 <div class="row">
                     <div class="col-auto h-100">
                         {{ if .Site.Params.hero.button.enable }}
-                        <a href="{{ .Site.Params.hero.button.url }}" class="btn">
+                        <a href="{{ .Site.Params.hero.button.url }}" class="btn" {{ cond .Site.Params.hero.button.download "download" "" }}>
                             {{ .Site.Params.hero.button.name }}
                         </a>
                         {{ end }}

layouts/partials/sections/projects.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.projects.enable | default false }}
 <section id="projects" class="py-5">
     <div class="container">
-        <h3 class="text-center">Projects</h3>
+        <h3 class="text-center">{{ .Site.Params.projects.title | default "Projects" }}</h3>
         <div class="row justify-content-center px-3 px-md-5">
             {{ range .Site.Params.projects.items }}
             <div class="col-lg-4 col-md-6 my-3">

static/css/index.css

@@ -294,6 +294,7 @@ header .navbar {
     border-bottom: 2px solid transparent; 
     border-radius: 0%;
     transition: none;
+    cursor: pointer;
 }
 
 #experience .nav-item .nav-link.active {