From 5b7edc57501754e4976fba06ef9ae9abd71582d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?William=20Herg=C3=A8s?= Date: Sat, 9 Aug 2025 14:04:43 +0200 Subject: feat(header): simple style --- public/home.jpg | Bin 0 -> 4509617 bytes src/pages/index.astro | 15 +++++- src/scss/reset.scss | 129 ++++++++++++++++++++++++++++++++++++++++++++++++++ src/scss/style.scss | 42 ++++++++++++++++ 4 files changed, 185 insertions(+), 1 deletion(-) create mode 100644 public/home.jpg diff --git a/public/home.jpg b/public/home.jpg new file mode 100644 index 0000000..a59ba85 Binary files /dev/null and b/public/home.jpg differ diff --git a/src/pages/index.astro b/src/pages/index.astro index 678772c..a0ff658 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -11,6 +11,19 @@ import "../scss/style.scss"; Arnaud Hergès -

Astro

Arnaud Hergès

batteur

compositeur

producteur

références

contact

diff --git a/src/scss/reset.scss b/src/scss/reset.scss index e69de29..3675e64 100644 --- a/src/scss/reset.scss +++ b/src/scss/reset.scss @@ -0,0 +1,129 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/src/scss/style.scss b/src/scss/style.scss index e69de29..42f5727 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -0,0 +1,42 @@ +@use "reset"; + +body { + font-size: 24px; + font-family: sans-serif; +} + +h1 { + font-size: 3rem; + font-weight: bold; + margin-bottom: 1rem; + font-family: serif; +} + +h2 { + font-size: 2rem; + font-weight: bold; +} + +h3 { + font-size: 1.5rem; +} + +h4 { + font-size: 1.25rem; +} + +header { + height: 100vh; + box-sizing: border-box; + padding: 2.5% 5%; + color: white; + background-image: url("/home.jpg"); + background-size: cover; + background-position: center; +} + +.tags { + display: flex; + gap: 1rem; + font-size: 1.75rem; +} -- cgit v1.2.3