From 03ab50d91acee2aa94b15d0e1d48e83f371fd06a Mon Sep 17 00:00:00 2001 From: gianmarco Date: Mon, 26 Dec 2022 16:42:09 +0100 Subject: [PATCH] New intro text and background --- config.toml | 4 +- content/introbg_new.svg | 2855 +++++++++++++++++ themes/hugo-casper3/assets/scss/custom.scss | 2 + themes/hugo-casper3/assets/scss/main.scss | 22 +- .../hugo-casper3/layouts/_default/list.html | 2 +- themes/hugo-casper3/layouts/index.html | 8 +- .../layouts/partials/header-background.html | 2 +- .../layouts/partials/site-nav.html | 6 +- 8 files changed, 2888 insertions(+), 13 deletions(-) create mode 100644 content/introbg_new.svg diff --git a/config.toml b/config.toml index 774151d..14b7b8e 100644 --- a/config.toml +++ b/config.toml @@ -4,9 +4,9 @@ title = 'Gianmarco Gargiulo' theme = 'hugo-casper3' [params] - description = "I'm a 19 years old UI Designer, Photographer and Artist." + description = "I'm an artist, designer, photographer and libre advocate." favicon = "/favicon.ico" - logo = "/logo.png" + #logo = "/logo.png" navlogo = "/navlogo.png" [menu] diff --git a/content/introbg_new.svg b/content/introbg_new.svg new file mode 100644 index 0000000..347b486 --- /dev/null +++ b/content/introbg_new.svg @@ -0,0 +1,2855 @@ + + + + diff --git a/themes/hugo-casper3/assets/scss/custom.scss b/themes/hugo-casper3/assets/scss/custom.scss index 6a949a2..4c2aa07 100644 --- a/themes/hugo-casper3/assets/scss/custom.scss +++ b/themes/hugo-casper3/assets/scss/custom.scss @@ -37,6 +37,8 @@ blinkbig { .intro-image { border-radius: 6px; + display: block; + margin-left: auto; } /* ISSO CSS */ diff --git a/themes/hugo-casper3/assets/scss/main.scss b/themes/hugo-casper3/assets/scss/main.scss index 4f59d1f..574a9d9 100644 --- a/themes/hugo-casper3/assets/scss/main.scss +++ b/themes/hugo-casper3/assets/scss/main.scss @@ -373,7 +373,18 @@ body{ display:flex; flex-direction:column; justify-content:center; - align-items:center; + align-items:left; + padding:6vw 3vw; + min-height:200px; + max-height:340px; + margin-top:230px +} +.site-header-content-list{ + z-index:100; + display:flex; + flex-direction:column; + justify-content:center; + align-items:left; padding:6vw 3vw; min-height:200px; max-height:340px @@ -382,6 +393,7 @@ body{ z-index:10; margin:0 0 0 -2px; padding:0; + font-family:Mustica Pro,Roboto,sans-serif; font-size:5rem; line-height:1em; font-weight:600; @@ -394,6 +406,7 @@ body{ z-index:10; margin:0; padding:5px 0; + font-family:Mustica Pro,Roboto,sans-serif; font-size:2.1rem; line-height:1.4em; font-weight:400; @@ -403,14 +416,14 @@ body{ z-index:1000 } .site-home-header .site-header-background{ - margin-top:0 + margin-top:0; + height:900px } .site-home-header .site-header-content{ padding:5vw 3vw 6vw } .site-home-header .site-title{ font-size:5.5rem; - text-align:center } .site-home-header .site-description{ font-size:2.2rem; @@ -538,7 +551,8 @@ body{ padding:0; list-style:none; transition:all 1s cubic-bezier(.19,1,.22,1); - font-family:Mustica Pro,Roboto,sans-serif + font-family:Mustica Pro,Roboto,sans-serif; + margin-top:-2px } .nav li{ display:block; diff --git a/themes/hugo-casper3/layouts/_default/list.html b/themes/hugo-casper3/layouts/_default/list.html index fee0644..05b9c8e 100644 --- a/themes/hugo-casper3/layouts/_default/list.html +++ b/themes/hugo-casper3/layouts/_default/list.html @@ -6,7 +6,7 @@ {{- partial "site-header.html" $ -}} {{- partial "header-background.html" $ -}} -
+

{{ .Title }}

{{ if .Param "description" }} diff --git a/themes/hugo-casper3/layouts/index.html b/themes/hugo-casper3/layouts/index.html index c72828a..4e8de86 100644 --- a/themes/hugo-casper3/layouts/index.html +++ b/themes/hugo-casper3/layouts/index.html @@ -8,15 +8,17 @@
{{- partial "site-nav.html" . -}}
-

{{ if $.Site.Params.logo }} {{ else }} - ‣ {{ $.Site.Title }} + Hi, I'm {{ $.Site.Title }}. {{ end }}

-

{{ $.Site.Params.description }}

+

I'm an artist, designer, photographer and libre advocate.

+ + +
diff --git a/themes/hugo-casper3/layouts/partials/header-background.html b/themes/hugo-casper3/layouts/partials/header-background.html index 12b613f..42f2912 100644 --- a/themes/hugo-casper3/layouts/partials/header-background.html +++ b/themes/hugo-casper3/layouts/partials/header-background.html @@ -8,7 +8,7 @@ {{ else }}
diff --git a/themes/hugo-casper3/layouts/partials/site-nav.html b/themes/hugo-casper3/layouts/partials/site-nav.html index 8a73e6a..f59df78 100644 --- a/themes/hugo-casper3/layouts/partials/site-nav.html +++ b/themes/hugo-casper3/layouts/partials/site-nav.html @@ -1,8 +1,10 @@