diff --git a/config.toml b/config.toml
index 4e0f86e..9ebf833 100644
--- a/config.toml
+++ b/config.toml
@@ -4,8 +4,10 @@ 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"
+ navlogo = "/navlogo.png"
[menu]
[[menu.main]]
diff --git a/content/favicon.ico b/content/favicon.ico
index 72cff43..ba21097 100644
Binary files a/content/favicon.ico and b/content/favicon.ico differ
diff --git a/content/favicon.png b/content/favicon.png
new file mode 100644
index 0000000..0e61cab
Binary files /dev/null and b/content/favicon.png differ
diff --git a/content/introbg.svg b/content/introbg.svg
index 60de99b..9ac281c 100644
--- a/content/introbg.svg
+++ b/content/introbg.svg
@@ -2,172 +2,2030 @@
+ id="layer1">
diff --git a/content/logo.png b/content/logo.png
new file mode 100644
index 0000000..40b3694
Binary files /dev/null and b/content/logo.png differ
diff --git a/content/navlogo.png b/content/navlogo.png
new file mode 100644
index 0000000..327eb6e
Binary files /dev/null and b/content/navlogo.png differ
diff --git a/content/socialbg.svg b/content/socialbg.svg
deleted file mode 100644
index 7369f04..0000000
--- a/content/socialbg.svg
+++ /dev/null
@@ -1,87 +0,0 @@
-
-
-
-
diff --git a/static/fonts/MusticaPro-SemiBold.otf b/static/fonts/MusticaPro-SemiBold.otf
new file mode 100644
index 0000000..710e7d5
Binary files /dev/null and b/static/fonts/MusticaPro-SemiBold.otf differ
diff --git a/static/fonts/MusticaPro-SemiBold.woff2 b/static/fonts/MusticaPro-SemiBold.woff2
new file mode 100644
index 0000000..c550cd5
Binary files /dev/null and b/static/fonts/MusticaPro-SemiBold.woff2 differ
diff --git a/static/fonts/Roboto-Black.ttf b/static/fonts/Roboto-Black.ttf
new file mode 100644
index 0000000..86ec2b2
Binary files /dev/null and b/static/fonts/Roboto-Black.ttf differ
diff --git a/static/fonts/Roboto-Black.woff2 b/static/fonts/Roboto-Black.woff2
new file mode 100644
index 0000000..64f9e41
Binary files /dev/null and b/static/fonts/Roboto-Black.woff2 differ
diff --git a/static/fonts/Roboto-BlackItalic.ttf b/static/fonts/Roboto-BlackItalic.ttf
new file mode 100644
index 0000000..1904c99
Binary files /dev/null and b/static/fonts/Roboto-BlackItalic.ttf differ
diff --git a/static/fonts/Roboto-BlackItalic.woff2 b/static/fonts/Roboto-BlackItalic.woff2
new file mode 100644
index 0000000..dfe1c32
Binary files /dev/null and b/static/fonts/Roboto-BlackItalic.woff2 differ
diff --git a/static/fonts/Roboto-Bold.ttf b/static/fonts/Roboto-Bold.ttf
new file mode 100644
index 0000000..91ec212
Binary files /dev/null and b/static/fonts/Roboto-Bold.ttf differ
diff --git a/static/fonts/Roboto-Bold.woff2 b/static/fonts/Roboto-Bold.woff2
new file mode 100644
index 0000000..7761f75
Binary files /dev/null and b/static/fonts/Roboto-Bold.woff2 differ
diff --git a/static/fonts/Roboto-BoldCondensed.ttf b/static/fonts/Roboto-BoldCondensed.ttf
new file mode 100644
index 0000000..d7ea883
Binary files /dev/null and b/static/fonts/Roboto-BoldCondensed.ttf differ
diff --git a/static/fonts/Roboto-BoldCondensed.woff2 b/static/fonts/Roboto-BoldCondensed.woff2
new file mode 100644
index 0000000..7eb9805
Binary files /dev/null and b/static/fonts/Roboto-BoldCondensed.woff2 differ
diff --git a/static/fonts/Roboto-BoldCondensedItalic.ttf b/static/fonts/Roboto-BoldCondensedItalic.ttf
new file mode 100644
index 0000000..3c9635a
Binary files /dev/null and b/static/fonts/Roboto-BoldCondensedItalic.ttf differ
diff --git a/static/fonts/Roboto-BoldCondensedItalic.woff2 b/static/fonts/Roboto-BoldCondensedItalic.woff2
new file mode 100644
index 0000000..afbf4a4
Binary files /dev/null and b/static/fonts/Roboto-BoldCondensedItalic.woff2 differ
diff --git a/static/fonts/Roboto-BoldItalic.ttf b/static/fonts/Roboto-BoldItalic.ttf
new file mode 100644
index 0000000..4013bf8
Binary files /dev/null and b/static/fonts/Roboto-BoldItalic.ttf differ
diff --git a/static/fonts/Roboto-BoldItalic.woff2 b/static/fonts/Roboto-BoldItalic.woff2
new file mode 100644
index 0000000..18a1c8b
Binary files /dev/null and b/static/fonts/Roboto-BoldItalic.woff2 differ
diff --git a/static/fonts/Roboto-Condensed.ttf b/static/fonts/Roboto-Condensed.ttf
new file mode 100644
index 0000000..6e7575a
Binary files /dev/null and b/static/fonts/Roboto-Condensed.ttf differ
diff --git a/static/fonts/Roboto-Condensed.woff2 b/static/fonts/Roboto-Condensed.woff2
new file mode 100644
index 0000000..f17dfe7
Binary files /dev/null and b/static/fonts/Roboto-Condensed.woff2 differ
diff --git a/static/fonts/Roboto-CondensedItalic.ttf b/static/fonts/Roboto-CondensedItalic.ttf
new file mode 100644
index 0000000..5ed712c
Binary files /dev/null and b/static/fonts/Roboto-CondensedItalic.ttf differ
diff --git a/static/fonts/Roboto-CondensedItalic.woff2 b/static/fonts/Roboto-CondensedItalic.woff2
new file mode 100644
index 0000000..2a38d12
Binary files /dev/null and b/static/fonts/Roboto-CondensedItalic.woff2 differ
diff --git a/static/fonts/Roboto-Italic.ttf b/static/fonts/Roboto-Italic.ttf
new file mode 100644
index 0000000..9f49ffd
Binary files /dev/null and b/static/fonts/Roboto-Italic.ttf differ
diff --git a/static/fonts/Roboto-Italic.woff2 b/static/fonts/Roboto-Italic.woff2
new file mode 100644
index 0000000..05695c2
Binary files /dev/null and b/static/fonts/Roboto-Italic.woff2 differ
diff --git a/static/fonts/Roboto-Light.ttf b/static/fonts/Roboto-Light.ttf
new file mode 100644
index 0000000..d43e943
Binary files /dev/null and b/static/fonts/Roboto-Light.ttf differ
diff --git a/static/fonts/Roboto-Light.woff2 b/static/fonts/Roboto-Light.woff2
new file mode 100644
index 0000000..eda0d68
Binary files /dev/null and b/static/fonts/Roboto-Light.woff2 differ
diff --git a/static/fonts/Roboto-LightItalic.ttf b/static/fonts/Roboto-LightItalic.ttf
new file mode 100644
index 0000000..c11442c
Binary files /dev/null and b/static/fonts/Roboto-LightItalic.ttf differ
diff --git a/static/fonts/Roboto-LightItalic.woff2 b/static/fonts/Roboto-LightItalic.woff2
new file mode 100644
index 0000000..e874b0c
Binary files /dev/null and b/static/fonts/Roboto-LightItalic.woff2 differ
diff --git a/static/fonts/Roboto-Medium.ttf b/static/fonts/Roboto-Medium.ttf
new file mode 100644
index 0000000..8798341
Binary files /dev/null and b/static/fonts/Roboto-Medium.ttf differ
diff --git a/static/fonts/Roboto-Medium.woff2 b/static/fonts/Roboto-Medium.woff2
new file mode 100644
index 0000000..e7960a9
Binary files /dev/null and b/static/fonts/Roboto-Medium.woff2 differ
diff --git a/static/fonts/Roboto-MediumItalic.ttf b/static/fonts/Roboto-MediumItalic.ttf
new file mode 100644
index 0000000..5e86637
Binary files /dev/null and b/static/fonts/Roboto-MediumItalic.ttf differ
diff --git a/static/fonts/Roboto-MediumItalic.woff2 b/static/fonts/Roboto-MediumItalic.woff2
new file mode 100644
index 0000000..665a4b7
Binary files /dev/null and b/static/fonts/Roboto-MediumItalic.woff2 differ
diff --git a/static/fonts/Roboto-Regular.ttf b/static/fonts/Roboto-Regular.ttf
new file mode 100644
index 0000000..7d9a6c4
Binary files /dev/null and b/static/fonts/Roboto-Regular.ttf differ
diff --git a/static/fonts/Roboto-Regular.woff2 b/static/fonts/Roboto-Regular.woff2
new file mode 100644
index 0000000..41e6360
Binary files /dev/null and b/static/fonts/Roboto-Regular.woff2 differ
diff --git a/static/fonts/Roboto-Thin.ttf b/static/fonts/Roboto-Thin.ttf
new file mode 100644
index 0000000..861d63a
Binary files /dev/null and b/static/fonts/Roboto-Thin.ttf differ
diff --git a/static/fonts/Roboto-Thin.woff2 b/static/fonts/Roboto-Thin.woff2
new file mode 100644
index 0000000..fd16254
Binary files /dev/null and b/static/fonts/Roboto-Thin.woff2 differ
diff --git a/static/fonts/Roboto-ThinItalic.ttf b/static/fonts/Roboto-ThinItalic.ttf
new file mode 100644
index 0000000..e65145f
Binary files /dev/null and b/static/fonts/Roboto-ThinItalic.ttf differ
diff --git a/static/fonts/Roboto-ThinItalic.woff2 b/static/fonts/Roboto-ThinItalic.woff2
new file mode 100644
index 0000000..3890251
Binary files /dev/null and b/static/fonts/Roboto-ThinItalic.woff2 differ
diff --git a/themes/hugo-casper3/assets/scss/custom.scss b/themes/hugo-casper3/assets/scss/custom.scss
index 6a949a2..537180f 100644
--- a/themes/hugo-casper3/assets/scss/custom.scss
+++ b/themes/hugo-casper3/assets/scss/custom.scss
@@ -37,6 +37,24 @@ blinkbig {
.intro-image {
border-radius: 6px;
+ display: block;
+ margin-left: auto;
+}
+
+/* FONTS */
+
+@font-face {
+ font-family: "Mustica Pro";
+ src: url("fonts/MusticaPro-SemiBold.otf") format("opentype");
+ font-weight: normal;
+ font-style: normal
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: url("fonts/Roboto-Regular.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal
}
/* ISSO CSS */
diff --git a/themes/hugo-casper3/assets/scss/main.scss b/themes/hugo-casper3/assets/scss/main.scss
index 1aa0d7a..2af442c 100644
--- a/themes/hugo-casper3/assets/scss/main.scss
+++ b/themes/hugo-casper3/assets/scss/main.scss
@@ -142,7 +142,7 @@ body,html{
}
body{
color:#e5e5e5;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,"Roboto",Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
font-size:1.6rem;
line-height:1.6em;
font-weight:400;
@@ -344,12 +344,12 @@ body{
margin-top:64px;
padding-bottom:12px;
color:#fff;
- background:#090a0b no-repeat 50%;
+ background:#090a0b no-repeat 20%;
background-size:cover
}
.site-header-background:before{
bottom:0;
- background:rgba(0,0,0,.18)
+ background:rgba(0,0,0,0)
}
.site-header-background:after,.site-header-background:before{
content:"";
@@ -363,7 +363,7 @@ body{
.site-header-background:after{
bottom:auto;
height:140px;
- background:linear-gradient(rgba(0,0,0,.15),transparent)
+ background:linear-gradient(rgba(0,0,0,0),transparent)
}
.site-header-background.no-image:after,.site-header-background.no-image:before{
display:none
@@ -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,10 +393,10 @@ 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;
- white-space:nowrap
+ font-weight:600
}
.site-logo{
max-height:55px
@@ -394,6 +405,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 +415,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;
@@ -468,7 +480,7 @@ body{
justify-content:space-between;
align-items:flex-start;
height:64px;
- font-size:1.3rem
+ font-size:1.5rem
}
.site-nav,.site-nav-left{
display:flex;
@@ -483,7 +495,6 @@ body{
padding:10px 0 80px;
font-weight:500;
letter-spacing:.2px;
- text-transform:uppercase;
white-space:nowrap;
-ms-overflow-scrolling:touch
}
@@ -538,7 +549,9 @@ body{
margin:0 0 0 -12px;
padding:0;
list-style:none;
- transition:all 1s cubic-bezier(.19,1,.22,1)
+ transition:all 1s cubic-bezier(.19,1,.22,1);
+ font-family:"Mustica Pro","Roboto",sans-serif;
+ margin-top:-2px
}
.nav li{
display:block;
@@ -707,7 +720,6 @@ body{
margin:0 0 40px;
padding:0 20px 40px;
min-height:220px;
- border-bottom:1px solid #525252;
background-size:cover
}
.post-card-image-link{
@@ -728,7 +740,7 @@ body{
color:#e5e5e5
}
.post-card-content-link:hover{
- text-decoration:none
+ text-decoration:underline
}
.post-card-header{
margin:15px 0 0
@@ -750,7 +762,8 @@ body{
.post-card-title{
margin:0 0 .4em;
line-height:1.15em;
- transition:color .2s ease-in-out
+ transition:color .2s ease-in-out;
+ font-family:"Mustica Pro","Roboto",sans-serif
}
.no-image .post-card-title{
margin-top:0
@@ -763,7 +776,7 @@ body{
.post-card-excerpt{
max-width:56em;
color:#e5e5e5;
- font-family:Roboto,serif
+ font-family:"Mustica Pro","Roboto",serif
}
.post-card-excerpt p{
margin-bottom:1em
@@ -851,7 +864,7 @@ body{
font-weight:600
}
.post-card-byline-date{
- font-size:1.2rem
+ font-size:1.3rem
}
.post-card-byline-date .bull{
display:inline-block;
@@ -984,12 +997,13 @@ body{
}
.post-full-title{
margin:0 0 .2em;
- color:#e5e5e5
+ color:#e5e5e5;
+ font-family:"Mustica Pro","Roboto",sans-serif
}
.post-full-custom-excerpt{
- margin:20px 0 0;
+ margin:0px 0 0;
color:#e5e5e5;
- font-family:Roboto,serif;
+ font-family:"Mustica Pro","Roboto",serif;
font-size:2.3rem;
line-height:1.4em;
font-weight:300
@@ -1017,8 +1031,8 @@ body{
margin:0 auto;
padding:0 170px 6vw;
min-height:230px;
- font-family:Roboto;
- font-size:2rem;
+ font-family:"Roboto";
+ font-size:1.7rem;
line-height:1.6em;
background:#1e1e1e
}
@@ -1186,7 +1200,7 @@ body{
}
.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{
color:#e5e5e5;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
+ font-family:"Mustica Pro","Roboto",sans-serif
}
.post-full-content h1{
margin:.5em 0 .4em;
@@ -1259,7 +1273,7 @@ body{
padding:.4em 1em .9em;
border:0;
color:#e5e5e5;
- font-family:Roboto,serif;
+ font-family:"Mustica Pro","Roboto",serif;
font-size:3.2rem;
line-height:1.35em;
text-align:center
@@ -1348,7 +1362,7 @@ body{
width:auto;
border-spacing:0;
border-collapse:collapse;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,"Roboto",Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
font-size:1.6rem;
white-space:nowrap;
vertical-align:top;
@@ -1399,7 +1413,7 @@ body{
.post-full-byline-meta{
margin:0px 0 0;
color:#e5e5e5;
- font-size:1.2rem;
+ font-size:1.4rem;
line-height:1.2em;
letter-spacing:.2px
}
@@ -1723,11 +1737,11 @@ body{
.read-next-card-header h3{
margin:0;
color:hsla(0,0%,100%,.6);
- font-size:1.2rem;
+ font-family:Mustica Pro;
+ font-size:2rem;
line-height:1em;
font-weight:300;
- letter-spacing:.4px;
- text-transform:uppercase
+ letter-spacing:.4px
}
.read-next-card-header h3 a{
color:#fff;
@@ -1861,7 +1875,7 @@ body{
.post-full-content figcaption{
margin:1em 0 0;
color:#5d7179;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,"Roboto",Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
font-size:75%;
line-height:1.5em;
text-align:center
@@ -1925,7 +1939,7 @@ body{
.post-full-content .kg-bookmark-container{
display:flex;
min-height:148px;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,"Roboto",Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
border-radius:3px
}
.post-full-content .kg-bookmark-container,.post-full-content .kg-bookmark-container:hover{
@@ -2310,7 +2324,7 @@ body{
margin:0 auto 50px;
max-width:650px;
color:#fff;
- font-family:Roboto,serif;
+ font-family:"Roboto",serif;
font-size:2.4rem;
line-height:1.3em;
font-weight:300;
@@ -2428,7 +2442,7 @@ body{
opacity:.9
}
.site-header-background:before{
- background:rgba(0,0,0,.6)
+ background:rgba(0,0,0,0)
}
.post-feed{
background:#191b1f
diff --git a/themes/hugo-casper3/layouts/_default/baseof.html b/themes/hugo-casper3/layouts/_default/baseof.html
index 0069216..86ac395 100644
--- a/themes/hugo-casper3/layouts/_default/baseof.html
+++ b/themes/hugo-casper3/layouts/_default/baseof.html
@@ -34,14 +34,26 @@