index page

This commit is contained in:
gurusabarish
2022-03-01 11:47:51 +05:30
parent 54ecbb65c4
commit 7e3632490b
11 changed files with 75 additions and 70 deletions
+44 -41
View File
@@ -196,8 +196,6 @@ params:
Extracurricular Activities Extracurricular Activities
- Lorem ipsum dolor sit amet consectetur adipisicing elit. - 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. - 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" - title: "Bachelor of Science in Computer Science"
school: school:
name: "Massachusetts Institute of Technology" name: "Massachusetts Institute of Technology"
@@ -212,8 +210,6 @@ params:
Extracurricular Activities Extracurricular Activities
- Lorem ipsum dolor sit amet consectetur adipisicing elit. - 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. - 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: featuredLink:
enable: true enable: true
name: "My academic record" name: "My academic record"
@@ -225,67 +221,74 @@ params:
GPA: "4.2 out of 5.0" GPA: "4.2 out of 5.0"
featuredLink: featuredLink:
enable: true enable: true
name: "My academic record"
url: "https://example.com" url: "https://example.com"
# Achievements # Achievements
achievements: achievements:
enable: true enable: true
items: items:
- title: Competition winner - title: Google kickstart runner
content: We are developed a product which can help others. content: I solved all problems with optimal solution.
url: https://example.com url: https://example.com
- title: Competition winner - title: Facebook Hackathon Winner
content: We are developed a product which can help others. content: Developed a product using Artificial Intelligence.
url: "#" - title: Hugo Profile
- title: Competition winner content: Developed a theme and getting 1K+ downloads per month.
content: We are developed a product which can help others. url: "https://github.com/gurusabarish/hugo-profile"
url: "#" - title: Microsoft Imagine Runner
- 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. 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 url: https://example.com
# projects # projects
projects: projects:
enable: true enable: true
items: items:
- title: Project 1 - title: Hugo Profile
content: Lorem ipsum dolor sit amet, consectetur adipiscing elit. content: A highly customizable and mobile first Hugo template for personal portfolio and blog.
image: /images/project.jpg image: /images/projects/profile.png
featured: featured:
name: featured name: Demo
link: https://example.com link: https://hugo-profile.netlify.app
badges: badges:
- "HTML" - "Hugo"
- "CSS" - "Bootstrap"
- "JavaScript" - "Javascript"
links: links:
- icon: fa fa-envelope - 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 - icon: fab fa-github
url: https://example.com url: https://github.com/gurusabarish/hugo-profile
- icon: fab fa-twitter - icon: fab fa-twitter
url: https://example.com url: https://twitter.com/intent/tweet?text=Check+it+out:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile
- title: Project 2
content: Lorem ipsum dolor sit amet, consectetur adipiscing elit. - title: Image Converter
image: /images/project.jpg 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: featured:
name: featured name: Demo
link: https://example.com link: https://django-converter.herokuapp.com
badges: badges:
- "HTML" - "Django"
- "CSS" - "Bootstrap"
- "JavaScript"
links: links:
- icon: fa fa-envelope
url: https://example.com
- icon: fab fa-github - icon: fab fa-github
url: https://example.com url: https://github.com/gurusabarish/converter
- icon: fab fa-twitter
url: https://example.com - 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
contact: contact:
-21
View File
@@ -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
Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

+14 -1
View File
@@ -5,8 +5,9 @@
<div class="px-0 px-md-5 px-lg-5"> <div class="px-0 px-md-5 px-lg-5">
<div class="row justify-content-center px-3 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 }} {{ range .Site.Params.achievements.items }}
{{ if .url }}
<div class="col-lg-4 col-md-6 my-3"> <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"> <div class="card-body bg-transparent">
<h5 class="card-title bg-transparent">{{ .title }}</h5> <h5 class="card-title bg-transparent">{{ .title }}</h5>
<div class="card-text secondary-font"> <div class="card-text secondary-font">
@@ -15,6 +16,18 @@
</div> </div>
</a> </a>
</div> </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 }} {{ end }}
</div> </div>
</div> </div>
+2 -2
View File
@@ -5,8 +5,8 @@
<div class="row justify-content-center py-5"> <div class="row justify-content-center py-5">
{{ $indexMenu := .Site.Params.education.index }} {{ $indexMenu := .Site.Params.education.index }}
{{ range $index, $element := .Site.Params.education.items }} {{ range $index, $element := .Site.Params.education.items }}
<div class="col-12"> <div class="col-12 p-0">
<div class="row row align-items-center justify-content-center m-2 mb-4"> <div class="row row align-items-center justify-content-center m-1 mb-4">
{{ if $indexMenu }} {{ if $indexMenu }}
<div class="col-md-1 text-center me-2 p-0 d-none d-md-block"> <div class="col-md-1 text-center me-2 p-0 d-none d-md-block">
<div class="py-2"> <div class="py-2">
+3 -3
View File
@@ -2,7 +2,7 @@
<section id="projects" class="py-5"> <section id="projects" class="py-5">
<div class="container"> <div class="container">
<h3 class="text-center">Projects</h3> <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 }} {{ range .Site.Params.projects.items }}
<div class="col-lg-4 col-md-6 my-3"> <div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100" title="{{ .title }}"> <div class="card my-3 h-100" title="{{ .title }}">
@@ -15,7 +15,7 @@
<span class="badge badge-secondary">{{ . }}</span> <span class="badge badge-secondary">{{ . }}</span>
{{ end }} {{ end }}
</div> </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"> <div class="card-text bg-transparent secondary-font">
{{ .content }} {{ .content }}
</div> </div>
@@ -24,7 +24,7 @@
<div class="card-footer py-3"> <div class="card-footer py-3">
{{ range .links }} {{ range .links }}
<span class="m-1 mx-2"> <span class="m-1 mx-2">
<a href="{{ .url }}"> <a href="{{ .url }}" target="_blank">
<i class="{{ .icon }}"></i> <i class="{{ .icon }}"></i>
</a> </a>
</span> </span>
+1 -1
View File
@@ -34,7 +34,7 @@
<div class="card-footer py-3"> <div class="card-footer py-3">
{{ range .Params.links }} {{ range .Params.links }}
<span class="m-1 mx-2"> <span class="m-1 mx-2">
<a href="{{ .url }}"> <a href="{{ .url }}" target="_blank">
<i class="{{ .icon }}"></i> <i class="{{ .icon }}"></i>
</a> </a>
</span> </span>
+11 -1
View File
@@ -337,6 +337,12 @@
padding: 2rem; padding: 2rem;
} }
@media all and (max-width:768px) {
#education .card .card-body {
padding: 2rem 1rem;
}
}
#education .card:hover { #education .card:hover {
transition: 0.3s; transition: 0.3s;
box-shadow: 0 4px 11px rgb(15 80 100 / 16%); box-shadow: 0 4px 11px rgb(15 80 100 / 16%);
@@ -369,6 +375,7 @@
border: 1px solid var(--primary-color) !important; border: 1px solid var(--primary-color) !important;
border-radius: .75rem; border-radius: .75rem;
box-shadow: none; box-shadow: none;
transition: none;
} }
#education .card .card-body a.btn:hover { #education .card .card-body a.btn:hover {
@@ -389,12 +396,15 @@
background-color: var(--secondary-color) !important; background-color: var(--secondary-color) !important;
border-radius: 1rem; border-radius: 1rem;
box-shadow: 0 0 36px rgba(0,0,0,0.1); box-shadow: 0 0 36px rgba(0,0,0,0.1);
cursor: alias;
/* transform: translate3d(0, 0, 0); */ /* transform: translate3d(0, 0, 0); */
transition: box-shadow .2s linear,opacity .2s linear; transition: box-shadow .2s linear,opacity .2s linear;
border: 2px solid transparent; border: 2px solid transparent;
} }
#achievements a.card {
cursor: alias;
}
#achievements .card:hover { #achievements .card:hover {
border: 2px solid var(--text-color); border: 2px solid var(--text-color);
transition: .3s; transition: .3s;