diff --git a/_screenshots/2021-12-19_home.png b/_screenshots/2021-12-19_home.png new file mode 100644 index 0000000..39a3a05 Binary files /dev/null and b/_screenshots/2021-12-19_home.png differ diff --git a/assets/style.css b/assets/style.css index f18dd67..5048b22 100644 --- a/assets/style.css +++ b/assets/style.css @@ -355,6 +355,56 @@ a:hover { /* Pages */ +.page-home { + /* TODO: Sarebbe meglio se si riuscisse a capire come farlo senza */ + overflow-x: hidden; +} + .page-home .nav-logo { display: none; } + +.page-home .super { + position: absolute; + left: 50vw; + top: 50vh; + + width: 90vw; + + transform: translate(-50%, -50%); + + display: flex; + flex-direction: row; + flex-wrap: wrap; + + align-items: center; + justify-content: center; + + gap: 2rem; +} + +.page-home .super .block.text { + max-width: 40ch; + font-size: 2.5vmin; +} + +.page-home .super .block.text h1 { + font-weight: var(--font-weight-medium); +} + +.page-home .super .block.text p { + font-weight: var(--font-weight-light); +} + +.page-home .super .block.image { + max-width: 80ch; +} + +.page-home .super .block.image img { + width: 100%; + filter: drop-shadow(0 0 64px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.35)); +} + +.page-home .main { + padding-top: calc(100vh - 6rem); +} \ No newline at end of file diff --git a/views/home.html b/views/home.html index 4f44b65..a638eca 100644 --- a/views/home.html +++ b/views/home.html @@ -3,6 +3,20 @@ {{define "title"}}PHC • phc.dm.xxxxx.xx{{end}} {{define "body"}} + + + + + + + + Cos'รจ il PHC? + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum vel maiores dolorum dicta, repellat nulla repellendus amet fuga voluptas molestiae, magni + Voluptatibus sequi praesentium similique, quos ex illo autem quidem! + + + Notizie Importanti
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum vel maiores dolorum dicta, repellat nulla repellendus amet fuga voluptas molestiae, magni
Voluptatibus sequi praesentium similique, quos ex illo autem quidem!