Compare commits
2 Commits
bbf5cb41f3
...
8f88709947
| Author | SHA1 | Date | |
|---|---|---|---|
8f88709947
|
|||
|
cdb1d3a565
|
@ -20,7 +20,7 @@ custom_script = ""
|
||||
|
||||
# copyright
|
||||
theme_copyright = true
|
||||
copyright = "Copyright by you"
|
||||
copyright = "Copyright by Joren Schipman"
|
||||
|
||||
# seo meta data for OpenGraph / Twitter Card
|
||||
# seo module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/basic-seo
|
||||
|
||||
@ -1,29 +1,28 @@
|
||||
---
|
||||
title: Home | Professors Personal Portfolio Theme
|
||||
description: ''
|
||||
title: Home | Joren
|
||||
description: 'Cybersecurity-focused computer science student driven by curiosity and hands-on learning.'
|
||||
|
||||
# banner
|
||||
banner:
|
||||
greeting: "Hi there!"
|
||||
title: "I'm **Eric Bettinger**"
|
||||
title: "I'm **Joren Schipman**"
|
||||
image: "images/hero-image.png"
|
||||
designation: "Professor of Artificial Intelligence"
|
||||
institution: "AI Lab of Stanford University"
|
||||
description: "A professor of artificial intelligence at the Stanford AI Lab. I research interests include distributed robotics, mobile computing and programmable matter."
|
||||
designation: "Student Applied Computer Science - Cybersecurity"
|
||||
institution: "Howest University of Applied Sciences"
|
||||
description: >
|
||||
I'm Joren Schipman, a 21-year-old student with a deep passion for cybersecurity, hardware hacking, and solving complex problems through code. I thrive in collaborative environments, value curiosity, and actively pursue hands-on learning to build secure and innovative technology.
|
||||
|
||||
additional_info:
|
||||
- title: "Email"
|
||||
content: "ericbettinger@gmail.com"
|
||||
content: "jorenschipman@gmail.com"
|
||||
- title: "Phone"
|
||||
content: "+1-800-870-6397"
|
||||
content: "+32 456 06 92 55"
|
||||
- title: "Age"
|
||||
content: "56 years"
|
||||
- title: "Nationality"
|
||||
content: "American"
|
||||
content: "21 years"
|
||||
- title: "Languages"
|
||||
content: "English, French"
|
||||
content: "Dutch, English, French"
|
||||
- title: "Address"
|
||||
content: "3891 Ranchview Dr. Richardson California"
|
||||
content: "Kapelseweg 58a, 2811 Mechelen"
|
||||
|
||||
button:
|
||||
enable: true
|
||||
@ -37,22 +36,22 @@ skill:
|
||||
enable: true
|
||||
title: "My **Skills**"
|
||||
skills:
|
||||
- title: "Playing Science"
|
||||
percentage: "95"
|
||||
- title: "Arts And Craft"
|
||||
- title: "Linux Systems & Bash"
|
||||
percentage: "90"
|
||||
- title: "Creative Writing"
|
||||
percentage: "55"
|
||||
- title: "English Lessons"
|
||||
percentage: "95"
|
||||
- title: "SQL"
|
||||
percentage: "80"
|
||||
- title: "Mongodb"
|
||||
percentage: "95"
|
||||
- title: "Tableau"
|
||||
- title: "Go Programming"
|
||||
percentage: "75"
|
||||
- title: "Stella Architect"
|
||||
percentage: "90"
|
||||
- title: "Python Development"
|
||||
percentage: "85"
|
||||
- title: "C# / Java (OOP)"
|
||||
percentage: "70"
|
||||
- title: "Pentesting Tools (e.g. Burp, Nmap)"
|
||||
percentage: "80"
|
||||
- title: "SIEM Setup & Monitoring"
|
||||
percentage: "75"
|
||||
- title: "Networking & Firewalls"
|
||||
percentage: "80"
|
||||
- title: "Hardware Troubleshooting"
|
||||
percentage: "85"
|
||||
|
||||
|
||||
# experience
|
||||
@ -60,27 +59,26 @@ experience:
|
||||
enable: true
|
||||
title: "Experiences"
|
||||
experience_list:
|
||||
- title: "University of Eastern Finland"
|
||||
duration: "Jan 2022 – Present"
|
||||
company: "Rolling Thunder"
|
||||
icon: "fa-solid fa-pen-ruler"
|
||||
description: |
|
||||
Maecenas tempus faucibus rutrum. Duis eu aliquam urna. Proin vitae nulla tristique, ornare felis id congue libero.
|
||||
- title: "Cybersecurity Intern"
|
||||
duration: "Feb 2025 – May 2025"
|
||||
company: "Initeam, Izegem"
|
||||
icon: "fa-solid fa-shield-halved"
|
||||
description: >
|
||||
Worked as part of the internal IT and security team focusing on pentesting, SIEM setup, and detection rule testing. Gained practical experience in threat analysis, vulnerability assessments, and configuring security monitoring tools in a real-world business environment.
|
||||
|
||||
- title: "University of Jyväskylä"
|
||||
duration: "Jan 2020 – Dec 2021"
|
||||
company: "Apple Inc."
|
||||
icon: "fa-solid fa-palette"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "University of Eastern Finland"
|
||||
duration: "Jan 2016 – Dec 2019"
|
||||
company: "Google Inc."
|
||||
icon: "fa-solid fa-laptop-code"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
- title: "IT Student Worker"
|
||||
duration: "Jun 2022 – Aug 2022"
|
||||
company: "CAPAC/HVW, Brussels"
|
||||
icon: "fa-solid fa-network-wired"
|
||||
description: >
|
||||
Provided first-line support in a government IT department, managing user accounts in Active Directory, performing hardware repairs, and handling end-user issues with professionalism and efficiency.
|
||||
|
||||
- title: "IT Intern"
|
||||
duration: "2021 – 2022"
|
||||
company: "CAPAC/HVW, Brussels"
|
||||
icon: "fa-solid fa-screwdriver-wrench"
|
||||
description: >
|
||||
Contributed to laptop renewal initiatives and user onboarding. Gained practical exposure to enterprise IT operations, helpdesk workflows, and deployment automation.
|
||||
|
||||
|
||||
# education
|
||||
@ -88,27 +86,26 @@ education:
|
||||
enable: true
|
||||
title: "Education"
|
||||
education_list:
|
||||
- title: "PhD in Statistics"
|
||||
duration: "Jan 2021 to Dec 2022"
|
||||
- title: "Bachelor in Applied Computer Science - Cybersecurity"
|
||||
duration: "2022 – Present"
|
||||
institution: "Howest University of Applied Sciences"
|
||||
icon: "fa-solid fa-building-columns"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
description: >
|
||||
Focused on secure software development, ethical hacking, digital forensics, and network defense. Regularly participate in cybersecurity labs and capture-the-flag (CTF) events to hone hands-on skills.
|
||||
|
||||
- title: "MSc in Statistics"
|
||||
description: ""
|
||||
institution: ""
|
||||
duration: "Jan 2019 - Dec 2020"
|
||||
- title: "Industrial ICT"
|
||||
duration: "2020 – 2022"
|
||||
institution: "Technische Scholen Mechelen"
|
||||
icon: "fa-solid fa-person-chalkboard"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
description: >
|
||||
Developed a strong foundation in embedded systems, networking, and software-hardware interfacing. Engaged in technical projects that integrated electronics with programming.
|
||||
|
||||
- title: "BSc in Statistics"
|
||||
description: ""
|
||||
institution: ""
|
||||
duration: "Jan 2019 - Dec 2020"
|
||||
- title: "Secondary Education - Mathematics and Sciences"
|
||||
duration: "2016 – 2020"
|
||||
institution: "Busleyden Atheneum - campus Pitzemburg"
|
||||
icon: "fa-solid fa-graduation-cap"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
description: >
|
||||
Solid academic training in analytical thinking, logic, and scientific methodology. Sparked initial interest in computing and problem-solving.
|
||||
|
||||
|
||||
# projects
|
||||
@ -134,22 +131,23 @@ contact:
|
||||
|
||||
contact_info:
|
||||
title: "Contact"
|
||||
subtitle: "Fill up the form and our Team will get back to you within 24 hours."
|
||||
subtitle: "Feel free to reach out—I'm always open to new opportunities and collaborations."
|
||||
|
||||
contact_details:
|
||||
- name: "Call"
|
||||
icon: "fa-solid fa-phone-volume"
|
||||
content: "[310-437-2766](tel:310-437-2766)"
|
||||
content: "[+32 456 06 92 55](tel:+32456069255)"
|
||||
|
||||
- name: "Mail"
|
||||
icon: "fa-solid fa-envelope"
|
||||
content: "[williamson@gmail.com](mailto:williamson@gmail.com)"
|
||||
content: "[jorenschipman@gmail.com](mailto:jorenschipman@gmail.com)"
|
||||
|
||||
- name: "Address"
|
||||
icon: "fa-solid fa-location-dot"
|
||||
content: "1901 Thornridge Cir. Shiloh, Hawaii"
|
||||
content: "Kapelseweg 58a, 2811 Mechelen"
|
||||
|
||||
- name: "LinkedIn"
|
||||
icon: "fa-brands fa-linkedin"
|
||||
content: "[linkedin.com/in/jorenschipman](https://www.linkedin.com/in/jorenschipman/)"
|
||||
---
|
||||
|
||||
- name: "Fax"
|
||||
icon: "fa-solid fa-phone-volume"
|
||||
content: "[555-123-4567](tel:555-123-4567)"
|
||||
---
|
||||
153
content/_index.md_backup
Normal file
153
content/_index.md_backup
Normal file
@ -0,0 +1,153 @@
|
||||
---
|
||||
title: Home | Joren
|
||||
description: ''
|
||||
|
||||
# banner
|
||||
banner:
|
||||
greeting: "Hi there!"
|
||||
title: "I'm **Joren Schipman**"
|
||||
image: "images/hero-image.png"
|
||||
designation: "Student Applied Computer Science"
|
||||
institution: "Howest University of Applied Sciences"
|
||||
description: "A professor of artificial intelligence at the Stanford AI Lab. I research interests include distributed robotics, mobile computing and programmable matter."
|
||||
|
||||
additional_info:
|
||||
- title: "Email"
|
||||
content: "jorenschipman@gmail.com"
|
||||
- title: "Phone"
|
||||
content: "+32456069255"
|
||||
- title: "Age"
|
||||
content: "21 years"
|
||||
- title: "Languages"
|
||||
content: "Dutch, English"
|
||||
- title: "Address"
|
||||
content: "Kapelseweg 58a, 2811 Mechelen"
|
||||
|
||||
button:
|
||||
enable: true
|
||||
label: "Download Resume"
|
||||
isDownloadable: true
|
||||
link: "#?"
|
||||
|
||||
|
||||
# skill
|
||||
skill:
|
||||
enable: true
|
||||
title: "My **Skills**"
|
||||
skills:
|
||||
- title: "Playing Science"
|
||||
percentage: "95"
|
||||
- title: "Arts And Craft"
|
||||
percentage: "90"
|
||||
- title: "Creative Writing"
|
||||
percentage: "55"
|
||||
- title: "English Lessons"
|
||||
percentage: "95"
|
||||
- title: "SQL"
|
||||
percentage: "80"
|
||||
- title: "Mongodb"
|
||||
percentage: "95"
|
||||
- title: "Tableau"
|
||||
percentage: "75"
|
||||
- title: "Stella Architect"
|
||||
percentage: "90"
|
||||
|
||||
|
||||
# experience
|
||||
experience:
|
||||
enable: true
|
||||
title: "Experiences"
|
||||
experience_list:
|
||||
- title: "University of Eastern Finland"
|
||||
duration: "Jan 2022 – Present"
|
||||
company: "Rolling Thunder"
|
||||
icon: "fa-solid fa-pen-ruler"
|
||||
description: |
|
||||
Maecenas tempus faucibus rutrum. Duis eu aliquam urna. Proin vitae nulla tristique, ornare felis id congue libero.
|
||||
|
||||
- title: "University of Jyväskylä"
|
||||
duration: "Jan 2020 – Dec 2021"
|
||||
company: "Apple Inc."
|
||||
icon: "fa-solid fa-palette"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "University of Eastern Finland"
|
||||
duration: "Jan 2016 – Dec 2019"
|
||||
company: "Google Inc."
|
||||
icon: "fa-solid fa-laptop-code"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
|
||||
|
||||
# education
|
||||
education:
|
||||
enable: true
|
||||
title: "Education"
|
||||
education_list:
|
||||
- title: "PhD in Statistics"
|
||||
duration: "Jan 2021 to Dec 2022"
|
||||
icon: "fa-solid fa-building-columns"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "MSc in Statistics"
|
||||
description: ""
|
||||
institution: ""
|
||||
duration: "Jan 2019 - Dec 2020"
|
||||
icon: "fa-solid fa-person-chalkboard"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "BSc in Statistics"
|
||||
description: ""
|
||||
institution: ""
|
||||
duration: "Jan 2019 - Dec 2020"
|
||||
icon: "fa-solid fa-graduation-cap"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
|
||||
# projects
|
||||
projects:
|
||||
enable: true
|
||||
button:
|
||||
link: "projects/"
|
||||
label: "All Projects"
|
||||
|
||||
|
||||
# blogs
|
||||
blogs:
|
||||
enable: true
|
||||
button:
|
||||
link: "blog/"
|
||||
label: "All Blogs"
|
||||
|
||||
|
||||
# contact
|
||||
contact:
|
||||
enable: true
|
||||
title: "Get in Touch"
|
||||
|
||||
contact_info:
|
||||
title: "Contact"
|
||||
subtitle: "Fill up the form and our Team will get back to you within 24 hours."
|
||||
|
||||
contact_details:
|
||||
- name: "Call"
|
||||
icon: "fa-solid fa-phone-volume"
|
||||
content: "[310-437-2766](tel:310-437-2766)"
|
||||
|
||||
- name: "Mail"
|
||||
icon: "fa-solid fa-envelope"
|
||||
content: "[williamson@gmail.com](mailto:williamson@gmail.com)"
|
||||
|
||||
- name: "Address"
|
||||
icon: "fa-solid fa-location-dot"
|
||||
content: "1901 Thornridge Cir. Shiloh, Hawaii"
|
||||
|
||||
- name: "Fax"
|
||||
icon: "fa-solid fa-phone-volume"
|
||||
content: "[555-123-4567](tel:555-123-4567)"
|
||||
---
|
||||
@ -125,15 +125,15 @@
|
||||
"fa-folder-open",
|
||||
"fa-graduation-cap",
|
||||
"fa-instagram",
|
||||
"fa-laptop-code",
|
||||
"fa-linkedin",
|
||||
"fa-list-check",
|
||||
"fa-location-dot",
|
||||
"fa-palette",
|
||||
"fa-network-wired",
|
||||
"fa-paper-plane",
|
||||
"fa-pen-ruler",
|
||||
"fa-person-chalkboard",
|
||||
"fa-phone-volume",
|
||||
"fa-screwdriver-wrench",
|
||||
"fa-shield-halved",
|
||||
"fa-solid",
|
||||
"fa-twitter",
|
||||
"fa-user",
|
||||
|
||||
@ -390,7 +390,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -405,6 +405,7 @@
|
||||
</span>
|
||||
</button>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
153
public/_index.md_backup
Normal file
153
public/_index.md_backup
Normal file
@ -0,0 +1,153 @@
|
||||
---
|
||||
title: Home | Joren
|
||||
description: ''
|
||||
|
||||
# banner
|
||||
banner:
|
||||
greeting: "Hi there!"
|
||||
title: "I'm **Joren Schipman**"
|
||||
image: "images/hero-image.png"
|
||||
designation: "Student Applied Computer Science"
|
||||
institution: "Howest University of Applied Sciences"
|
||||
description: "A professor of artificial intelligence at the Stanford AI Lab. I research interests include distributed robotics, mobile computing and programmable matter."
|
||||
|
||||
additional_info:
|
||||
- title: "Email"
|
||||
content: "jorenschipman@gmail.com"
|
||||
- title: "Phone"
|
||||
content: "+32456069255"
|
||||
- title: "Age"
|
||||
content: "21 years"
|
||||
- title: "Languages"
|
||||
content: "Dutch, English"
|
||||
- title: "Address"
|
||||
content: "Kapelseweg 58a, 2811 Mechelen"
|
||||
|
||||
button:
|
||||
enable: true
|
||||
label: "Download Resume"
|
||||
isDownloadable: true
|
||||
link: "#?"
|
||||
|
||||
|
||||
# skill
|
||||
skill:
|
||||
enable: true
|
||||
title: "My **Skills**"
|
||||
skills:
|
||||
- title: "Playing Science"
|
||||
percentage: "95"
|
||||
- title: "Arts And Craft"
|
||||
percentage: "90"
|
||||
- title: "Creative Writing"
|
||||
percentage: "55"
|
||||
- title: "English Lessons"
|
||||
percentage: "95"
|
||||
- title: "SQL"
|
||||
percentage: "80"
|
||||
- title: "Mongodb"
|
||||
percentage: "95"
|
||||
- title: "Tableau"
|
||||
percentage: "75"
|
||||
- title: "Stella Architect"
|
||||
percentage: "90"
|
||||
|
||||
|
||||
# experience
|
||||
experience:
|
||||
enable: true
|
||||
title: "Experiences"
|
||||
experience_list:
|
||||
- title: "University of Eastern Finland"
|
||||
duration: "Jan 2022 – Present"
|
||||
company: "Rolling Thunder"
|
||||
icon: "fa-solid fa-pen-ruler"
|
||||
description: |
|
||||
Maecenas tempus faucibus rutrum. Duis eu aliquam urna. Proin vitae nulla tristique, ornare felis id congue libero.
|
||||
|
||||
- title: "University of Jyväskylä"
|
||||
duration: "Jan 2020 – Dec 2021"
|
||||
company: "Apple Inc."
|
||||
icon: "fa-solid fa-palette"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "University of Eastern Finland"
|
||||
duration: "Jan 2016 – Dec 2019"
|
||||
company: "Google Inc."
|
||||
icon: "fa-solid fa-laptop-code"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
|
||||
|
||||
# education
|
||||
education:
|
||||
enable: true
|
||||
title: "Education"
|
||||
education_list:
|
||||
- title: "PhD in Statistics"
|
||||
duration: "Jan 2021 to Dec 2022"
|
||||
icon: "fa-solid fa-building-columns"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "MSc in Statistics"
|
||||
description: ""
|
||||
institution: ""
|
||||
duration: "Jan 2019 - Dec 2020"
|
||||
icon: "fa-solid fa-person-chalkboard"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
- title: "BSc in Statistics"
|
||||
description: ""
|
||||
institution: ""
|
||||
duration: "Jan 2019 - Dec 2020"
|
||||
icon: "fa-solid fa-graduation-cap"
|
||||
description: |
|
||||
Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis risus quis. Quisque fringilla mollis risus eu pulvinar.
|
||||
|
||||
|
||||
# projects
|
||||
projects:
|
||||
enable: true
|
||||
button:
|
||||
link: "projects/"
|
||||
label: "All Projects"
|
||||
|
||||
|
||||
# blogs
|
||||
blogs:
|
||||
enable: true
|
||||
button:
|
||||
link: "blog/"
|
||||
label: "All Blogs"
|
||||
|
||||
|
||||
# contact
|
||||
contact:
|
||||
enable: true
|
||||
title: "Get in Touch"
|
||||
|
||||
contact_info:
|
||||
title: "Contact"
|
||||
subtitle: "Fill up the form and our Team will get back to you within 24 hours."
|
||||
|
||||
contact_details:
|
||||
- name: "Call"
|
||||
icon: "fa-solid fa-phone-volume"
|
||||
content: "[310-437-2766](tel:310-437-2766)"
|
||||
|
||||
- name: "Mail"
|
||||
icon: "fa-solid fa-envelope"
|
||||
content: "[williamson@gmail.com](mailto:williamson@gmail.com)"
|
||||
|
||||
- name: "Address"
|
||||
icon: "fa-solid fa-location-dot"
|
||||
content: "1901 Thornridge Cir. Shiloh, Hawaii"
|
||||
|
||||
- name: "Fax"
|
||||
icon: "fa-solid fa-phone-volume"
|
||||
content: "[555-123-4567](tel:555-123-4567)"
|
||||
---
|
||||
@ -1168,7 +1168,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -931,7 +931,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -946,6 +946,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
@ -927,7 +927,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -927,7 +927,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -927,7 +927,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -927,7 +927,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -927,7 +927,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -656,7 +656,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -533,7 +533,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -529,7 +529,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -533,7 +533,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -529,7 +529,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -529,7 +529,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18210,7 +18210,11 @@ html.light .navbar-nav .nav-item a.nav-link:hover {
|
||||
height: 10px;
|
||||
background-color: rgba(24, 176, 162, 0.3); }
|
||||
#skill .progress-item .progress .progress-bar {
|
||||
background-color: #18b0a2; }
|
||||
background-color: #18b0a2;
|
||||
height: 100%;
|
||||
line-height: 10px;
|
||||
font-size: 0;
|
||||
padding: 0; }
|
||||
@media (max-width: 400px) {
|
||||
#skill .progress-item .progress {
|
||||
height: 10px; } }
|
||||
|
||||
1729
public/index.html
1729
public/index.html
File diff suppressed because it is too large
Load Diff
@ -1,9 +1,9 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Home | Professors Personal Portfolio Theme on Professors - Personal Portfolio Theme</title>
|
||||
<title>Home | Joren on Professors - Personal Portfolio Theme</title>
|
||||
<link>http://localhost:1313/professors/site/</link>
|
||||
<description>Recent content in Home | Professors Personal Portfolio Theme on Professors - Personal Portfolio Theme</description>
|
||||
<description>Recent content in Home | Joren on Professors - Personal Portfolio Theme</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en</language>
|
||||
<lastBuildDate>Thu, 06 Jan 2022 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
@ -1202,7 +1202,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -742,7 +742,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -742,7 +742,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -742,7 +742,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -742,7 +742,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -742,7 +742,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -742,7 +742,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">Copyright by you | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">Copyright by Joren Schipman | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8587,7 +8587,11 @@ html.light .navbar-nav .nav-item a.nav-link:hover {
|
||||
height: 10px;
|
||||
background-color: rgba(24, 176, 162, 0.3); }
|
||||
#skill .progress-item .progress .progress-bar {
|
||||
background-color: #18b0a2; }
|
||||
background-color: #18b0a2;
|
||||
height: 100%;
|
||||
line-height: 10px;
|
||||
font-size: 0;
|
||||
padding: 0; }
|
||||
@media (max-width: 400px) {
|
||||
#skill .progress-item .progress {
|
||||
height: 10px; } }
|
||||
|
||||
@ -112,8 +112,13 @@
|
||||
|
||||
.progress-bar {
|
||||
background-color: $color-primary;
|
||||
height: 100%;
|
||||
line-height: 10px;
|
||||
font-size: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
@include mobile-xs {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
@ -1,446 +1,446 @@
|
||||
{{ define "main" }}
|
||||
<!-- Banner Section Start -->
|
||||
{{ with .Params.banner }}
|
||||
<section id="banner" class="position-relative pb-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="row">
|
||||
<div
|
||||
class="col-sm-6 col-lg-4 col-xl-5 col-xxl-5 text-start text-lg-center"
|
||||
data-aos="fadeIn">
|
||||
<div class="image-block rounded-3 mb-4 mx-auto">
|
||||
{{ partial "image.html" (dict "Src" .image "Alt" .title "Class" `rounded-2 w-100` ) }}
|
||||
</div>
|
||||
<div class="d-none d-lg-block">
|
||||
<p class="lead mb-0 pt-2 fw-medium">
|
||||
{{ .designation | markdownify }}
|
||||
</p>
|
||||
<small>{{ .institution | markdownify }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-xl-7 col-xxl-6">
|
||||
<div class="ps-xxl-4">
|
||||
<div data-aos="fade-up" data-aos-delay="50">
|
||||
<p class="fw-normal mb-3">{{ .greeting | markdownify }}</p>
|
||||
<div class="section-title mb-4">
|
||||
<h1 class="h3 fw-semibold mb-0">
|
||||
{{ .title | markdownify }}
|
||||
</h1>
|
||||
</div>
|
||||
<div class="lead">{{ .description | markdownify }}</div>
|
||||
</div>
|
||||
|
||||
{{ with .additional_info }}
|
||||
<div
|
||||
class="mt-4 pt-1"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="150">
|
||||
<p class="text-primary mb-3 fw-medium">Additional Info</p>
|
||||
<table class="additional-info">
|
||||
<tbody>
|
||||
{{ range . }}
|
||||
<tr>
|
||||
<td>{{ .title }}</td>
|
||||
<td>{{ .content }}</td>
|
||||
</tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ with .button }}
|
||||
{{ if .enable }}
|
||||
<div data-aos="fade-up" data-aos-delay="250">
|
||||
<a
|
||||
href="{{ .link | relURL }}"
|
||||
class="btn btn-outline-primary"
|
||||
{{ if .isDownloadable }}download=""{{ end }}>
|
||||
{{ .label | markdownify }}<i
|
||||
class="fa-solid fa-download ms-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
<!-- Banner Section End -->
|
||||
|
||||
<!-- Skill Section Start -->
|
||||
{{ with .Params.skill }}
|
||||
{{ if .enable }}
|
||||
<section id="skill" class="section position-relative">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
{{ with .skills }}
|
||||
{{ $leftItem := sub (len .) (div (len .) 2) }}
|
||||
<div class="row justify-content-between gy-4 gx-md-5">
|
||||
{{ range . }}
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex flex-column gap-5">
|
||||
<div class="progress-item">
|
||||
<div class="mb-2 d-flex justify-content-between">
|
||||
<span class="fw-normal"
|
||||
>{{ .title | markdownify }}</span
|
||||
>
|
||||
<span class="fw-light">{{ .percentage }}%</span>
|
||||
</div>
|
||||
<div class="progress rounded-1">
|
||||
<div
|
||||
data-aos="slide-right"
|
||||
data-aos-duration="1000"
|
||||
class="progress-bar rounded-1"
|
||||
role="progressbar"
|
||||
aria-label="Skill Progress Bar"
|
||||
style="width: {{ .percentage }}%"
|
||||
aria-va`luenow="{{ .percentage }}"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
data-aos></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Skill Section End -->
|
||||
|
||||
<!-- Resume Section Start -->
|
||||
<section id="resume" class="section position-relative">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div
|
||||
class="row justify-content-between align-items-start gy-5 gx-xxl-5 gy-xxl-0 position-relative">
|
||||
{{ with .Params.experience }}
|
||||
{{ if .enable }}
|
||||
<div class="col-lg-6">
|
||||
<div class="section-title mb-4 pb-1" data-aos="fadeIn">
|
||||
<h3 class="h4">
|
||||
<span class="text-primary pe-3">⭓</span
|
||||
>{{ .title | markdownify }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-4">
|
||||
{{ range .experience_list }}
|
||||
<div
|
||||
class="card border bg-dark rounded-3 pt-0 overflow-hidden">
|
||||
{{ with .icon }}
|
||||
<div
|
||||
class="icon rounded-2 mb-4"
|
||||
data-aos="fade-in"
|
||||
data-aos-duration="500">
|
||||
<i class="{{ . }}"></i>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div
|
||||
class="card-body p-0"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="50">
|
||||
<h4 class="card-title mb-2 h5 fw-medium">
|
||||
{{ .title | markdownify }}
|
||||
</h4>
|
||||
{{ with .company }}
|
||||
<p class="d-inline-block me-2">
|
||||
{{ . | markdownify }}
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
{{ if .duration }}
|
||||
<small
|
||||
class="bg-primary-soft px-2 rounded-1 d-inline-block text-white mb-2"
|
||||
>{{ .duration | markdownify }}
|
||||
</small>
|
||||
{{ end }}
|
||||
|
||||
{{ with .description }}
|
||||
<div class="content mt-2">{{ . }}</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ with .Params.education }}
|
||||
{{ if .enable }}
|
||||
<div class="col-lg-6">
|
||||
<div class="section-title mb-4 pb-1" data-aos="fadeIn">
|
||||
<h3 class="h4">
|
||||
<span class="text-primary pe-3">⭓</span
|
||||
>{{ .title | markdownify }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-4">
|
||||
{{ range .education_list }}
|
||||
<div
|
||||
class="card border bg-dark rounded-3 pt-0 overflow-hidden">
|
||||
{{ with .icon }}
|
||||
<div
|
||||
class="icon rounded-2 mb-4"
|
||||
data-aos="fade-in"
|
||||
data-aos-duration="500"
|
||||
data-aos-delay="150">
|
||||
<i class="{{ . }}"></i>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div class="card-body p-0" data-aos="fade-up">
|
||||
<h4 class="card-title mb-2 h5 fw-medium">
|
||||
{{ .title | markdownify }}
|
||||
</h4>
|
||||
{{ with .company }}
|
||||
<p class="d-inline-block me-2">
|
||||
{{ . | markdownify }}
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
{{ if .duration }}
|
||||
<small
|
||||
class="bg-primary-soft px-2 rounded-1 d-inline-block text-white mb-2"
|
||||
>{{ .duration | markdownify }}
|
||||
</small>
|
||||
{{ end }}
|
||||
|
||||
{{ with .description }}
|
||||
<div class="content mt-2">{{ . }}</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div class="divider d-none d-xxl-block"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Resume Section End -->
|
||||
|
||||
<!-- Projects Section Start -->
|
||||
{{ if .Params.projects.enable }}
|
||||
{{ $button := .Params.projects.button }}
|
||||
{{ with site.GetPage "/project" }}
|
||||
<section id="portfolio" class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .Params.title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="projects align-items-start overflow-hidden">
|
||||
{{ range .Pages.Reverse }}
|
||||
{{ .Render "project-card" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{ with $button }}
|
||||
<div class="text-center mt-5" data-aos="fade-up">
|
||||
<a href="{{ .link }}" class="btn btn-primary"
|
||||
>{{ .label | markdownify }}<i
|
||||
class="fa-solid fa-angle-right ms-2"></i
|
||||
></a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Projects Section End -->
|
||||
|
||||
<!-- Blog Section Start -->
|
||||
{{ if .Params.blogs.enable }}
|
||||
{{ $button := .Params.blogs.button }}
|
||||
{{ with site.GetPage "/blog" }}
|
||||
<section id="blog" class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .Params.title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="blog-wrapper">
|
||||
{{ range .Pages.Reverse }}
|
||||
{{ .Render "blog-card" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{ with $button }}
|
||||
<div class="text-center mt-5" data-aos="fade-up">
|
||||
<a href="{{ .link }}" class="btn btn-primary"
|
||||
>{{ .label | markdownify }}<i
|
||||
class="fa-solid fa-angle-right ms-2"></i
|
||||
></a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Blog Section End -->
|
||||
|
||||
<!-- Contact Section Start -->
|
||||
{{ with .Params.contact }}
|
||||
{{ if .enable }}
|
||||
<section id="contact" class="section position-relative">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="row gy-5">
|
||||
<div class="col-lg-8">
|
||||
<form action="" method="POST" class="rounded-3 p-4 bg-dark">
|
||||
<div class="p-2">
|
||||
<div class="row gy-4">
|
||||
<div class="col-md-6">
|
||||
<label for="firstName" class="form-label mb-2"
|
||||
>First Name*</label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="firstName"
|
||||
required
|
||||
aria-describedby="firstName"
|
||||
placeholder="" />
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="lastName" class="form-label mb-2"
|
||||
>Last Name</label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="lastName"
|
||||
required
|
||||
aria-describedby="lastName"
|
||||
placeholder="" />
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="email" class="form-label mb-2"
|
||||
>Email*</label
|
||||
>
|
||||
<input
|
||||
type="email"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="email"
|
||||
required
|
||||
aria-describedby="email"
|
||||
placeholder="" />
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="phone" class="form-label mb-2"
|
||||
>Phone</label
|
||||
>
|
||||
<input
|
||||
type="tel"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="phone"
|
||||
required
|
||||
aria-describedby="phone"
|
||||
placeholder="" />
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label for="message" class="form-label mb-2"
|
||||
>Message</label
|
||||
>
|
||||
<textarea
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="message"
|
||||
required
|
||||
aria-describedby="message"
|
||||
placeholder=""
|
||||
rows="4"></textarea>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button
|
||||
type="submit"
|
||||
class="btn btn-outline-primary w-auto">
|
||||
Send Message
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{ with .contact_info }}
|
||||
<div class="col-lg-4">
|
||||
<div class="ps-0 ps-lg-4">
|
||||
<h3 class="h4">{{ .title | markdownify }}</h3>
|
||||
<p class="mb-0">{{ .subtitle | markdownify }}</p>
|
||||
<div class="py-1">
|
||||
<hr class="border my-4 opacity-100" />
|
||||
</div>
|
||||
<div class="row gy-4">
|
||||
{{ range $i, $e := .contact_details }}
|
||||
<div
|
||||
class="col-lg-12 col-sm-6 d-flex gap-3 align-items-start">
|
||||
<i class="{{ .icon }} fs-4 mt-1 text-primary"></i>
|
||||
<div>
|
||||
<p class="text-white mb-2 pt-1">
|
||||
{{ .name | markdownify }}
|
||||
</p>
|
||||
<div class="content">
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Contact Section End -->
|
||||
{{ end }}
|
||||
{{ define "main" }}
|
||||
<!-- Banner Section Start -->
|
||||
{{ with .Params.banner }}
|
||||
<section id="banner" class="position-relative pb-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="row">
|
||||
<div
|
||||
class="col-sm-6 col-lg-4 col-xl-5 col-xxl-5 text-start text-lg-center"
|
||||
data-aos="fadeIn">
|
||||
<div class="image-block rounded-3 mb-4 mx-auto">
|
||||
{{ partial "image.html" (dict "Src" .image "Alt" .title "Class" `rounded-2 w-100` ) }}
|
||||
</div>
|
||||
<div class="d-none d-lg-block">
|
||||
<p class="lead mb-0 pt-2 fw-medium">
|
||||
{{ .designation | markdownify }}
|
||||
</p>
|
||||
<small>{{ .institution | markdownify }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-xl-7 col-xxl-6">
|
||||
<div class="ps-xxl-4">
|
||||
<div data-aos="fade-up" data-aos-delay="50">
|
||||
<p class="fw-normal mb-3">{{ .greeting | markdownify }}</p>
|
||||
<div class="section-title mb-4">
|
||||
<h1 class="h3 fw-semibold mb-0">
|
||||
{{ .title | markdownify }}
|
||||
</h1>
|
||||
</div>
|
||||
<div class="lead">{{ .description | markdownify }}</div>
|
||||
</div>
|
||||
|
||||
{{ with .additional_info }}
|
||||
<div
|
||||
class="mt-4 pt-1"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="150">
|
||||
<p class="text-primary mb-3 fw-medium">Additional Info</p>
|
||||
<table class="additional-info">
|
||||
<tbody>
|
||||
{{ range . }}
|
||||
<tr>
|
||||
<td>{{ .title }}</td>
|
||||
<td>{{ .content }}</td>
|
||||
</tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ with .button }}
|
||||
{{ if .enable }}
|
||||
<div data-aos="fade-up" data-aos-delay="250">
|
||||
<a
|
||||
href="{{ .link | relURL }}"
|
||||
class="btn btn-outline-primary"
|
||||
{{ if .isDownloadable }}download=""{{ end }}>
|
||||
{{ .label | markdownify }}<i
|
||||
class="fa-solid fa-download ms-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
<!-- Banner Section End -->
|
||||
|
||||
<!-- Skill Section Start -->
|
||||
{{ with .Params.skill }}
|
||||
{{ if .enable }}
|
||||
<section id="skill" class="section position-relative">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
{{ with .skills }}
|
||||
{{ $leftItem := sub (len .) (div (len .) 2) }}
|
||||
<div class="row justify-content-between gy-4 gx-md-5">
|
||||
{{ range . }}
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex flex-column gap-5">
|
||||
<div class="progress-item">
|
||||
<div class="mb-2 d-flex justify-content-between">
|
||||
<span class="fw-normal"
|
||||
>{{ .title | markdownify }}</span
|
||||
>
|
||||
<span class="fw-light">{{ .percentage }}%</span>
|
||||
</div>
|
||||
<div class="progress rounded-1">
|
||||
<div
|
||||
data-aos="slide-right"
|
||||
data-aos-duration="1000"
|
||||
class="progress-bar rounded-1"
|
||||
role="progressbar"
|
||||
aria-label="Skill Progress Bar"
|
||||
style="width: {{ .percentage }}%"
|
||||
aria-valuenow="{{ .percentage }}"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
data-aos></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Skill Section End -->
|
||||
|
||||
<!-- Resume Section Start -->
|
||||
<section id="resume" class="section position-relative">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div
|
||||
class="row justify-content-between align-items-start gy-5 gx-xxl-5 gy-xxl-0 position-relative">
|
||||
{{ with .Params.experience }}
|
||||
{{ if .enable }}
|
||||
<div class="col-lg-6">
|
||||
<div class="section-title mb-4 pb-1" data-aos="fadeIn">
|
||||
<h3 class="h4">
|
||||
<span class="text-primary pe-3">⭓</span
|
||||
>{{ .title | markdownify }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-4">
|
||||
{{ range .experience_list }}
|
||||
<div
|
||||
class="card border bg-dark rounded-3 pt-0 overflow-hidden">
|
||||
{{ with .icon }}
|
||||
<div
|
||||
class="icon rounded-2 mb-4"
|
||||
data-aos="fade-in"
|
||||
data-aos-duration="500">
|
||||
<i class="{{ . }}"></i>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div
|
||||
class="card-body p-0"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="50">
|
||||
<h4 class="card-title mb-2 h5 fw-medium">
|
||||
{{ .title | markdownify }}
|
||||
</h4>
|
||||
{{ with .company }}
|
||||
<p class="d-inline-block me-2">
|
||||
{{ . | markdownify }}
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
{{ if .duration }}
|
||||
<small
|
||||
class="bg-primary-soft px-2 rounded-1 d-inline-block text-white mb-2"
|
||||
>{{ .duration | markdownify }}
|
||||
</small>
|
||||
{{ end }}
|
||||
|
||||
{{ with .description }}
|
||||
<div class="content mt-2">{{ . }}</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ with .Params.education }}
|
||||
{{ if .enable }}
|
||||
<div class="col-lg-6">
|
||||
<div class="section-title mb-4 pb-1" data-aos="fadeIn">
|
||||
<h3 class="h4">
|
||||
<span class="text-primary pe-3">⭓</span
|
||||
>{{ .title | markdownify }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-4">
|
||||
{{ range .education_list }}
|
||||
<div
|
||||
class="card border bg-dark rounded-3 pt-0 overflow-hidden">
|
||||
{{ with .icon }}
|
||||
<div
|
||||
class="icon rounded-2 mb-4"
|
||||
data-aos="fade-in"
|
||||
data-aos-duration="500"
|
||||
data-aos-delay="150">
|
||||
<i class="{{ . }}"></i>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div class="card-body p-0" data-aos="fade-up">
|
||||
<h4 class="card-title mb-2 h5 fw-medium">
|
||||
{{ .title | markdownify }}
|
||||
</h4>
|
||||
{{ with .company }}
|
||||
<p class="d-inline-block me-2">
|
||||
{{ . | markdownify }}
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
{{ if .duration }}
|
||||
<small
|
||||
class="bg-primary-soft px-2 rounded-1 d-inline-block text-white mb-2"
|
||||
>{{ .duration | markdownify }}
|
||||
</small>
|
||||
{{ end }}
|
||||
|
||||
{{ with .description }}
|
||||
<div class="content mt-2">{{ . }}</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div class="divider d-none d-xxl-block"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Resume Section End -->
|
||||
|
||||
<!-- Projects Section Start -->
|
||||
{{ if .Params.projects.enable }}
|
||||
{{ $button := .Params.projects.button }}
|
||||
{{ with site.GetPage "/project" }}
|
||||
<section id="portfolio" class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .Params.title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="projects align-items-start overflow-hidden">
|
||||
{{ range .Pages.Reverse }}
|
||||
{{ .Render "project-card" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{ with $button }}
|
||||
<div class="text-center mt-5" data-aos="fade-up">
|
||||
<a href="{{ .link }}" class="btn btn-primary"
|
||||
>{{ .label | markdownify }}<i
|
||||
class="fa-solid fa-angle-right ms-2"></i
|
||||
></a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Projects Section End -->
|
||||
|
||||
<!-- Blog Section Start -->
|
||||
{{ if .Params.blogs.enable }}
|
||||
{{ $button := .Params.blogs.button }}
|
||||
{{ with site.GetPage "/blog" }}
|
||||
<section id="blog" class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .Params.title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="blog-wrapper">
|
||||
{{ range .Pages.Reverse }}
|
||||
{{ .Render "blog-card" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{ with $button }}
|
||||
<div class="text-center mt-5" data-aos="fade-up">
|
||||
<a href="{{ .link }}" class="btn btn-primary"
|
||||
>{{ .label | markdownify }}<i
|
||||
class="fa-solid fa-angle-right ms-2"></i
|
||||
></a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Blog Section End -->
|
||||
|
||||
<!-- Contact Section Start -->
|
||||
{{ with .Params.contact }}
|
||||
{{ if .enable }}
|
||||
<section id="contact" class="section position-relative">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="section-title" data-aos="fadeIn">
|
||||
<h2 class="h3">{{ .title | markdownify }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="row gy-5">
|
||||
<div class="col-lg-8">
|
||||
<form action="" method="POST" class="rounded-3 p-4 bg-dark">
|
||||
<div class="p-2">
|
||||
<div class="row gy-4">
|
||||
<div class="col-md-6">
|
||||
<label for="firstName" class="form-label mb-2"
|
||||
>First Name*</label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="firstName"
|
||||
required
|
||||
aria-describedby="firstName"
|
||||
placeholder="" />
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="lastName" class="form-label mb-2"
|
||||
>Last Name</label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="lastName"
|
||||
required
|
||||
aria-describedby="lastName"
|
||||
placeholder="" />
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="email" class="form-label mb-2"
|
||||
>Email*</label
|
||||
>
|
||||
<input
|
||||
type="email"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="email"
|
||||
required
|
||||
aria-describedby="email"
|
||||
placeholder="" />
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="phone" class="form-label mb-2"
|
||||
>Phone</label
|
||||
>
|
||||
<input
|
||||
type="tel"
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="phone"
|
||||
required
|
||||
aria-describedby="phone"
|
||||
placeholder="" />
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label for="message" class="form-label mb-2"
|
||||
>Message</label
|
||||
>
|
||||
<textarea
|
||||
class="form-control rounded-2"
|
||||
name=""
|
||||
id="message"
|
||||
required
|
||||
aria-describedby="message"
|
||||
placeholder=""
|
||||
rows="4"></textarea>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button
|
||||
type="submit"
|
||||
class="btn btn-outline-primary w-auto">
|
||||
Send Message
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{ with .contact_info }}
|
||||
<div class="col-lg-4">
|
||||
<div class="ps-0 ps-lg-4">
|
||||
<h3 class="h4">{{ .title | markdownify }}</h3>
|
||||
<p class="mb-0">{{ .subtitle | markdownify }}</p>
|
||||
<div class="py-1">
|
||||
<hr class="border my-4 opacity-100" />
|
||||
</div>
|
||||
<div class="row gy-4">
|
||||
{{ range $i, $e := .contact_details }}
|
||||
<div
|
||||
class="col-lg-12 col-sm-6 d-flex gap-3 align-items-start">
|
||||
<i class="{{ .icon }} fs-4 mt-1 text-primary"></i>
|
||||
<div>
|
||||
<p class="text-white mb-2 pt-1">
|
||||
{{ .name | markdownify }}
|
||||
</p>
|
||||
<div class="content">
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Contact Section End -->
|
||||
{{ end }}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-11 mx-auto">
|
||||
<div class="copyright-info py-4 small">{{ site.Params.copyright | markdownify }} | Theme by <a target="_blank" rel="noopener noreferrer" href="https://gethugothemes.com/">GetHugoThemes</a></div>
|
||||
<div class="copyright-info py-4 small">{{ site.Params.copyright | markdownify }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -17,4 +17,4 @@
|
||||
<i class="fa fa-angle-up" aria-hidden="true"></i>
|
||||
</span>
|
||||
</button>
|
||||
<!-- Back To Top End -->
|
||||
<!-- Back To Top End -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user