diff --git a/ACT23_sad/act23_sad-llarga.html b/ACT23_sad/act23_sad-llarga.html new file mode 100644 index 0000000..797b136 --- /dev/null +++ b/ACT23_sad/act23_sad-llarga.html @@ -0,0 +1,104 @@ + + + + + + Katsushika Hokusai - L'Art del japó + + + +
+

L'art - Llenguatge de Marques

+

Katsushika Hokusai

+

Versió curta

+
+

Qui va ser Katsushika Hokusai?

+ Hokusai-San + +

Katsushika Hokusai "活しか北斎" (1760–1849) va ser un pintor i gravador japonès del període Edo, mestre de l'art ukiyo-e (gravats del "món flotant").

+

És mundialment conegut per la sèrie de gravats "Trenta-sis vistes del Mont Fuji" (c. 1830-1833), que inclou la seva obra més cèlebre: "La gran ona de Kanagawa".

+

La seva obra va influir enormement en l'art occidental, especialment en l'impressionisme. Va ser un artista molt productiu que va pintar fins a la seva mort als 88 anys.

+ +

Característiques de la seva pintura

+ +
+ +
+

Ukiyo-e

+ Ukiyo-e +

Planxa d'impressió ukiyo-e

+

Els ukiyo-e, en japonès nikuhitsu ukiyo-e (肉筆浮世ー絵), eren obres en què el pintor feia servir pinzells directament sobre paper o seda.

+

Aquests dibuixos permetien veure l'obra final íntegrament, encara que, tret de la forma de les línies i l'arranjament del color, es perdien durant el procés del dibuix.

+

Finalment, ja amb les planxes necessàries (usualment se n'utilitzava una per cada color necessari), un surishi (すりし), o impressor, portava a terme el treball d'impressió col·locant el paper d'estampació sobre les consecutives planxes.

+

La impressió es realitzava fregant una eina anomenada baren (ばれん) sobre el dors de les fulles. Aquest sistema podia produir variacions de tonalitat en les estampes.

+

D'una sèrie de planxes podien fer-se una gran quantitat de còpies, de vegades comptades en milers, fins que les planxes es desgastaven.

+
+ +
+

1. La gran ona de Kanagawa

+ La gran ona de Kanagawa +

La gran ona de Kanagawa - 神奈川沖波裏

+

Una de les pintures més conegudes del pintor.

+
+ +
+

2. Vent suau, matí clar (Fuji vermell)

+ Vent suau, matí clar (Fuji vermell) +

Vent suau, matí clar (Fuji vermell) - 凱風快晴

+
+ +
+

3. Camallarg i Cirerer Ploraner

+ Camallarg i Cirerer Ploraner +

Camallarg i Cirerer Ploraner - ウグイス賭垂れー桜

+

Nota: El nom en japonès fa referència al cirerer ploraner (shidare zakura - 垂れー桜).

+
+ +
+

4. Sarumaru Dayu

+ Sarumaru Dayu +

Sarumaru Dayu - 猿丸太夫

+
+ +
+

5. Oceans de la Saviesa

+ Oceans de la Saviesa +

Oceans de la Saviesa - 千絵の海

+
+ +
+

6. Kajikazawa a la província de Kai

+ Kajikazawa a la província de Kai +

Kajikazawa a la província de Kai - 甲州石班澤

+
+ +
+

7. Ejiri a la província de Suruga

+ Ejiri a la província de Suruga +

Ejiri a la província de Suruga - 駿州江尻

+
+ +
+

8. Manual de Dibuix Ràpid

+ Manual de Dibuix Ràpid +

Manual de Dibuix Ràpid - 略画早指南

+
+ +
+

9. El Pont Penjant a la Frontera de les Províncies de Hida i Etchū

+ Pont Penjant a la Frontera de les Províncies de Hida i Etchū +

El Pont Penjant a la Frontera de les Províncies de Hida i Etchū - 飛越の堺つりはし

+
+ +
+

10. Vista del Fuji des d'un camp a la província d'Owari

+ Vista del Fuji des d'un camp a la província d'Owari +

Vista del Fuji des d'un camp a la província d'Owari - 尾州不二見原

+
+
+ + diff --git a/ACT23_sad/act23_sad.html b/ACT23_sad/act23_sad.html index 855482d..6bdb764 100644 --- a/ACT23_sad/act23_sad.html +++ b/ACT23_sad/act23_sad.html @@ -1,19 +1,95 @@ - + - + Katsushika Hokusai - L'Art del Japó + - -

L'art - Llenguatge de Marques

-

Quí va ser Katsushika Hokusai?

-

Katsushika Hokusai (1760–1849) va ser un pintor i gravador japonès del període Edo, mestre de l'art ukiyo-e (gravats del "món flotant").

-

És mundialment conegut per la sèrie de gravats "Trenta-sis vistes del Mont Fuji" (c. 1830-1833), que inclou la seva obra més cèlebre: "La gran ona de Kanagawa".

-

La seva obra va influir enormement en l'art occidental, especialment en l'Impressionisme. Va ser un artista molt productiu que va pintar fins a la seva mort als 88 anys.

-

La gran ola de Kanagawa

- + +
+

L'art - Llenguatge de Marques

+

Katsushika Hokusai

+

Versió llarga

+ +
+

Qui va ser Katsushika Hokusai?

+ Autoretrat de Hokusai + +

Katsushika Hokusai (活しか北斎) (1760–1849) va ser un pintor i gravador japonès del període Edo, mestre de l'art ukiyo-e (gravats del "món flotant").

+

És mundialment conegut per la sèrie de gravats Trenta-sis vistes del Mont Fuji (c. 1830-1833), que inclou la seva obra més cèlebre: La gran ona de Kanagawa.

+

La seva obra va influir enormement en l'art occidental, especialment en l'impressionisme. Va ser un artista molt productiu que va pintar fins a la seva mort als 88 anys.

+ +

Característiques de la seva pintura:

+ +
+ +
+

Què és l'Ukiyo-e?

+ Planxa d'impressió Ukiyo-e +

Planxa d'impressió ukiyo-e

+ +

+ L'Ukiyo-e és una tècnica tradicional japonesa de gravat en fusta que va florir entre els segles XVII i XIX. + Tot i que sovint pot semblar pintura, les obres d'Ukiyo-e no es fan amb pinzells ni traços directes, sinó mitjançant un + procés de gravat molt precís. +

+

+ Primer, l’artista dissenyava la imatge sobre paper. Després, artesans especialitzats tallaven el dibuix en planxes de fusta, + una per a cada color. Finalment, es premsaven successivament sobre el paper per obtenir el resultat final. + Aquest mètode permetia crear múltiples còpies de la mateixa obra amb una qualitat sorprenent. +

+
+ +
+

Pintura més rellevant: La gran ona de Kanagawa

+ La gran ona de Kanagawa +

La gran ona de Kanagawa - 神奈川沖波裏

+ +

+ Aquesta obra forma part de la sèrie Trenta-sis vistes del Mont Fuji. Mostra una ona gegant a punt d'enfonsar diverses barques, + mentre al fons s'albira el Mont Fuji. És un exemple de la fusió entre la bellesa i el perill en la natura japonesa. +

+ +

Característiques destacades:

+ + +

+ Opinió personal: Una de les seves obres més rellevants. Mostra la fragilitat de l’ésser humà en qualsevol situació. + Definitivament, me la posaria de fons de pantalla. +

+
+ +
+

Segona pintura rellevant: Vent suau, matí clar (Fuji vermell)

+ Vent suau, matí clar (Fuji vermell) +

Vent suau, matí clar (Fuji vermell) - 凱風快晴

+ +

+ Aquesta obra representa el Mont Fuji durant un matí serè, il·luminat pel sol naixent. És un homenatge a la calma i la puresa del Japó, + en contrast amb la força de La gran ona. +

+ +

Característiques principals:

+ + +

+ Opinió personal: És una pintura amb molt de taronja, culpa del sol naixent que il·lumina el Mont Fuji. M’agrada. +

+
+
diff --git a/ACT23_sad/css/style.css b/ACT23_sad/css/style.css index e69de29..6bff28c 100644 --- a/ACT23_sad/css/style.css +++ b/ACT23_sad/css/style.css @@ -0,0 +1,65 @@ +body +{ + background-color:#0077b6; + margin:0; + padding:20px; +} +.contenidor-general +{ + background-color: #ffffff; + border: 3px solid #00b4d8; + border-radius: 20px; + padding: 40px; + max-width:900px; + margin:0 auto; + box-shadow: 0 6px 16px rgba(0, 119, 182, 0.3); +} +h1 +{ + text-align: center; + margin-bottom: 40px; + color: #0077b6; + text-shadow: 1px 1px 3px rgba(0,0,0,0.1); +} +.bloc +{ + border: 2px solid #90e0ef; + border-radius:16px; + padding: 25px; + margin-bottom:30px; + background: linear-gradient(180deg, #f9fcfd 0%, #e9f9fc 100%); + box-shadow: 0 2px 8px rgba(0, 180, 216, 0.15); + transition: transform 0.2s ease, box-shadow 0.2s ease; +} +.bloc:hover +{ + transform: translateY(-3px); + box-shadow: 0 6px 14px rgba(0, 119, 182, 0.25); +} +.bloc h2, h3 +{ + margin-top: 0; + color: #03045e; + border-bottom: 2px solid #00b4d8; + padding-bottom: 8px; + font-weight: 600; +} +img +{ + display: block; + margin: 15px auto; + max-width: 100%; + border-radius: 10px; + border: 2px solid #90e0ef; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); +} +p, ul, li +{ + text-align: justify; + line-height: 1.6; + color: #03045e; +} +i +{ + color: #0077b6; +} diff --git a/ACT23_sad/img/Hokusai_portrait.jpg b/ACT23_sad/img/Hokusai_portrait.jpg new file mode 100644 index 0000000..07dc678 Binary files /dev/null and b/ACT23_sad/img/Hokusai_portrait.jpg differ diff --git a/ACT23_sad/img/Ukiyo-e_dsc04680.jpg b/ACT23_sad/img/Ukiyo-e_dsc04680.jpg new file mode 100644 index 0000000..830c156 Binary files /dev/null and b/ACT23_sad/img/Ukiyo-e_dsc04680.jpg differ diff --git a/ACT23_sad/img/favicon.png b/ACT23_sad/img/favicon.png new file mode 100644 index 0000000..5612f4e Binary files /dev/null and b/ACT23_sad/img/favicon.png differ diff --git a/ACT24_sad/actor_sad.html b/ACT24_sad/actor_sad.html index 5458e61..2b224f9 100644 --- a/ACT24_sad/actor_sad.html +++ b/ACT24_sad/actor_sad.html @@ -1,20 +1,68 @@ - + - El cinema + El cinema - Actor + +
+
+ +

El Cinema

+
+ +
+
+

Leonardo DiCaprio

+
+ Leonardo DiCaprio +
+

Leonardo Wilhelm DiCaprio és un actor, productor i activista mediambiental nord-americà. + Reconegut per la seva versatilitat, ha guanyat diversos premis, incloent un Òscar pel seu paper a The Revenant.

+

Pel·lícules destacades

+
    +
  • Titanic (1997)
  • +
  • Inception (2010)
  • +
  • The Revenant (2015)
  • +
  • Shutter Island (2010)
  • +
  • El llop de Wall Street (2013)
  • +
+

Opinió personal: És un actor molt versàtil i capaç de transmetre emocions reals en cada paper. El considero un dels millors de la seva generació

+
+
+
+
+ + + + diff --git a/ACT24_sad/css/style.css b/ACT24_sad/css/style.css index 5c8cb57..4a49765 100644 --- a/ACT24_sad/css/style.css +++ b/ACT24_sad/css/style.css @@ -1,36 +1,172 @@ +body +{ + background-color: #54FF9F; + font-family: 'Segoe UI', sans-serif; + margin: 0; +} +.header-container +{ + display:flex; + align-items:center; + justify-content: center; + gap: 1em; + margin-top: 5em; +} +.logo +{ + width: 50px; + height: 40px; + border-radius:100%; +} +.descripcio +{ + padding: 1em 2em; + color: #224A34; + font-size: 1.1em; + line-height: 1.5em; +} +.opinio +{ + margin-top: 1em; + background-color: #8FFFC1; + border-left: 5px solid #3CB97A; + padding: 1em; + border-radius: 10px; + font-style: italic; +} +footer +{ + text-align: center; + padding: 1em; + margin-top: 3em; + color: #224A34; +} +footer .icon +{ + width: 24px; + vertical-align: middle; + margin-left: 0.5em; +} .navbar { - background-color: #154a23; - color: #fff; - padding: 1em; - position:fixed; - top: 0; - left: 0; - width: 100%; - z-index: 100; + background-color: #5BE8A7; + color: #224A34; + padding: 1em 5em; + position:fixed; + top: 1em; + left: 50%; + transform: translateX(-50%); + width: clamp(300px, 70%, 900px); + z-index: 100; + border-radius:50px; + border: 3px solid #3CB97A; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .navbar ul { - list-style: none; margin: 0; padding: 0; + display: flex; + justify-content: space-around; + align-items:center; + flex-wrap: wrap; } .navbar li { - display: inline-block; - margin-right: 10px; + list-style: none; } -.navbar -{ - color: #fff; - text-decoration: none; +.navbar a { + position:relative; + color: #224A34; + text-decoration: none; + font-weight: bold; + display: inline-block; + transition: transform 0.3s ease, color 0.3s ease; } -.navbar .position +.navbar a::after { - font-size: 150%; - color:rgb(255, 255, 255); + content: ""; + position: absolute; + bottom: -5px; + left:0; + width:0; + height:2px; + background-color: #0F6B3D; + transition: width 0.3s ease; +} +.navbar a:hover +{ + transform: translateY(-3px); + color: #0F6B3D; +} + +.navbar a:hover::after +{ + width: 100% } .titulo { - margin-top:3.5%; + margin: 0.5em auto 2em auto; + max-width: 900px; + border: 3px solid #3CB97A; + border-radius: 50px; + background-color: #5BE8A7; + color: #224A34; + padding: 1em 3em; + text-align: center; +} +.content +{ + border: 3px solid #3CB97A; + border-radius: 50px; + max-width: 900px; + margin:0 auto; + background-color: #54FFC8; + overflow: hidden; +} +.content img +{ + width: 100%; + border-radius: 50px; + display:block; +} +.content-section +{ + margin: 2em auto; + max-width: 900px; + border: 3px solid #3CB97A; + border-radius: 50px; + background-color: #54FFc8; + padding: 2em; +} +.info +{ + display: flex; + align-items: flex-start; + gap: 2em; + flex-wrap: wrap; +} +.content-photo +{ + width: 250px; + border-radius: 30px; + border: 3px solid #3CB97A; +} +.content-description +{ + flex: 1; + color: #224A34; + font-size: 1.1em; + line-height: 1.5em; +} +.content-description h3 +{ + margin-top: 1em; + color: #0F6B3D; +} +.content-llista +{ + padding-left:1.5em; + margin-top:0.5em; + list-style-type: "🎬 "; } diff --git a/ACT24_sad/img/actor.jpg b/ACT24_sad/img/actor.jpg new file mode 100644 index 0000000..a4851c7 Binary files /dev/null and b/ACT24_sad/img/actor.jpg differ diff --git a/ACT24_sad/img/cinema.jpg b/ACT24_sad/img/cinema.jpg new file mode 100644 index 0000000..e6af0fe Binary files /dev/null and b/ACT24_sad/img/cinema.jpg differ diff --git a/ACT24_sad/img/instagram.svg b/ACT24_sad/img/instagram.svg new file mode 100644 index 0000000..4ce33d4 --- /dev/null +++ b/ACT24_sad/img/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/ACT24_sad/img/lilcarpi.png b/ACT24_sad/img/lilcarpi.png new file mode 100644 index 0000000..8db7c79 Binary files /dev/null and b/ACT24_sad/img/lilcarpi.png differ diff --git a/ACT24_sad/img/logo.png b/ACT24_sad/img/logo.png new file mode 100644 index 0000000..35107eb Binary files /dev/null and b/ACT24_sad/img/logo.png differ diff --git a/ACT24_sad/img/pelicula.jpg b/ACT24_sad/img/pelicula.jpg new file mode 100644 index 0000000..765d52f Binary files /dev/null and b/ACT24_sad/img/pelicula.jpg differ diff --git a/ACT24_sad/img/yt.svg b/ACT24_sad/img/yt.svg new file mode 100644 index 0000000..b3cfeba --- /dev/null +++ b/ACT24_sad/img/yt.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/ACT24_sad/inicial_sad.html b/ACT24_sad/inicial_sad.html index a7912a7..22c50f9 100644 --- a/ACT24_sad/inicial_sad.html +++ b/ACT24_sad/inicial_sad.html @@ -1,25 +1,59 @@ - + - El cinema + El cinema - Inicial + +
+
+ +

El Cinema

+
-

El Cinema

-
- -
+ +
+

Descobreix el món del cinema

+
+ + Cinema + +

+ El cinema és una forma d'art i entreteniment que combina imatges en moviment i so per explicar històries. + Des dels seus inicis a finals del segle XIX, ha evolucionat fins a convertir-se en una de les indústries culturals més influents del món. +

+
+
+ + + diff --git a/ACT24_sad/pel·li_sad.html b/ACT24_sad/pel·li_sad.html index 5458e61..10ce479 100644 --- a/ACT24_sad/pel·li_sad.html +++ b/ACT24_sad/pel·li_sad.html @@ -1,20 +1,68 @@ - + - El cinema + El cinema - Pel·lícula + +
+
+ +

El Cinema

+
+ +
+
+

Inception

+
+ Inception +
+

+ "Inception" és una pel·lícula de ciència-ficció dirigida per Christopher Nolan que explora el món dels somnis i la manipulació de la realitat a través de la ment humana. +

+

Actors principals

+
    +
  • Leonardo DiCaprio
  • +
  • Joseph Gordon-Levitt
  • +
  • Marion Cotillard
  • +
  • Tom Hardy
  • +
+

Opinió personal: Absolut cinema. Una obra mestra que combina acció, filosofia i emoció. La seva banda sonora (composada per Hans Zimmer) i la narrativa la fan una de les millors pel·lìcules que he vist.

+
+
+
+
+ + + + diff --git a/projecte-final/index.html b/projecte-final/index.html index 98318de..720db86 100644 --- a/projecte-final/index.html +++ b/projecte-final/index.html @@ -13,7 +13,7 @@
-

Lorem Ipsum

+