New intro text and background
parent
72a581e82b
commit
03ab50d91a
|
@ -4,9 +4,9 @@ title = 'Gianmarco Gargiulo'
|
||||||
theme = 'hugo-casper3'
|
theme = 'hugo-casper3'
|
||||||
|
|
||||||
[params]
|
[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"
|
favicon = "/favicon.ico"
|
||||||
logo = "/logo.png"
|
#logo = "/logo.png"
|
||||||
navlogo = "/navlogo.png"
|
navlogo = "/navlogo.png"
|
||||||
|
|
||||||
[menu]
|
[menu]
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 211 KiB |
|
@ -37,6 +37,8 @@ blinkbig {
|
||||||
|
|
||||||
.intro-image {
|
.intro-image {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ISSO CSS */
|
/* ISSO CSS */
|
||||||
|
|
|
@ -373,7 +373,18 @@ body{
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction:column;
|
flex-direction:column;
|
||||||
justify-content:center;
|
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;
|
padding:6vw 3vw;
|
||||||
min-height:200px;
|
min-height:200px;
|
||||||
max-height:340px
|
max-height:340px
|
||||||
|
@ -382,6 +393,7 @@ body{
|
||||||
z-index:10;
|
z-index:10;
|
||||||
margin:0 0 0 -2px;
|
margin:0 0 0 -2px;
|
||||||
padding:0;
|
padding:0;
|
||||||
|
font-family:Mustica Pro,Roboto,sans-serif;
|
||||||
font-size:5rem;
|
font-size:5rem;
|
||||||
line-height:1em;
|
line-height:1em;
|
||||||
font-weight:600;
|
font-weight:600;
|
||||||
|
@ -394,6 +406,7 @@ body{
|
||||||
z-index:10;
|
z-index:10;
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:5px 0;
|
padding:5px 0;
|
||||||
|
font-family:Mustica Pro,Roboto,sans-serif;
|
||||||
font-size:2.1rem;
|
font-size:2.1rem;
|
||||||
line-height:1.4em;
|
line-height:1.4em;
|
||||||
font-weight:400;
|
font-weight:400;
|
||||||
|
@ -403,14 +416,14 @@ body{
|
||||||
z-index:1000
|
z-index:1000
|
||||||
}
|
}
|
||||||
.site-home-header .site-header-background{
|
.site-home-header .site-header-background{
|
||||||
margin-top:0
|
margin-top:0;
|
||||||
|
height:900px
|
||||||
}
|
}
|
||||||
.site-home-header .site-header-content{
|
.site-home-header .site-header-content{
|
||||||
padding:5vw 3vw 6vw
|
padding:5vw 3vw 6vw
|
||||||
}
|
}
|
||||||
.site-home-header .site-title{
|
.site-home-header .site-title{
|
||||||
font-size:5.5rem;
|
font-size:5.5rem;
|
||||||
text-align:center
|
|
||||||
}
|
}
|
||||||
.site-home-header .site-description{
|
.site-home-header .site-description{
|
||||||
font-size:2.2rem;
|
font-size:2.2rem;
|
||||||
|
@ -538,7 +551,8 @@ body{
|
||||||
padding:0;
|
padding:0;
|
||||||
list-style:none;
|
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
|
font-family:Mustica Pro,Roboto,sans-serif;
|
||||||
|
margin-top:-2px
|
||||||
}
|
}
|
||||||
.nav li{
|
.nav li{
|
||||||
display:block;
|
display:block;
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
{{- partial "site-header.html" $ -}}
|
{{- partial "site-header.html" $ -}}
|
||||||
|
|
||||||
{{- partial "header-background.html" $ -}}
|
{{- partial "header-background.html" $ -}}
|
||||||
<div class="inner site-header-content">
|
<div class="inner site-header-content-list">
|
||||||
<h1 class="site-title">{{ .Title }}</h1>
|
<h1 class="site-title">{{ .Title }}</h1>
|
||||||
<h2 class="site-description">
|
<h2 class="site-description">
|
||||||
{{ if .Param "description" }}
|
{{ if .Param "description" }}
|
||||||
|
|
|
@ -8,15 +8,17 @@
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
{{- partial "site-nav.html" . -}}
|
{{- partial "site-nav.html" . -}}
|
||||||
<div class="site-header-content">
|
<div class="site-header-content">
|
||||||
<img class="intro-image" src="/me.png" width=200px />
|
|
||||||
<h1 class="site-title">
|
<h1 class="site-title">
|
||||||
{{ if $.Site.Params.logo }}
|
{{ if $.Site.Params.logo }}
|
||||||
<img class="site-logo" src="{{ $.Site.Params.logo }}" alt="{{ .Site.Title }}" />
|
<img class="site-logo" src="{{ $.Site.Params.logo }}" alt="{{ .Site.Title }}" />
|
||||||
{{ else }}
|
{{ else }}
|
||||||
‣ {{ $.Site.Title }} <blinkbig> </blinkbig>
|
Hi, I'm <font color="#EB4034">{{ $.Site.Title }}</font>.
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</h1>
|
</h1>
|
||||||
<h2 class="site-description">{{ $.Site.Params.description }}</h2>
|
<h2 class="site-description">I'm an <font color="#EB4034">artist</font>, <font color="#0171FF">designer</font>, <font color="#03B000">photographer</font> and <font color="#FFB002">libre advocate</font>.</h2>
|
||||||
|
|
||||||
|
<!-- This is the old way of getting the description, I had to hardcode it in order to apply color. -->
|
||||||
|
<!-- <h2 class="site-description">{{ $.Site.Params.description }}</h2> -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
{{ else }}
|
{{ else }}
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.responsive-header-img {
|
.responsive-header-img {
|
||||||
background-image: url('/introbg.svg');
|
background-image: url('/introbg_new.svg');
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="outer site-header-background responsive-header-img">
|
<div class="outer site-header-background responsive-header-img">
|
||||||
|
|
|
@ -1,8 +1,10 @@
|
||||||
<nav class="site-nav">
|
<nav class="site-nav">
|
||||||
<div class="site-nav-left">
|
<div class="site-nav-left">
|
||||||
|
{{ if $.Site.Params.navlogo }}
|
||||||
<a class="site-nav-logo" href="/"><img src="{{ $.Site.Params.navlogo }}" alt="{{ $.Site.Title }}" /></a>
|
<a class="site-nav-logo" href="/"><img src="{{ $.Site.Params.navlogo }}" alt="{{ $.Site.Title }}" /></a>
|
||||||
<!-- <a class="site-nav-logo" href="/">‣ {{ $.Site.Title }} <blink> </blink></a> -->
|
{{ else }}
|
||||||
|
<a class="site-nav-logo" href="/">‣ {{ $.Site.Title }} <blink> </blink></a>
|
||||||
|
{{ end }}
|
||||||
<div class="site-nav-content">
|
<div class="site-nav-content">
|
||||||
<ul class="nav" role="menu">
|
<ul class="nav" role="menu">
|
||||||
{{ range $.Site.Menus.main }}
|
{{ range $.Site.Menus.main }}
|
||||||
|
|
Loading…
Reference in New Issue