From febc7020ded644a746406e43ac1779f95a303d52 Mon Sep 17 00:00:00 2001 From: gurusabarish Date: Fri, 18 Feb 2022 23:30:27 +0530 Subject: added about in home page --- exampleSite/config.yaml | 21 +++++++++++ exampleSite/static/images/me.png | Bin 0 -> 23936 bytes layouts/index.html | 1 + layouts/partials/head.html | 2 + layouts/partials/sections/about.html | 28 ++++++++++++++ layouts/partials/sections/header.html | 6 ++- static/css/index.css | 67 +++++++++++++++++++++++++++++++++- static/css/theme.css | 1 + 8 files changed, 124 insertions(+), 2 deletions(-) create mode 100644 exampleSite/static/images/me.png create mode 100644 layouts/partials/sections/about.html diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index 0461003..213855f 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -49,6 +49,7 @@ params: # textColor: # secondaryTextColor: # backgroundColor: + # secondaryBackgroundColor: # primaryColor: # secondaryColor: @@ -56,6 +57,7 @@ params: # textColor: # secondaryTextColor: # backgroundColor: + # secondaryBackgroundColor: # primaryColor: # secondaryColor: @@ -85,6 +87,25 @@ params: name: "Get in touch" url: "#contact" + # About + about: + enable: true + title: "About Me" + image: '/images/me.png' + content: |- + 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. + skills: + enable: true + title: "Here are a few technologies I've been working with recently:" + items: + - "HTML" + - "CSS" + - "JavaScript" + - "React" + - "Node" + - "Express" # Achievements achievements: diff --git a/exampleSite/static/images/me.png b/exampleSite/static/images/me.png new file mode 100644 index 0000000..97dd321 Binary files /dev/null and b/exampleSite/static/images/me.png differ diff --git a/layouts/index.html b/layouts/index.html index d779177..d57bf2c 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -13,6 +13,7 @@ {{ define "main" }} {{- partial "sections/hero.html" . -}} +{{- partial "sections/about.html" . -}} {{- partial "sections/projects.html" . -}} {{- partial "sections/achievements.html" . -}} {{- partial "sections/contact.html" . -}} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 4425539..f12a297 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -36,6 +36,7 @@ --text-color: {{ .Site.Params.color.textColor | default "#343a40" }}; --text-secondary-color: {{ .Site.Params.color.secondaryTextColor | default "#6c757d" }}; --background-color: {{ .Site.Params.color.backgroundColor | default "#eaedf0" }}; + --secondary-background-color: {{ .Site.Params.color.secondaryBackgroundColor | default "#64ffda1a" }}; --primary-color: {{ .Site.Params.color.primaryColor | default "#007bff" }}; --secondary-color: {{ .Site.Params.color.secondaryColor | default "#f8f9fa" }}; @@ -43,6 +44,7 @@ --text-color-dark: {{ .Site.Params.color.darkmode.textColor | default "#e4e6eb" }}; --text-secondary-color-dark: {{ .Site.Params.color.darkmode.secondaryTextColor | default "#b0b3b8" }}; --background-color-dark: {{ .Site.Params.color.darkmode.backgroundColor | default "#18191a" }}; + --secondary-background-color-dark: {{ .Site.Params.color.darkmode.secondaryBackgroundColor | default "#212529" }}; --primary-color-dark: {{ .Site.Params.color.darkmode.primaryColor | default "#ffffff" }}; --secondary-color-dark: {{ .Site.Params.color.darkmode.secondaryColor | default "#212529" }}; } diff --git a/layouts/partials/sections/about.html b/layouts/partials/sections/about.html new file mode 100644 index 0000000..92ada9f --- /dev/null +++ b/layouts/partials/sections/about.html @@ -0,0 +1,28 @@ +{{ if .Site.Params.about.enable | default false }} +
+
+

{{ .Site.Params.about.title }}

+
+
+ {{ .Site.Params.about.content | markdownify }} + + {{ if .Site.Params.about.skills.enable }} + {{ .Site.Params.about.skills.title }} +
    + {{ range .Site.Params.about.skills.items }} +
  • {{ . | markdownify }}
    • + {{ end }} +
+ {{ end }} +
+ {{ if .Site.Params.about.image }} +
+
+ +
+
+ {{ end }} +
+
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/sections/header.html b/layouts/partials/sections/header.html index becb220..09fabe5 100644 --- a/layouts/partials/sections/header.html +++ b/layouts/partials/sections/header.html @@ -48,7 +48,11 @@