commit 62f0e4bee124242e138820e9036a496f4b7ec3a6 Author: root Date: Mon Dec 13 15:29:38 2021 +0100 premier commit diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..4e7d232 --- /dev/null +++ b/config.toml @@ -0,0 +1,4 @@ +baseURL = "https://demo.uicard.io/hugo-uilite-free/" +languageCode = "en-us" +title = "Valentina" +theme = "hugo-uilite" diff --git a/content/.gitkeep b/content/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/data/config.json b/data/config.json new file mode 100644 index 0000000..6284b53 --- /dev/null +++ b/data/config.json @@ -0,0 +1,5 @@ +{ + "author" : "Arvind Singh", + "email" : "youremailhere@gmail.com", + "formspree" : "https://your-form-endpoint-goes-here" +} diff --git a/data/experience.json b/data/experience.json new file mode 100644 index 0000000..627a2a0 --- /dev/null +++ b/data/experience.json @@ -0,0 +1,16 @@ +{ + "title" : "Experience", + "experience" : [ + { + "timeperiod" : "May 2017 - Nov 2017", + "company" : "Uber", + "website": "https://www.uber.com", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + }, + { + "timeperiod" : "Nov 2017 - Present", + "company" : "Google", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + } + ] +} \ No newline at end of file diff --git a/data/services.json b/data/services.json new file mode 100644 index 0000000..7dd201a --- /dev/null +++ b/data/services.json @@ -0,0 +1,15 @@ +{ + "title" : "Services", + "services" : [ + { + "icon" : "pencil-ruler", + "title" : "Logo Design", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + }, + { + "icon" : "pen-nib", + "title" : "Graphics Design", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + } + ] +} \ No newline at end of file diff --git a/data/sidebar.json b/data/sidebar.json new file mode 100644 index 0000000..5e56a22 --- /dev/null +++ b/data/sidebar.json @@ -0,0 +1,6 @@ +{ + "title" : "hey world, i'm", + "highlightedText" : "valentina", + "description" : "A graphics designer, based in Germany.", + "displayPicture" : "sim.jpg" +} diff --git a/data/skills.json b/data/skills.json new file mode 100644 index 0000000..af51803 --- /dev/null +++ b/data/skills.json @@ -0,0 +1,9 @@ +{ + "title" : "Skills", + "skills" : { + "Sketch" : "90", + "Adobe XD" : "80", + "Illustrator" : "65", + "Photoshop" : "97" + } +} \ No newline at end of file diff --git a/data/social.json b/data/social.json new file mode 100644 index 0000000..c1e2a93 --- /dev/null +++ b/data/social.json @@ -0,0 +1,6 @@ +{ + "facebook" : "https://facebook.com/", + "instagram" : "https://instagram.com/", + "dribbble" : "https://dribbble.com/", + "behance" : "https://behnace.com/" +} \ No newline at end of file diff --git a/data/socialfas.json b/data/socialfas.json new file mode 100644 index 0000000..f990145 --- /dev/null +++ b/data/socialfas.json @@ -0,0 +1,3 @@ +{ + "envelope" : "mailto:@gmail.com" +} diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..33d2c5c --- /dev/null +++ b/layouts/404.html @@ -0,0 +1 @@ +

simple 404 error page

\ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..3d3b2c0 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,20 @@ +{{ partial "header.html" . }} +{{ partial "sidebar.html" . }} + +
+ {{ if .Site.Data.skills }}{{ partial "skills.html" . }}{{ end }} + {{ if .Site.Data.experience }}{{ partial "experience.html" . }}{{ end }} + {{ if .Site.Data.services }}{{ partial "services.html" . }}{{ end }} +
+ +
+ {{ if gt (len (where .Data.Pages "Type" "blog")) 0 }}{{ partial "blog.html" . }}{{ end }} + {{ if gt (len (where .Data.Pages "Type" "work")) 0 }}{{ partial "work.html" . }}{{ end }} +
+ +
+ {{ partial "contact.html" . }} +
+ +{{ partial "footer-scripts.html" . }} + \ No newline at end of file diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html new file mode 100644 index 0000000..4fa30e6 --- /dev/null +++ b/layouts/partials/contact.html @@ -0,0 +1,30 @@ +{{ $config := .Site.Data.config }} + +
+
+

Contact

+ +
+ {{ $config.message }} +
+ +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+
+
diff --git a/layouts/partials/experience.html b/layouts/partials/experience.html new file mode 100644 index 0000000..8807974 --- /dev/null +++ b/layouts/partials/experience.html @@ -0,0 +1,26 @@ +{{ $experience := .Site.Data.experience }} + +
+

{{ $experience.title }}

+
+ {{ range $index, $element := $experience.experience }} +
+
+ +
+ {{ $element.timeperiod }} +
{{ $element.company }}
+ {{ $website := $element.website }} + {{ if $website }} + + + {{ $website }} + + {{ end }} +

{{ $element.description }}

+
+
+ {{ end }} +
+ +
\ No newline at end of file diff --git a/layouts/partials/footer-scripts.html b/layouts/partials/footer-scripts.html new file mode 100644 index 0000000..ef992c5 --- /dev/null +++ b/layouts/partials/footer-scripts.html @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..aebb05e --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,5 @@ +{{ $footer := .Site.Data.footer }} + +
+ {{ $footer.text }} +
\ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..ff0c6ec --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,41 @@ +{{ $config := .Site.Data.config }} + + + + + + {{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }} + {{ if .IsHome }} + {{ .Site.Title }} + {{ else if .Params.heading }} + {{ .Params.heading }} + {{ else }} + {{ .Title }} | {{ .Site.Title }} + {{ end }} + + + + + + + + + + + + + + + + + + + + {{ range .AlternativeOutputFormats -}} + + {{ end -}} + + {{ partial "seo_schema.html" . }} + + + diff --git a/layouts/partials/seo_schema.html b/layouts/partials/seo_schema.html new file mode 100644 index 0000000..dc2f7f9 --- /dev/null +++ b/layouts/partials/seo_schema.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + +{{ if .IsHome }} + +{{ end }} +{{ if .IsPage }} + +{{ end }} \ No newline at end of file diff --git a/layouts/partials/services.html b/layouts/partials/services.html new file mode 100644 index 0000000..71ac570 --- /dev/null +++ b/layouts/partials/services.html @@ -0,0 +1,20 @@ +{{ $services := .Site.Data.services }} + +
+

{{ $services.title }}

+ +
+ + {{ range $index, $element := $services.services }} + +
+
+ +
{{ $element.title }}
+

{{ $element.description }}

+
+
+ + {{ end }} +
+
\ No newline at end of file diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html new file mode 100644 index 0000000..024f93d --- /dev/null +++ b/layouts/partials/sidebar.html @@ -0,0 +1,33 @@ +{{ $sidebar := .Site.Data.sidebar }} +{{ $social := .Site.Data.social }} +{{ $socialfas := .Site.Data.socialfas}} + + diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html new file mode 100644 index 0000000..69bc4b9 --- /dev/null +++ b/layouts/partials/skills.html @@ -0,0 +1,15 @@ +{{ $skills := .Site.Data.skills }} + +
+

{{ $skills.title }}

+ + {{ range $key, $value := $skills.skills }} + +
+ {{ $key }} +
+
+
+
+ {{ end }} +
\ No newline at end of file diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..33d2c5c --- /dev/null +++ b/public/404.html @@ -0,0 +1 @@ +

simple 404 error page

\ No newline at end of file diff --git a/public/categories/index.xml b/public/categories/index.xml new file mode 100644 index 0000000..f290642 --- /dev/null +++ b/public/categories/index.xml @@ -0,0 +1,10 @@ + + + + Categories on Valentina + https://demo.uicard.io/hugo-uilite-free/categories/ + Recent content in Categories on Valentina + Hugo -- gohugo.io + en-us + + diff --git a/public/css/highlight.css b/public/css/highlight.css new file mode 100644 index 0000000..04c4204 --- /dev/null +++ b/public/css/highlight.css @@ -0,0 +1 @@ +.hljs-comment,.hljs-quote{color:#8e908c}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#c82829}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#f5871f}.hljs-attribute{color:#eab700}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#718c00}.hljs-title,.hljs-section{color:#4271ae}.hljs-keyword,.hljs-selector-tag{color:#8959a8}.hljs{display:block;overflow-x:auto;background:white;color:#4d4d4c;padding:0.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} \ No newline at end of file diff --git a/public/css/styles.css b/public/css/styles.css new file mode 100644 index 0000000..eb3a8e1 --- /dev/null +++ b/public/css/styles.css @@ -0,0 +1,440 @@ +html { + overflow-x: hidden; + overflow-y: scroll; +} +a:hover { + text-decoration: none; +} +.sidebar { + position: fixed; + left: 0px; + top: 0px; + right: 552px; + bottom: 0px; + z-index: 1; + width: 40%; + height: 100%; +} +.sidebar .main-info * { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + opacity: 0; + -webkit-transform: translateX(-40px); + transform: translateX(-40px); +} + +.sidebar .main-info *.bs { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; +} + +.main-content { + position: relative; + overflow: visible; + width: 60%; + max-width: 1200px; + margin-left: 40%; + float: none; + clear: none; +} + +.main-content:after { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-transition: all 0.8s cubic-bezier(0.79, 0, 0.05, 0.83); + transition: all 0.8s cubic-bezier(0.79, 0, 0.05, 0.83); + background-color: #fff; +} + +.main-content.active:after { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + background-color: #fff; +} + +article { + font-size: 18px !important; + line-height: 1.8rem; +} + +article p { + color: rgba(0, 0, 0, 0.8); +} + +article img { + max-width: 100%; +} + +article code { + background-color: #fbfbfb !important; + width: 100%; + max-width: 800px; + margin: 0 auto; +} + +article mark { + background-color: white; + color: #c80000; +} + +.heading, +h1, h2, h3, h4, h5, h6 { + font-family: 'Montserrat', sans-serif !important; + font-weight: 800; + text-transform: uppercase; +} + +.heading { + font-size: 38px; +} + +.highlight { + background-color: #ededed; + padding: 4px 8px; + /*display: inline-block;*/ +} + +.form-control { + border: none; + background-color: #e8ebef !important; +} + +.primaryMenu { + -webkit-transform: translateY(-90px); + transform: translateY(-90px); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; + position: absolute; + margin-left: 35px; +} + +.primaryMenu.active { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} + +.secondaryMenu { + position: absolute; + widows: 100%; + -webkit-transform: translateY(-90px); + transform: translateY(-90px); + margin-left: 25px; + padding-left: 0; + z-index: 2; + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; +} + +.secondaryMenu.active { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} + +.btn { + border-radius: 6px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.btn.btn-primary { + background-color: #31E7B6; + border-color: #31E7B6; +} + +.btn.btn-primary:hover { + background-color: #32d2a7; + border-color: #32d2a7; +} + +.btn.btn-primary:active { + -webkit-transform: scale(0.95); + transform: scale(0.95); + background-color: #32d2a7; + border-color: #32d2a7; +} + +.btn-dark-faded { + font-weight: 300; + font-family: 'Montserrat', sans-serif !important; + /*text-transform: uppercase;*/ + background-color: rgba(0, 0, 0, 0.07); + color: black; +} + +.social:hover a { + color: rgba(0, 0, 0, 0.4); +} + +.social a { + color: black; + font-size: 28px; + margin-right: 12px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.social a:hover { + color: black; +} + +.social a:hover i { + -webkit-transform: scale(1.3); + transform: scale(1.3); +} + +section { + padding: 10%; +} + +section .heading { + margin-bottom: 30px; +} + +section.yellow { + background-color: #ffd061; + color: #000 !important; +} + +section.yellow .progress .bg-blue { + background-color: #c19c43; +} + +section.voilet { + background-color: #4768FD; +} + +section.blue { + background-color: #cadfdf; +} + +section.orange { + color: #fff; + background-color: #fb7833; +} + +section.green { + background-color: #aaffa7; +} + +section.skin { + background-color: #fdead2; +} + +section.aqua { + background-color: #00fefe; + color: #000 !important; +} + +section.pink { + background-color: #fff1f1; +} + +.progress { + height: 0.6rem; + background-color: #fff; +} + +.progress .bg-blue { + background-color: #2e96a5; +} + +.card { + border-radius: 6px; + border: none; +} + +#timeline { + width: 100%; + position: relative; + -webkit-transition: all 0.4s ease; + transition: all 0.4s ease; +} + +#timeline:before { + content: ""; + width: 3px; + height: 100%; + background: #000; + left: 50%; + -webkit-transform: translate(-50%); + transform: translate(-50%); + top: 0; + position: absolute; +} + +#timeline:after { + content: ""; + clear: both; + display: table; + width: 100%; +} + +#timeline .timeline-item { + margin-bottom: 50px; + position: relative; + text-align: right; +} + +#timeline .timeline-item .timeline-icon { + background: #000; + width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 50%; + overflow: hidden; + margin-left: -10px; + border-radius: 50%; +} + +#timeline .timeline-item .timeline-content { + width: 45%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +#timeline .timeline-item .timeline-content p { + color: rgba(0, 0, 0, 0.7); +} + +#timeline .timeline-item .timeline-content .date { + display: inline-block; + background-color: rgba(0, 0, 0, 0.1); + padding: 10px; + border-radius: 3px; +} + +#timeline .timeline-item .timeline-content.right { + float: right; + text-align: left; +} + +.pagination .page-item.active .page-link { + background-color: black; + border-color: black !important; + color: #fff !important; +} + +.pagination .page-link { + border: none; + color: #000 !important; +} + +.skill { + margin-bottom: 20px; +} + +@media (max-width: 767px) { + .sidebar { + position: static; + width: 100%; + padding-left: 65px; + } + .main-content { + width: 100%; + margin-left: 0%; + } + #timeline { + margin: 30px; + padding: 0px; + width: 90%; + } + #timeline:before { + left: 0; + } + #timeline .timeline-item .timeline-content { + width: 90%; + float: right; + text-align: left; + } + #timeline .timeline-item .timeline-content:before, + #timeline .timeline-item .timeline-content .right:before { + left: 10%; + margin-left: -6px; + border-left: 0; + border-right: 7px solid #ee4d4d; + } + #timeline .timeline-item .timeline-icon { + left: 0; + } +} + +.hamburger-menu, +.hamburger-menu:after, +.hamburger-menu:before { + width: 24px; + height: 4px; +} + +.hamburger-menu { + position: relative; + -webkit-transform: translateY(8px); + transform: translateY(8px); + background: black; + -webkit-transition: all 0ms 300ms; + transition: all 0ms 300ms; +} + +.hamburger-menu.animate { + background: rgba(255, 255, 255, 0); +} + +.hamburger-menu:before { + content: ""; + position: absolute; + left: 0; + bottom: 8px; + background: black; + -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu:after { + content: ""; + position: absolute; + left: 0; + top: 8px; + background: black; + -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu.animate:after { + top: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu.animate:before { + bottom: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); +} +/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/public/css/styles.css.map b/public/css/styles.css.map new file mode 100644 index 0000000..e24df73 --- /dev/null +++ b/public/css/styles.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "styles.scss" + ], + "names": [], + "file": "styles.css" +} \ No newline at end of file diff --git a/public/css/styles.scss b/public/css/styles.scss new file mode 100644 index 0000000..88a4179 --- /dev/null +++ b/public/css/styles.scss @@ -0,0 +1,448 @@ +*{ + // outline: 1px solid red; +} + +html{ + overflow-x: hidden; + overflow-y: scroll; +} + +a{ + &:hover{ + text-decoration: none; + } +} +.sidebar{ + position: fixed; + left: 0px; + top: 0px; + + right: 552px; + bottom: 0px; + z-index: 1; + width: 40%; + + height: 100%; + + + .main-info *{ + transition: all 0.3s ease; + opacity: 0; + transform: translateX(-40px); + + &.bs{ + transform: translateX(0); + opacity: 1; + } + + + } +} + +.main-content{ + position: relative; + overflow: visible; + width: 60%; + max-width: 1200px; + margin-left: 40%; + float: none; + clear: none; + + &:after{ + position: absolute; + content: ''; + top: 0; bottom: 0; + left: 0; right: 0; + transition: all 0.8s cubic-bezier(0.79, 0, 0.05, 0.83);; + background-color: #fff; + } + + &.active{ + &:after{ + position: absolute; + content: ''; + top: 0; bottom: 0; + left: 0; right: 0; + transform: translateX(100%); + background-color: #fff; + } + } +} + + + +article{ + font-size: 18px !important; + line-height: 1.8rem; + p{ + color: rgba(0,0,0,0.8); + } + + img{ + max-width: 100%; + } + + code{ + background-color: #fbfbfb !important; + width: 100%; + max-width: 800px; + margin: 0 auto; + } + + mark{ + background-color: white; + color: rgb(200,0,0); + } + +} + +.heading, +h1,h2,h3,h4,h5,h6{ + + font-family: 'Montserrat', sans-serif !important; + font-weight: 800; + text-transform: uppercase; + +} + +.heading{ + font-size: 38px; +} + +.highlight{ + background-color: #ededed; + padding: 4px 8px; + /*display: inline-block;*/ +} + +.form-control{ + border: none; + background-color: #e8ebef !important; +} + +.primaryMenu{ + // margin-top: -90px; + transform: translateY(-90px); + transition: transform 0.3s ease; + position: absolute; + margin-left: 35px; + + &.active{ + transform: translateY(0px); + } +} + +.secondaryMenu{ + position: absolute; + widows: 100%; + // margin-top: -90px; + transform: translateY(-90px); + margin-left: 25px; + padding-left: 0; + z-index: 2; + transition: transform 0.3s ease; + + &.active{ + // margin-top: 0px; + transform: translateY(0px); + } +} + +// styles for buttons +.btn{ + border-radius: 6px; + transition: all 0.3s ease; + + &.btn-primary{ + background-color : #31E7B6; + border-color: #31E7B6; + + &:hover{ + background-color : #32d2a7; + border-color: #32d2a7; + } + + &:active{ + transform: scale(0.95); + background-color : #32d2a7; + border-color: #32d2a7; + } + } +} + +.btn-dark-faded{ + font-weight: 300; + font-family: 'Montserrat', sans-serif !important; + /*text-transform: uppercase;*/ + background-color: rgba(0,0,0,0.07); + color: black; +} +// Styles for social icons +.social{ + &:hover{ + a{ + color: rgba(0,0,0,0.4); + } + } + + a{ + color: rgba(0,0,0,1); + font-size: 28px; + margin-right: 12px; + transition: all 0.3s ease; + + &:hover{ + color: rgba(0,0,0,1); + i{ + transform: scale(1.3); + } + } + } +} + +section{ + padding: 10%; + + .heading{ + margin-bottom: 30px; + } + + &.yellow{ + background-color: #ffd061; + color: #000 !important; + + .progress .bg-blue{ + background-color: #c19c43; + } + } + + &.voilet{ + background-color: #4768FD; + } + + &.blue{ + background-color: #cadfdf; + } + + &.orange{ + color: #fff; + background-color: #fb7833; + } + + &.green{ + background-color: #aaffa7; + } + + &.skin{ + background-color: #fdead2; + } + + &.aqua{ + background-color: #00fefe; + color: #000 !important; + } + + &.pink{ + background-color: #fff1f1; + } +} + +// styles for progress bar +.progress{ + height: 0.6rem; + background-color: #fff; + + .bg-blue{ + background-color: #2e96a5; + } +} + +.card{ + border-radius: 6px; + border: none; +} + +// styles for timeline + +#timeline { + width: 100%; + + position: relative; + -webkit-transition: all 0.4s ease; + -moz-transition: all 0.4s ease; + -ms-transition: all 0.4s ease; + transition: all 0.4s ease; + + &:before { + content: ""; + width: 3px; + height: 100%; + background: #000; + left: 50%; + transform: translate(-50%); + top: 0; + position: absolute; + } + &:after { + content: ""; + clear: both; + display: table; + width: 100%; + } + + .timeline-item { + margin-bottom: 50px; + position: relative; + text-align: right; + + .timeline-icon { + background: #000; + width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 50%; + overflow: hidden; + margin-left: -10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + } + + .timeline-content { + width: 45%; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + transition: all 0.3s ease; + + p { + color: rgba(0,0,0,0.7); + } + + .date{ + display: inline-block; + background-color: rgba(0,0,0,0.1); + padding: 10px; + border-radius: 3px; + } + + &.right { + float: right; + text-align: left; + } + } + } +} + +.pagination{ + .page-item.active{ + .page-link{ + background-color: black; + border-color: black !important; + color: #fff !important; + } + } + .page-link{ + border: none; + color: #000 !important; + } +} + +.skill{ + margin-bottom: 20px; +} + +@media (max-width: 767px){ + .sidebar { + position: static; + width: 100%; + padding-left: 65px; + } + .main-content{ + width: 100%; + margin-left: 0%; + } + + #timeline { + margin: 30px; + padding: 0px; + width: 90%; + + &:before { + left: 0; + } + + .timeline-item{ + .timeline-content { + width: 90%; + float: right; + text-align: left; + + &:before, + .right:before{ + left: 10%; + margin-left: -6px; + border-left: 0; + border-right: 7px solid #ee4d4d; + } + } + .timeline-icon { + left: 0; + } + } + } +} + +$bar-width: 24px; +$bar-height: 4px; +$bar-spacing: 8px; + +.hamburger-menu, +.hamburger-menu:after, +.hamburger-menu:before { + width: $bar-width; + height: $bar-height; +} + +.hamburger-menu { + position: relative; + transform: translateY($bar-spacing); + background: rgba(0, 0, 0, 1); + transition: all 0ms 300ms; + + &.animate { + background: rgba(255, 255, 255, 0); + } +} + +.hamburger-menu:before { + content: ""; + position: absolute; + left: 0; + bottom: $bar-spacing; + background: rgba(0, 0, 0, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu:after { + content: ""; + position: absolute; + left: 0; + top: $bar-spacing; + background: rgba(0, 0, 0, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu.animate:after { + top: 0; + transform: rotate(45deg); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1);; +} + +.hamburger-menu.animate:before { + bottom: 0; + transform: rotate(-45deg); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1);; +} \ No newline at end of file diff --git a/public/images/sim.jpg b/public/images/sim.jpg new file mode 100644 index 0000000..fa9fbe3 Binary files /dev/null and b/public/images/sim.jpg differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d646599 --- /dev/null +++ b/public/index.html @@ -0,0 +1,273 @@ + + + + + + + + + + Valentina + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+

Skills

+ + + +
+ Adobe XD +
+
+
+
+ + +
+ Illustrator +
+
+
+
+ + +
+ Photoshop +
+
+
+
+ + +
+ Sketch +
+
+
+
+ +
+ + +
+

Experience

+
+ +
+
+ +
+ May 2017 - Nov 2017 +
Uber
+ + + + + https://www.uber.com + + +

Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor.

+
+
+ +
+
+ +
+ Nov 2017 - Present +
Google
+ + +

Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor.

+
+
+ +
+ +
+ + +
+

Services

+ +
+ + + +
+
+ +
Logo Design
+

Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor.

+
+
+ + + +
+
+ +
Graphics Design
+

Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor.

+
+
+ + +
+
+
+ +
+ + +
+ +
+ + +
+
+

Contact

+ +
+ +
+ +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+
+
+ +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.xml b/public/index.xml new file mode 100644 index 0000000..a8944df --- /dev/null +++ b/public/index.xml @@ -0,0 +1,10 @@ + + + + Valentina + https://demo.uicard.io/hugo-uilite-free/ + Recent content on Valentina + Hugo -- gohugo.io + en-us + + diff --git a/public/js/main.js b/public/js/main.js new file mode 100644 index 0000000..2f1d09b --- /dev/null +++ b/public/js/main.js @@ -0,0 +1,69 @@ +/* +*================================= +* Hugo UILite Portfolio v0.8 +*================================= +* +* Free version https://uicard.io/products/hugo-uilite +* Pro version https://uicard.io/products/hugo-uilite-pro +* Demo https://demo.uicard.io/hugo-uilite-portfolio-demo/ +* +* Coded By UICardio +* +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +* +*/ + + +let menuBtn = $("#menuBar"); + +menuBtn.click(function() { + + $('.hamburger-menu').toggleClass('animate'); + + if ($(".secondaryMenu").hasClass("active")) { + + $(".secondaryMenu").removeClass("active"); + setTimeout(function() { + $(".primaryMenu").addClass("active"); + }, 400); + + + } else { + $(".primaryMenu").removeClass("active"); + + setTimeout(function() { + $(".secondaryMenu").addClass("active"); + }, 350); + } +}); + +function scrollTo(target) { + const top = $(target).offset().top; + const duration = 500; + const changeHash = function() { + location.hash = target + }; + $("html, body").animate({ scrollTop: top }, duration, changeHash); +} + +$(document).ready(function() { + var elements = $(".sidebar > .main-info *"); + + console.log(elements); + + for (let i = 0; i < elements.length; i++) { + setTimeout(function() { + $(elements[i].tagName).addClass("bs"); + }, (400 * i) - 90 * i); + } + + setTimeout(function() { + $(".main-content").addClass("active"); + }, 1900); + + $("#sidebar a.btn[href='#contact']").on("click", function (event) { + event.preventDefault(); + + scrollTo($.attr(this, "href")); + }); +}); \ No newline at end of file diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..b7c1914 --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,11 @@ + + + + https://demo.uicard.io/hugo-uilite-free/categories/ + + https://demo.uicard.io/hugo-uilite-free/tags/ + + https://demo.uicard.io/hugo-uilite-free/ + + diff --git a/public/tags/index.xml b/public/tags/index.xml new file mode 100644 index 0000000..4cf7cef --- /dev/null +++ b/public/tags/index.xml @@ -0,0 +1,10 @@ + + + + Tags on Valentina + https://demo.uicard.io/hugo-uilite-free/tags/ + Recent content in Tags on Valentina + Hugo -- gohugo.io + en-us + + diff --git a/themes/hugo-uilite/LICENSE.md b/themes/hugo-uilite/LICENSE.md new file mode 100644 index 0000000..4f1418f --- /dev/null +++ b/themes/hugo-uilite/LICENSE.md @@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2018 UICardio + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. \ No newline at end of file diff --git a/themes/hugo-uilite/README.md b/themes/hugo-uilite/README.md new file mode 100644 index 0000000..125127d --- /dev/null +++ b/themes/hugo-uilite/README.md @@ -0,0 +1,32 @@ +# Hugo Uilite Portfolio theme + +![Hugo UILite Portfolio](https://api.uicard.io/uploads/fbb72e1060675dc28fd8a6f02b0be9c4.jpg) + +Hugo UILite portfolio theme is designed especially for designers and developers who need a good-looking portfolio website without much efforts. It includes all the components to showcase the skills and work. + +### Free version includes + +- Skills section +- Experience timeline +- Service section +- Contact Form +- Social links +- Good SEO + +### Pro version also includes + +- Blog +- Work/portfolio +- Disqus +- Documentation +- Support + +### Useful Links + +[Free Demo](https://demo.uicard.io/hugo-uilite-free/) | [Pro Demo](https://demo.uicard.io/hugo-uilite-portfolio-demo/) | [More Info](https://uicard.io/products/hugo-uilite-pro?utm_source=github) + +### Contact via Formspree + +- [Register](https://formspree.io/) +- [Create a Project and a Form](https://help.formspree.io/hc/en-us/articles/360053239754-Getting-started-with-projects) +- Add your **form endpoint** to `data/config.json` \ No newline at end of file diff --git a/themes/hugo-uilite/archetypes/default.md b/themes/hugo-uilite/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/themes/hugo-uilite/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/themes/hugo-uilite/exampleSite/config.toml b/themes/hugo-uilite/exampleSite/config.toml new file mode 100644 index 0000000..4e7d232 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/config.toml @@ -0,0 +1,4 @@ +baseURL = "https://demo.uicard.io/hugo-uilite-free/" +languageCode = "en-us" +title = "Valentina" +theme = "hugo-uilite" diff --git a/themes/hugo-uilite/exampleSite/content/.gitkeep b/themes/hugo-uilite/exampleSite/content/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/themes/hugo-uilite/exampleSite/data/config.json b/themes/hugo-uilite/exampleSite/data/config.json new file mode 100644 index 0000000..6284b53 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/config.json @@ -0,0 +1,5 @@ +{ + "author" : "Arvind Singh", + "email" : "youremailhere@gmail.com", + "formspree" : "https://your-form-endpoint-goes-here" +} diff --git a/themes/hugo-uilite/exampleSite/data/experience.json b/themes/hugo-uilite/exampleSite/data/experience.json new file mode 100644 index 0000000..627a2a0 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/experience.json @@ -0,0 +1,16 @@ +{ + "title" : "Experience", + "experience" : [ + { + "timeperiod" : "May 2017 - Nov 2017", + "company" : "Uber", + "website": "https://www.uber.com", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + }, + { + "timeperiod" : "Nov 2017 - Present", + "company" : "Google", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + } + ] +} \ No newline at end of file diff --git a/themes/hugo-uilite/exampleSite/data/services.json b/themes/hugo-uilite/exampleSite/data/services.json new file mode 100644 index 0000000..7dd201a --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/services.json @@ -0,0 +1,15 @@ +{ + "title" : "Services", + "services" : [ + { + "icon" : "pencil-ruler", + "title" : "Logo Design", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + }, + { + "icon" : "pen-nib", + "title" : "Graphics Design", + "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " + } + ] +} \ No newline at end of file diff --git a/themes/hugo-uilite/exampleSite/data/sidebar.json b/themes/hugo-uilite/exampleSite/data/sidebar.json new file mode 100644 index 0000000..5e56a22 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/sidebar.json @@ -0,0 +1,6 @@ +{ + "title" : "hey world, i'm", + "highlightedText" : "valentina", + "description" : "A graphics designer, based in Germany.", + "displayPicture" : "sim.jpg" +} diff --git a/themes/hugo-uilite/exampleSite/data/skills.json b/themes/hugo-uilite/exampleSite/data/skills.json new file mode 100644 index 0000000..af51803 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/skills.json @@ -0,0 +1,9 @@ +{ + "title" : "Skills", + "skills" : { + "Sketch" : "90", + "Adobe XD" : "80", + "Illustrator" : "65", + "Photoshop" : "97" + } +} \ No newline at end of file diff --git a/themes/hugo-uilite/exampleSite/data/social.json b/themes/hugo-uilite/exampleSite/data/social.json new file mode 100644 index 0000000..c1e2a93 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/social.json @@ -0,0 +1,6 @@ +{ + "facebook" : "https://facebook.com/", + "instagram" : "https://instagram.com/", + "dribbble" : "https://dribbble.com/", + "behance" : "https://behnace.com/" +} \ No newline at end of file diff --git a/themes/hugo-uilite/exampleSite/data/socialfas.json b/themes/hugo-uilite/exampleSite/data/socialfas.json new file mode 100644 index 0000000..f990145 --- /dev/null +++ b/themes/hugo-uilite/exampleSite/data/socialfas.json @@ -0,0 +1,3 @@ +{ + "envelope" : "mailto:@gmail.com" +} diff --git a/themes/hugo-uilite/images/screenshot.png b/themes/hugo-uilite/images/screenshot.png new file mode 100644 index 0000000..a6e35fc Binary files /dev/null and b/themes/hugo-uilite/images/screenshot.png differ diff --git a/themes/hugo-uilite/images/tn.png b/themes/hugo-uilite/images/tn.png new file mode 100644 index 0000000..ce9e125 Binary files /dev/null and b/themes/hugo-uilite/images/tn.png differ diff --git a/themes/hugo-uilite/layouts/404.html b/themes/hugo-uilite/layouts/404.html new file mode 100644 index 0000000..33d2c5c --- /dev/null +++ b/themes/hugo-uilite/layouts/404.html @@ -0,0 +1 @@ +

simple 404 error page

\ No newline at end of file diff --git a/themes/hugo-uilite/layouts/index.html b/themes/hugo-uilite/layouts/index.html new file mode 100644 index 0000000..3d3b2c0 --- /dev/null +++ b/themes/hugo-uilite/layouts/index.html @@ -0,0 +1,20 @@ +{{ partial "header.html" . }} +{{ partial "sidebar.html" . }} + +
+ {{ if .Site.Data.skills }}{{ partial "skills.html" . }}{{ end }} + {{ if .Site.Data.experience }}{{ partial "experience.html" . }}{{ end }} + {{ if .Site.Data.services }}{{ partial "services.html" . }}{{ end }} +
+ +
+ {{ if gt (len (where .Data.Pages "Type" "blog")) 0 }}{{ partial "blog.html" . }}{{ end }} + {{ if gt (len (where .Data.Pages "Type" "work")) 0 }}{{ partial "work.html" . }}{{ end }} +
+ +
+ {{ partial "contact.html" . }} +
+ +{{ partial "footer-scripts.html" . }} + \ No newline at end of file diff --git a/themes/hugo-uilite/layouts/partials/contact.html b/themes/hugo-uilite/layouts/partials/contact.html new file mode 100644 index 0000000..4fa30e6 --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/contact.html @@ -0,0 +1,30 @@ +{{ $config := .Site.Data.config }} + +
+
+

Contact

+ +
+ {{ $config.message }} +
+ +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+
+
diff --git a/themes/hugo-uilite/layouts/partials/experience.html b/themes/hugo-uilite/layouts/partials/experience.html new file mode 100644 index 0000000..8807974 --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/experience.html @@ -0,0 +1,26 @@ +{{ $experience := .Site.Data.experience }} + +
+

{{ $experience.title }}

+
+ {{ range $index, $element := $experience.experience }} +
+
+ +
+ {{ $element.timeperiod }} +
{{ $element.company }}
+ {{ $website := $element.website }} + {{ if $website }} + + + {{ $website }} + + {{ end }} +

{{ $element.description }}

+
+
+ {{ end }} +
+ +
\ No newline at end of file diff --git a/themes/hugo-uilite/layouts/partials/footer-scripts.html b/themes/hugo-uilite/layouts/partials/footer-scripts.html new file mode 100644 index 0000000..ef992c5 --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/footer-scripts.html @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/themes/hugo-uilite/layouts/partials/footer.html b/themes/hugo-uilite/layouts/partials/footer.html new file mode 100644 index 0000000..aebb05e --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/footer.html @@ -0,0 +1,5 @@ +{{ $footer := .Site.Data.footer }} + +
+ {{ $footer.text }} +
\ No newline at end of file diff --git a/themes/hugo-uilite/layouts/partials/header.html b/themes/hugo-uilite/layouts/partials/header.html new file mode 100644 index 0000000..ff0c6ec --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/header.html @@ -0,0 +1,41 @@ +{{ $config := .Site.Data.config }} + + + + + + {{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }} + {{ if .IsHome }} + {{ .Site.Title }} + {{ else if .Params.heading }} + {{ .Params.heading }} + {{ else }} + {{ .Title }} | {{ .Site.Title }} + {{ end }} + + + + + + + + + + + + + + + + + + + + {{ range .AlternativeOutputFormats -}} + + {{ end -}} + + {{ partial "seo_schema.html" . }} + + + diff --git a/themes/hugo-uilite/layouts/partials/seo_schema.html b/themes/hugo-uilite/layouts/partials/seo_schema.html new file mode 100644 index 0000000..dc2f7f9 --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/seo_schema.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + +{{ if .IsHome }} + +{{ end }} +{{ if .IsPage }} + +{{ end }} \ No newline at end of file diff --git a/themes/hugo-uilite/layouts/partials/services.html b/themes/hugo-uilite/layouts/partials/services.html new file mode 100644 index 0000000..71ac570 --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/services.html @@ -0,0 +1,20 @@ +{{ $services := .Site.Data.services }} + +
+

{{ $services.title }}

+ +
+ + {{ range $index, $element := $services.services }} + +
+
+ +
{{ $element.title }}
+

{{ $element.description }}

+
+
+ + {{ end }} +
+
\ No newline at end of file diff --git a/themes/hugo-uilite/layouts/partials/sidebar.html b/themes/hugo-uilite/layouts/partials/sidebar.html new file mode 100644 index 0000000..024f93d --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/sidebar.html @@ -0,0 +1,33 @@ +{{ $sidebar := .Site.Data.sidebar }} +{{ $social := .Site.Data.social }} +{{ $socialfas := .Site.Data.socialfas}} + + diff --git a/themes/hugo-uilite/layouts/partials/skills.html b/themes/hugo-uilite/layouts/partials/skills.html new file mode 100644 index 0000000..69bc4b9 --- /dev/null +++ b/themes/hugo-uilite/layouts/partials/skills.html @@ -0,0 +1,15 @@ +{{ $skills := .Site.Data.skills }} + +
+

{{ $skills.title }}

+ + {{ range $key, $value := $skills.skills }} + +
+ {{ $key }} +
+
+
+
+ {{ end }} +
\ No newline at end of file diff --git a/themes/hugo-uilite/static/css/highlight.css b/themes/hugo-uilite/static/css/highlight.css new file mode 100644 index 0000000..04c4204 --- /dev/null +++ b/themes/hugo-uilite/static/css/highlight.css @@ -0,0 +1 @@ +.hljs-comment,.hljs-quote{color:#8e908c}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#c82829}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#f5871f}.hljs-attribute{color:#eab700}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#718c00}.hljs-title,.hljs-section{color:#4271ae}.hljs-keyword,.hljs-selector-tag{color:#8959a8}.hljs{display:block;overflow-x:auto;background:white;color:#4d4d4c;padding:0.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} \ No newline at end of file diff --git a/themes/hugo-uilite/static/css/styles.css b/themes/hugo-uilite/static/css/styles.css new file mode 100644 index 0000000..eb3a8e1 --- /dev/null +++ b/themes/hugo-uilite/static/css/styles.css @@ -0,0 +1,440 @@ +html { + overflow-x: hidden; + overflow-y: scroll; +} +a:hover { + text-decoration: none; +} +.sidebar { + position: fixed; + left: 0px; + top: 0px; + right: 552px; + bottom: 0px; + z-index: 1; + width: 40%; + height: 100%; +} +.sidebar .main-info * { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + opacity: 0; + -webkit-transform: translateX(-40px); + transform: translateX(-40px); +} + +.sidebar .main-info *.bs { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; +} + +.main-content { + position: relative; + overflow: visible; + width: 60%; + max-width: 1200px; + margin-left: 40%; + float: none; + clear: none; +} + +.main-content:after { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-transition: all 0.8s cubic-bezier(0.79, 0, 0.05, 0.83); + transition: all 0.8s cubic-bezier(0.79, 0, 0.05, 0.83); + background-color: #fff; +} + +.main-content.active:after { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + background-color: #fff; +} + +article { + font-size: 18px !important; + line-height: 1.8rem; +} + +article p { + color: rgba(0, 0, 0, 0.8); +} + +article img { + max-width: 100%; +} + +article code { + background-color: #fbfbfb !important; + width: 100%; + max-width: 800px; + margin: 0 auto; +} + +article mark { + background-color: white; + color: #c80000; +} + +.heading, +h1, h2, h3, h4, h5, h6 { + font-family: 'Montserrat', sans-serif !important; + font-weight: 800; + text-transform: uppercase; +} + +.heading { + font-size: 38px; +} + +.highlight { + background-color: #ededed; + padding: 4px 8px; + /*display: inline-block;*/ +} + +.form-control { + border: none; + background-color: #e8ebef !important; +} + +.primaryMenu { + -webkit-transform: translateY(-90px); + transform: translateY(-90px); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; + position: absolute; + margin-left: 35px; +} + +.primaryMenu.active { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} + +.secondaryMenu { + position: absolute; + widows: 100%; + -webkit-transform: translateY(-90px); + transform: translateY(-90px); + margin-left: 25px; + padding-left: 0; + z-index: 2; + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; +} + +.secondaryMenu.active { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} + +.btn { + border-radius: 6px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.btn.btn-primary { + background-color: #31E7B6; + border-color: #31E7B6; +} + +.btn.btn-primary:hover { + background-color: #32d2a7; + border-color: #32d2a7; +} + +.btn.btn-primary:active { + -webkit-transform: scale(0.95); + transform: scale(0.95); + background-color: #32d2a7; + border-color: #32d2a7; +} + +.btn-dark-faded { + font-weight: 300; + font-family: 'Montserrat', sans-serif !important; + /*text-transform: uppercase;*/ + background-color: rgba(0, 0, 0, 0.07); + color: black; +} + +.social:hover a { + color: rgba(0, 0, 0, 0.4); +} + +.social a { + color: black; + font-size: 28px; + margin-right: 12px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.social a:hover { + color: black; +} + +.social a:hover i { + -webkit-transform: scale(1.3); + transform: scale(1.3); +} + +section { + padding: 10%; +} + +section .heading { + margin-bottom: 30px; +} + +section.yellow { + background-color: #ffd061; + color: #000 !important; +} + +section.yellow .progress .bg-blue { + background-color: #c19c43; +} + +section.voilet { + background-color: #4768FD; +} + +section.blue { + background-color: #cadfdf; +} + +section.orange { + color: #fff; + background-color: #fb7833; +} + +section.green { + background-color: #aaffa7; +} + +section.skin { + background-color: #fdead2; +} + +section.aqua { + background-color: #00fefe; + color: #000 !important; +} + +section.pink { + background-color: #fff1f1; +} + +.progress { + height: 0.6rem; + background-color: #fff; +} + +.progress .bg-blue { + background-color: #2e96a5; +} + +.card { + border-radius: 6px; + border: none; +} + +#timeline { + width: 100%; + position: relative; + -webkit-transition: all 0.4s ease; + transition: all 0.4s ease; +} + +#timeline:before { + content: ""; + width: 3px; + height: 100%; + background: #000; + left: 50%; + -webkit-transform: translate(-50%); + transform: translate(-50%); + top: 0; + position: absolute; +} + +#timeline:after { + content: ""; + clear: both; + display: table; + width: 100%; +} + +#timeline .timeline-item { + margin-bottom: 50px; + position: relative; + text-align: right; +} + +#timeline .timeline-item .timeline-icon { + background: #000; + width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 50%; + overflow: hidden; + margin-left: -10px; + border-radius: 50%; +} + +#timeline .timeline-item .timeline-content { + width: 45%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +#timeline .timeline-item .timeline-content p { + color: rgba(0, 0, 0, 0.7); +} + +#timeline .timeline-item .timeline-content .date { + display: inline-block; + background-color: rgba(0, 0, 0, 0.1); + padding: 10px; + border-radius: 3px; +} + +#timeline .timeline-item .timeline-content.right { + float: right; + text-align: left; +} + +.pagination .page-item.active .page-link { + background-color: black; + border-color: black !important; + color: #fff !important; +} + +.pagination .page-link { + border: none; + color: #000 !important; +} + +.skill { + margin-bottom: 20px; +} + +@media (max-width: 767px) { + .sidebar { + position: static; + width: 100%; + padding-left: 65px; + } + .main-content { + width: 100%; + margin-left: 0%; + } + #timeline { + margin: 30px; + padding: 0px; + width: 90%; + } + #timeline:before { + left: 0; + } + #timeline .timeline-item .timeline-content { + width: 90%; + float: right; + text-align: left; + } + #timeline .timeline-item .timeline-content:before, + #timeline .timeline-item .timeline-content .right:before { + left: 10%; + margin-left: -6px; + border-left: 0; + border-right: 7px solid #ee4d4d; + } + #timeline .timeline-item .timeline-icon { + left: 0; + } +} + +.hamburger-menu, +.hamburger-menu:after, +.hamburger-menu:before { + width: 24px; + height: 4px; +} + +.hamburger-menu { + position: relative; + -webkit-transform: translateY(8px); + transform: translateY(8px); + background: black; + -webkit-transition: all 0ms 300ms; + transition: all 0ms 300ms; +} + +.hamburger-menu.animate { + background: rgba(255, 255, 255, 0); +} + +.hamburger-menu:before { + content: ""; + position: absolute; + left: 0; + bottom: 8px; + background: black; + -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu:after { + content: ""; + position: absolute; + left: 0; + top: 8px; + background: black; + -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu.animate:after { + top: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu.animate:before { + bottom: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1); +} +/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/themes/hugo-uilite/static/css/styles.css.map b/themes/hugo-uilite/static/css/styles.css.map new file mode 100644 index 0000000..e24df73 --- /dev/null +++ b/themes/hugo-uilite/static/css/styles.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "styles.scss" + ], + "names": [], + "file": "styles.css" +} \ No newline at end of file diff --git a/themes/hugo-uilite/static/css/styles.scss b/themes/hugo-uilite/static/css/styles.scss new file mode 100644 index 0000000..88a4179 --- /dev/null +++ b/themes/hugo-uilite/static/css/styles.scss @@ -0,0 +1,448 @@ +*{ + // outline: 1px solid red; +} + +html{ + overflow-x: hidden; + overflow-y: scroll; +} + +a{ + &:hover{ + text-decoration: none; + } +} +.sidebar{ + position: fixed; + left: 0px; + top: 0px; + + right: 552px; + bottom: 0px; + z-index: 1; + width: 40%; + + height: 100%; + + + .main-info *{ + transition: all 0.3s ease; + opacity: 0; + transform: translateX(-40px); + + &.bs{ + transform: translateX(0); + opacity: 1; + } + + + } +} + +.main-content{ + position: relative; + overflow: visible; + width: 60%; + max-width: 1200px; + margin-left: 40%; + float: none; + clear: none; + + &:after{ + position: absolute; + content: ''; + top: 0; bottom: 0; + left: 0; right: 0; + transition: all 0.8s cubic-bezier(0.79, 0, 0.05, 0.83);; + background-color: #fff; + } + + &.active{ + &:after{ + position: absolute; + content: ''; + top: 0; bottom: 0; + left: 0; right: 0; + transform: translateX(100%); + background-color: #fff; + } + } +} + + + +article{ + font-size: 18px !important; + line-height: 1.8rem; + p{ + color: rgba(0,0,0,0.8); + } + + img{ + max-width: 100%; + } + + code{ + background-color: #fbfbfb !important; + width: 100%; + max-width: 800px; + margin: 0 auto; + } + + mark{ + background-color: white; + color: rgb(200,0,0); + } + +} + +.heading, +h1,h2,h3,h4,h5,h6{ + + font-family: 'Montserrat', sans-serif !important; + font-weight: 800; + text-transform: uppercase; + +} + +.heading{ + font-size: 38px; +} + +.highlight{ + background-color: #ededed; + padding: 4px 8px; + /*display: inline-block;*/ +} + +.form-control{ + border: none; + background-color: #e8ebef !important; +} + +.primaryMenu{ + // margin-top: -90px; + transform: translateY(-90px); + transition: transform 0.3s ease; + position: absolute; + margin-left: 35px; + + &.active{ + transform: translateY(0px); + } +} + +.secondaryMenu{ + position: absolute; + widows: 100%; + // margin-top: -90px; + transform: translateY(-90px); + margin-left: 25px; + padding-left: 0; + z-index: 2; + transition: transform 0.3s ease; + + &.active{ + // margin-top: 0px; + transform: translateY(0px); + } +} + +// styles for buttons +.btn{ + border-radius: 6px; + transition: all 0.3s ease; + + &.btn-primary{ + background-color : #31E7B6; + border-color: #31E7B6; + + &:hover{ + background-color : #32d2a7; + border-color: #32d2a7; + } + + &:active{ + transform: scale(0.95); + background-color : #32d2a7; + border-color: #32d2a7; + } + } +} + +.btn-dark-faded{ + font-weight: 300; + font-family: 'Montserrat', sans-serif !important; + /*text-transform: uppercase;*/ + background-color: rgba(0,0,0,0.07); + color: black; +} +// Styles for social icons +.social{ + &:hover{ + a{ + color: rgba(0,0,0,0.4); + } + } + + a{ + color: rgba(0,0,0,1); + font-size: 28px; + margin-right: 12px; + transition: all 0.3s ease; + + &:hover{ + color: rgba(0,0,0,1); + i{ + transform: scale(1.3); + } + } + } +} + +section{ + padding: 10%; + + .heading{ + margin-bottom: 30px; + } + + &.yellow{ + background-color: #ffd061; + color: #000 !important; + + .progress .bg-blue{ + background-color: #c19c43; + } + } + + &.voilet{ + background-color: #4768FD; + } + + &.blue{ + background-color: #cadfdf; + } + + &.orange{ + color: #fff; + background-color: #fb7833; + } + + &.green{ + background-color: #aaffa7; + } + + &.skin{ + background-color: #fdead2; + } + + &.aqua{ + background-color: #00fefe; + color: #000 !important; + } + + &.pink{ + background-color: #fff1f1; + } +} + +// styles for progress bar +.progress{ + height: 0.6rem; + background-color: #fff; + + .bg-blue{ + background-color: #2e96a5; + } +} + +.card{ + border-radius: 6px; + border: none; +} + +// styles for timeline + +#timeline { + width: 100%; + + position: relative; + -webkit-transition: all 0.4s ease; + -moz-transition: all 0.4s ease; + -ms-transition: all 0.4s ease; + transition: all 0.4s ease; + + &:before { + content: ""; + width: 3px; + height: 100%; + background: #000; + left: 50%; + transform: translate(-50%); + top: 0; + position: absolute; + } + &:after { + content: ""; + clear: both; + display: table; + width: 100%; + } + + .timeline-item { + margin-bottom: 50px; + position: relative; + text-align: right; + + .timeline-icon { + background: #000; + width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 50%; + overflow: hidden; + margin-left: -10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + } + + .timeline-content { + width: 45%; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + transition: all 0.3s ease; + + p { + color: rgba(0,0,0,0.7); + } + + .date{ + display: inline-block; + background-color: rgba(0,0,0,0.1); + padding: 10px; + border-radius: 3px; + } + + &.right { + float: right; + text-align: left; + } + } + } +} + +.pagination{ + .page-item.active{ + .page-link{ + background-color: black; + border-color: black !important; + color: #fff !important; + } + } + .page-link{ + border: none; + color: #000 !important; + } +} + +.skill{ + margin-bottom: 20px; +} + +@media (max-width: 767px){ + .sidebar { + position: static; + width: 100%; + padding-left: 65px; + } + .main-content{ + width: 100%; + margin-left: 0%; + } + + #timeline { + margin: 30px; + padding: 0px; + width: 90%; + + &:before { + left: 0; + } + + .timeline-item{ + .timeline-content { + width: 90%; + float: right; + text-align: left; + + &:before, + .right:before{ + left: 10%; + margin-left: -6px; + border-left: 0; + border-right: 7px solid #ee4d4d; + } + } + .timeline-icon { + left: 0; + } + } + } +} + +$bar-width: 24px; +$bar-height: 4px; +$bar-spacing: 8px; + +.hamburger-menu, +.hamburger-menu:after, +.hamburger-menu:before { + width: $bar-width; + height: $bar-height; +} + +.hamburger-menu { + position: relative; + transform: translateY($bar-spacing); + background: rgba(0, 0, 0, 1); + transition: all 0ms 300ms; + + &.animate { + background: rgba(255, 255, 255, 0); + } +} + +.hamburger-menu:before { + content: ""; + position: absolute; + left: 0; + bottom: $bar-spacing; + background: rgba(0, 0, 0, 1); + transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu:after { + content: ""; + position: absolute; + left: 0; + top: $bar-spacing; + background: rgba(0, 0, 0, 1); + transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.hamburger-menu.animate:after { + top: 0; + transform: rotate(45deg); + transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1);; +} + +.hamburger-menu.animate:before { + bottom: 0; + transform: rotate(-45deg); + transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 350ms 350ms cubic-bezier(0.23, 1, 0.32, 1);; +} \ No newline at end of file diff --git a/themes/hugo-uilite/static/images/sim.jpg b/themes/hugo-uilite/static/images/sim.jpg new file mode 100644 index 0000000..fa9fbe3 Binary files /dev/null and b/themes/hugo-uilite/static/images/sim.jpg differ diff --git a/themes/hugo-uilite/static/js/main.js b/themes/hugo-uilite/static/js/main.js new file mode 100644 index 0000000..2f1d09b --- /dev/null +++ b/themes/hugo-uilite/static/js/main.js @@ -0,0 +1,69 @@ +/* +*================================= +* Hugo UILite Portfolio v0.8 +*================================= +* +* Free version https://uicard.io/products/hugo-uilite +* Pro version https://uicard.io/products/hugo-uilite-pro +* Demo https://demo.uicard.io/hugo-uilite-portfolio-demo/ +* +* Coded By UICardio +* +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +* +*/ + + +let menuBtn = $("#menuBar"); + +menuBtn.click(function() { + + $('.hamburger-menu').toggleClass('animate'); + + if ($(".secondaryMenu").hasClass("active")) { + + $(".secondaryMenu").removeClass("active"); + setTimeout(function() { + $(".primaryMenu").addClass("active"); + }, 400); + + + } else { + $(".primaryMenu").removeClass("active"); + + setTimeout(function() { + $(".secondaryMenu").addClass("active"); + }, 350); + } +}); + +function scrollTo(target) { + const top = $(target).offset().top; + const duration = 500; + const changeHash = function() { + location.hash = target + }; + $("html, body").animate({ scrollTop: top }, duration, changeHash); +} + +$(document).ready(function() { + var elements = $(".sidebar > .main-info *"); + + console.log(elements); + + for (let i = 0; i < elements.length; i++) { + setTimeout(function() { + $(elements[i].tagName).addClass("bs"); + }, (400 * i) - 90 * i); + } + + setTimeout(function() { + $(".main-content").addClass("active"); + }, 1900); + + $("#sidebar a.btn[href='#contact']").on("click", function (event) { + event.preventDefault(); + + scrollTo($.attr(this, "href")); + }); +}); \ No newline at end of file diff --git a/themes/hugo-uilite/theme.toml b/themes/hugo-uilite/theme.toml new file mode 100644 index 0000000..06a118b --- /dev/null +++ b/themes/hugo-uilite/theme.toml @@ -0,0 +1,19 @@ +# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "UILite" +license = "MIT" +licenselink = "https://github.com/uicardiodev/hugo-uilite/blob/master/LICENSE.md" +description = "Hugo UILite theme is designed for developers and desginers so that they can showcase their work without any struggle" +homepage = "https://uicard.io/products/hugo-uilite" +tags = ["minimal","responsive","clean","modern","colors","portfolio","blog","skills","experience","services","uicardio"] +features = ["blog","services","portfolio","contact","skills","formspree","responsive"] +min_version = "0.31.1" + +[author] + name = "UICardio" + homepage = "https://uicard.io/products/sodium-hugo-theme" + +[developer] + name = "Arvind" + homepage = "https://heyarviind.com" \ No newline at end of file