index page

11 files changed, 75 insertions, 70 deletions

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 9795c30..5c4b914 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -196,8 +196,6 @@ params:
           Extracurricular Activities

             - Lorem ipsum dolor sit amet consectetur adipisicing elit. 

             - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.

-            - Lorem ipsum dolor sit amet consectetur adipisicing elit.

-            - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.

       - title: "Bachelor of Science in Computer Science"

         school:

           name: "Massachusetts Institute of Technology"

@@ -212,8 +210,6 @@ params:
           Extracurricular Activities

             - Lorem ipsum dolor sit amet consectetur adipisicing elit. 

             - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.

-            - Lorem ipsum dolor sit amet consectetur adipisicing elit.

-            - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.

         featuredLink:

           enable: true

           name: "My academic record"

@@ -225,67 +221,74 @@ params:
         GPA: "4.2 out of 5.0"

         featuredLink:

           enable: true

-          name: "My academic record"

           url: "https://example.com"

       

   # Achievements

   achievements:

     enable: true

     items:  

-      - title: Competition winner

-        content: We are developed a product which can help others.

+      - title: Google kickstart runner

+        content: I solved all problems with optimal solution.

         url: https://example.com

-      - title: Competition winner

-        content: We are developed a product which can help others.

-        url: "#"

-      - title: Competition winner

-        content: We are developed a product which can help others.

-        url: "#"

-      - title: Competition winner

-        content: We are developed a product which can help others.

-        url: "#"

-      - title: Competition winner

+      - title: Facebook Hackathon Winner

+        content: Developed a product using Artificial Intelligence.

+      - title: Hugo Profile

+        content: Developed a theme and getting 1K+ downloads per month.

+        url: "https://github.com/gurusabarish/hugo-profile"

+      - title:  Microsoft Imagine Runner

         content: We are developed a product which can help others.

+      - title: Google Summer of Code

+        content: Contributed to a open source project.

         url: https://example.com

 

   # projects

   projects:

     enable: true

     items:

-      - title: Project 1

-        content: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-        image: /images/project.jpg

+      - title: Hugo Profile

+        content: A highly customizable and mobile first Hugo template for personal portfolio and blog.

+        image: /images/projects/profile.png

         featured:

-          name: featured

-          link: https://example.com

+          name: Demo

+          link: https://hugo-profile.netlify.app

         badges:

-          - "HTML"

-          - "CSS"

-          - "JavaScript"

+          - "Hugo"

+          - "Bootstrap"

+          - "Javascript"

         links:

           - icon: fa fa-envelope

-            url: https://example.com

+            url: mailto:?subject=Hugo%20Profile%20Template&body=Check%20it%20out:%20https%3a%2f%2fhugo-profile.netlify.app%2fblog%2fmarkdown-syntax%2f

           - icon: fab fa-github

-            url: https://example.com

+            url: https://github.com/gurusabarish/hugo-profile

           - icon: fab fa-twitter

-            url: https://example.com

-      - title: Project 2

-        content: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-        image: /images/project.jpg

+            url: https://twitter.com/intent/tweet?text=Check+it+out:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile

+      

+      - title: Image Converter

+        content:  A web app to convert image to pdf, png to jpg, png to jpg and png to webp without database using django.

+        image: /images/projects/converter.jpg

         featured:

-          name: featured

-          link: https://example.com

+          name: Demo

+          link: https://django-converter.herokuapp.com

         badges:

-          - "HTML"

-          - "CSS"

-          - "JavaScript"

+          - "Django"

+          - "Bootstrap"

         links:

-          - icon: fa fa-envelope

-            url: https://example.com

           - icon: fab fa-github

-            url: https://example.com

-          - icon: fab fa-twitter

-            url: https://example.com

+            url: https://github.com/gurusabarish/converter

+      

+      - title: Hugo Profile V2

+        content: A clean and simple Hugo template for personal portfolio and blog.

+        image: /images/projects/profile2.jpg

+        featured:

+          name: Demo V2

+          link: https://hugo-profile-2.netlify.app

+        badges:

+          - "Hugo"

+          - "Bootstrap"

+          - "Javascript"

+        links:

+          - icon: fab fa-github

+            url: https://github.com/gurusabarish/HugoProfileV2

 

   #Contact

   contact:

diff --git a/exampleSite/content/projects/example.md b/exampleSite/content/projects/example.md
deleted file mode 100644
index ff54616..0000000
--- a/exampleSite/content/projects/example.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: "Example project with details"
-date: 2021-05-04T11:30:13+05:30
-draft: false
-# showInHome: false
-description: "Description of project"
-image: /images/project.jpg
-badges:
-    - "HTML"
-    - "CSS"
-    - "JavaScript"
-links:
-    - icon: fa fa-envelope
-      url: https://example.com
-    - icon: fab fa-github
-      url: https://example.com
-    - icon: fab fa-twitter
-      url: https://example.com
----
-
-conetnt
\ No newline at end of file
diff --git a/exampleSite/static/images/project.jpg b/exampleSite/static/images/project.jpg
deleted file mode 100644
index c116e5c..0000000
--- a/exampleSite/static/images/project.jpg
+++ /dev/null
diff --git a/exampleSite/static/images/projects/converter.jpg b/exampleSite/static/images/projects/converter.jpg
new file mode 100644
index 0000000..7c34b60
--- /dev/null
+++ b/exampleSite/static/images/projects/converter.jpg
diff --git a/exampleSite/static/images/projects/profile.png b/exampleSite/static/images/projects/profile.png
new file mode 100644
index 0000000..b6a62a0
--- /dev/null
+++ b/exampleSite/static/images/projects/profile.png
diff --git a/exampleSite/static/images/projects/profile2.jpg b/exampleSite/static/images/projects/profile2.jpg
new file mode 100644
index 0000000..93fa1d7
--- /dev/null
+++ b/exampleSite/static/images/projects/profile2.jpg
diff --git a/layouts/partials/sections/achievements.html b/layouts/partials/sections/achievements.html
index a054ec6..9e35415 100644
--- a/layouts/partials/sections/achievements.html
+++ b/layouts/partials/sections/achievements.html
@@ -5,8 +5,9 @@
         <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 }}

+                {{ if .url }}

                 <div class="col-lg-4 col-md-6 my-3">

-                    <a class="card my-3 h-100 p-3" href="{{ .url }}" title="{{ .title }}">

+                    <a class="card my-3 h-100 p-3" href="{{ .url }}" title="{{ .title }}" target="_blank">

                         <div class="card-body bg-transparent">

                             <h5 class="card-title bg-transparent">{{ .title }}</h5>

                             <div class="card-text secondary-font">

@@ -15,6 +16,18 @@
                         </div>

                     </a>

                 </div>

+                {{ else }}

+                <div class="col-lg-4 col-md-6 my-3">

+                    <div class="card my-3 h-100 p-3" title="{{ .title }}">

+                        <div class="card-body bg-transparent">

+                            <h5 class="card-title bg-transparent">{{ .title }}</h5>

+                            <div class="card-text secondary-font">

+                                {{ .content }}

+                            </div>

+                        </div>

+                    </div>

+                </div>

+                {{ end }}

                 {{ end }}

             </div>

         </div>

diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html
index 7b0b5b9..ca4f3b5 100644
--- a/layouts/partials/sections/education.html
+++ b/layouts/partials/sections/education.html
@@ -5,8 +5,8 @@
         <div class="row justify-content-center py-5">

             {{ $indexMenu := .Site.Params.education.index }}

             {{ range $index, $element := .Site.Params.education.items }}

-            <div class="col-12">

-                <div class="row row align-items-center justify-content-center m-2 mb-4">

+            <div class="col-12 p-0">

+                <div class="row row align-items-center justify-content-center m-1 mb-4">

                     {{ if $indexMenu }}

                     <div class="col-md-1 text-center me-2 p-0 d-none d-md-block">

                         <div class="py-2">

diff --git a/layouts/partials/sections/projects.html b/layouts/partials/sections/projects.html
index c2cee6b..cf83c68 100644
--- a/layouts/partials/sections/projects.html
+++ b/layouts/partials/sections/projects.html
@@ -2,7 +2,7 @@
 <section id="projects" class="py-5">

     <div class="container">

         <h3 class="text-center">Projects</h3>

-        <div class="row justify-content-center px-3 px-md-5 px-lg-5">

+        <div class="row justify-content-center px-3 ">

             {{ range .Site.Params.projects.items }}

             <div class="col-lg-4 col-md-6 my-3">

                 <div class="card my-3 h-100" title="{{ .title }}">

@@ -15,7 +15,7 @@
                             <span class="badge badge-secondary">{{ . }}</span>

                             {{ end }}

                         </div>

-                        <h5 class="card-title bg-transparent">{{ .title }}</h5>

+                        <h5 class="card-title bg-transparent mt-1">{{ .title }}</h5>

                         <div class="card-text bg-transparent secondary-font">

                             {{ .content }}

                         </div>

@@ -24,7 +24,7 @@
                     <div class="card-footer py-3">

                         {{ range .links }}

                         <span class="m-1 mx-2">

-                            <a href="{{ .url }}">

+                            <a href="{{ .url }}" target="_blank">

                                 <i class="{{ .icon }}"></i>

                             </a>

                         </span>

diff --git a/layouts/projects/list.html b/layouts/projects/list.html
index 2859530..524edb0 100644
--- a/layouts/projects/list.html
+++ b/layouts/projects/list.html
@@ -34,7 +34,7 @@
                 <div class="card-footer py-3">

                     {{ range .Params.links }}

                     <span class="m-1 mx-2">

-                        <a href="{{ .url }}">

+                        <a href="{{ .url }}" target="_blank">

                             <i class="{{ .icon }}"></i>

                         </a>

                     </span>

diff --git a/static/css/index.css b/static/css/index.css
index e47df71..bc9e43e 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -337,6 +337,12 @@
     padding: 2rem;

 }

 

+@media all and (max-width:768px) {

+    #education .card .card-body {

+        padding: 2rem 1rem;

+    }

+}

+

 #education .card:hover {

     transition: 0.3s;

     box-shadow: 0 4px 11px rgb(15 80 100 / 16%);

@@ -369,6 +375,7 @@
     border: 1px solid var(--primary-color) !important;

     border-radius: .75rem;

     box-shadow: none;

+    transition: none;

 }

 

 #education .card .card-body a.btn:hover {

@@ -389,12 +396,15 @@
     background-color: var(--secondary-color) !important;

     border-radius: 1rem;

     box-shadow: 0 0 36px rgba(0,0,0,0.1);

-    cursor: alias;

     /* transform: translate3d(0, 0, 0); */

     transition: box-shadow .2s linear,opacity .2s linear;

     border: 2px solid transparent;

 }

 

+#achievements a.card {

+    cursor: alias;

+}

+

 #achievements .card:hover {

     border: 2px solid var(--text-color);

     transition: .3s;