mirror of
https://github.com/Lil-Carpi/LDM-ASIR.git
synced 2025-12-06 00:03:48 +00:00
Added the jobs that were half-finished
This commit is contained in:
104
ACT23_sad/act23_sad-llarga.html
Normal file
104
ACT23_sad/act23_sad-llarga.html
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ca">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Katsushika Hokusai - L'Art del japó</title>
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="contenidor-general">
|
||||||
|
<h1>L'art - Llenguatge de Marques</h1>
|
||||||
|
<h1>Katsushika Hokusai</h1>
|
||||||
|
<h1><a href="act23_sad.html">Versió curta</a></h1>
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">Qui va ser Katsushika Hokusai?</h2>
|
||||||
|
<img src="img/Hokusai_portrait.jpg" alt="Hokusai-San" class="Autoretrat">
|
||||||
|
|
||||||
|
<p><i>Katsushika Hokusai "活しか北斎"</i> (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").</p>
|
||||||
|
<p>É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".</p>
|
||||||
|
<p>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.</p>
|
||||||
|
|
||||||
|
<h3>Característiques de la seva pintura</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ús de línies definides i colors plans.</li>
|
||||||
|
<li>Composicions equilibrades inspirades en la natura.</li>
|
||||||
|
<li>Innovació tècnica en el gravat i ús del color blau de Prússia</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">Ukiyo-e</h2>
|
||||||
|
<img src="img/Ukiyo-e_dsc04680.jpg" alt="Ukiyo-e">
|
||||||
|
<p><i>Planxa d'impressió ukiyo-e</i></p>
|
||||||
|
<p>Els ukiyo-e, en japonès <i>nikuhitsu ukiyo-e (肉筆浮世ー絵)</i>, eren obres en què el pintor feia servir pinzells directament sobre paper o seda.</p>
|
||||||
|
<p>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.</p>
|
||||||
|
<p>Finalment, ja amb les planxes necessàries (usualment se n'utilitzava una per cada color necessari), un <i>surishi (すりし)</i>, o impressor, portava a terme el treball d'impressió col·locant el paper d'estampació sobre les consecutives planxes.</p>
|
||||||
|
<p>La impressió es realitzava fregant una eina anomenada <i>baren (ばれん)</i> sobre el dors de les fulles. Aquest sistema podia produir variacions de tonalitat en les estampes.</p>
|
||||||
|
<p>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.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">1. La gran ona de Kanagawa</h2>
|
||||||
|
<img src="img/The-Great-Wave-off-Kanagawa-1024x706.jpg" alt="La gran ona de Kanagawa">
|
||||||
|
<p><i>La gran ona de Kanagawa - 神奈川沖波裏</i></p>
|
||||||
|
<p>Una de les pintures més conegudes del pintor.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">2. Vent suau, matí clar (Fuji vermell)</h2>
|
||||||
|
<img src="img/katsushika-hokusai-paintings-1024x706.jpg" alt="Vent suau, matí clar (Fuji vermell)">
|
||||||
|
<p><i>Vent suau, matí clar (Fuji vermell) - 凱風快晴</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">3. Camallarg i Cirerer Ploraner</h2>
|
||||||
|
<img src="img/Bullfinch-and-Weeping-Cherry-Blossoms.jpg" alt="Camallarg i Cirerer Ploraner">
|
||||||
|
<p><i>Camallarg i Cirerer Ploraner - ウグイス賭垂れー桜</i></p>
|
||||||
|
<p><i>Nota</i>: El nom en japonès fa referència al cirerer ploraner (<i>shidare zakura - 垂れー桜</i>).</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">4. Sarumaru Dayu</h2>
|
||||||
|
<img src="img/Sarumaru-Dayu-1024x720.jpg" alt="Sarumaru Dayu">
|
||||||
|
<p><i>Sarumaru Dayu - 猿丸太夫</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">5. Oceans de la Saviesa</h2>
|
||||||
|
<img src="img/Oceans-of-Wisdom-1024x721.jpg" alt="Oceans de la Saviesa">
|
||||||
|
<p><i>Oceans de la Saviesa - 千絵の海</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">6. Kajikazawa a la província de Kai</h2>
|
||||||
|
<img src="img/Kajikazawa-in-Kai-Province-1024x679.jpg" alt="Kajikazawa a la província de Kai">
|
||||||
|
<p><i>Kajikazawa a la província de Kai - 甲州石班澤</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">7. Ejiri a la província de Suruga</h2>
|
||||||
|
<img src="img/Ejiri-in-the-Suruga-Province-1.jpg" alt="Ejiri a la província de Suruga">
|
||||||
|
<p><i>Ejiri a la província de Suruga - 駿州江尻</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">8. Manual de Dibuix Ràpid</h2>
|
||||||
|
<img src="img/Egrets-from-Quick-Lessons-in-Simplified-Drawing-1-1024x721.jpg" alt="Manual de Dibuix Ràpid">
|
||||||
|
<p><i>Manual de Dibuix Ràpid - 略画早指南</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">9. El Pont Penjant a la Frontera de les Províncies de Hida i Etchū</h2>
|
||||||
|
<img src="img/The-Suspension-Bridge-on-the-Border-of-Hida-and-Etchu-Provinces-1024x693.jpg" alt="Pont Penjant a la Frontera de les Províncies de Hida i Etchū">
|
||||||
|
<p><i>El Pont Penjant a la Frontera de les Províncies de Hida i Etchū - 飛越の堺つりはし</i></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc">
|
||||||
|
<h2 class="numeracio">10. Vista del Fuji des d'un camp a la província d'Owari</h2>
|
||||||
|
<img src="img/Fujimigahara-in-Owari-Province-1024x684.jpg" alt="Vista del Fuji des d'un camp a la província d'Owari">
|
||||||
|
<p><i>Vista del Fuji des d'un camp a la província d'Owari - 尾州不二見原</i></p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,19 +1,95 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="ca">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title></title>
|
<title>Katsushika Hokusai - L'Art del Japó</title>
|
||||||
<link href="css/style.css" rel="stylesheet">
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
<link rel="icon" type="image/png" href="img/favicon.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
<h1>L'art - Llenguatge de Marques</h1>
|
|
||||||
<h2>Quí va ser Katsushika Hokusai?</h2>
|
|
||||||
<p>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").</p>
|
|
||||||
<p>É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".</p>
|
|
||||||
<p>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.</p>
|
|
||||||
|
|
||||||
<h2>La gran ola de Kanagawa</h2>
|
<body>
|
||||||
<img src="img/The-Great-Wave-off-Kanawaga" alt="">
|
<div class="contenidor-general">
|
||||||
|
<h1>L'art - Llenguatge de Marques</h1>
|
||||||
|
<h1>Katsushika Hokusai</h1>
|
||||||
|
<h1><a href="act23_sad-llarga.html">Versió llarga</a></h1>
|
||||||
|
|
||||||
|
<section class="bloc" id="biografia">
|
||||||
|
<h2>Qui va ser Katsushika Hokusai?</h2>
|
||||||
|
<img src="img/Hokusai_portrait.jpg" alt="Autoretrat de Hokusai" class="autoretrat">
|
||||||
|
|
||||||
|
<p><i>Katsushika Hokusai (活しか北斎)</i> (1760–1849) va ser un pintor i gravador japonès del període Edo, mestre de l'art <i>ukiyo-e</i> (gravats del "món flotant").</p>
|
||||||
|
<p>És mundialment conegut per la sèrie de gravats <i>Trenta-sis vistes del Mont Fuji</i> (c. 1830-1833), que inclou la seva obra més cèlebre: <i>La gran ona de Kanagawa</i>.</p>
|
||||||
|
<p>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.</p>
|
||||||
|
|
||||||
|
<h3>Característiques de la seva pintura:</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ús de línies definides i colors plans.</li>
|
||||||
|
<li>Composicions equilibrades inspirades en la natura.</li>
|
||||||
|
<li>Innovació tècnica en el gravat i ús del color blau de Prússia.</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc" id="ukiyoe">
|
||||||
|
<h2>Què és l'Ukiyo-e?</h2>
|
||||||
|
<img src="img/Ukiyo-e_dsc04680.jpg" alt="Planxa d'impressió Ukiyo-e">
|
||||||
|
<p><i>Planxa d'impressió ukiyo-e</i></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
L'<strong>Ukiyo-e</strong> és una tècnica tradicional japonesa de <strong>gravat en fusta</strong> 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
|
||||||
|
<strong>procés de gravat</strong> molt precís.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc" id="gran-ona">
|
||||||
|
<h2>Pintura més rellevant: La gran ona de Kanagawa</h2>
|
||||||
|
<img src="img/The-Great-Wave-off-Kanagawa-1024x706.jpg" alt="La gran ona de Kanagawa">
|
||||||
|
<p><i>La gran ona de Kanagawa - 神奈川沖波裏</i></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Aquesta obra forma part de la sèrie <i>Trenta-sis vistes del Mont Fuji</i>. 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.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3>Característiques destacades:</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ús dramàtic del contrast entre el mar i el Mont Fuji.</li>
|
||||||
|
<li>Composició dinàmica i perspectiva influenciada per l'art occidental.</li>
|
||||||
|
<li>Simbolisme profund sobre la força de la natura i la fragilitat humana.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>Opinió personal:</strong> 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.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bloc" id="fuji-vermell">
|
||||||
|
<h2>Segona pintura rellevant: Vent suau, matí clar (Fuji vermell)</h2>
|
||||||
|
<img src="img/katsushika-hokusai-paintings-1024x706.jpg" alt="Vent suau, matí clar (Fuji vermell)">
|
||||||
|
<p><i>Vent suau, matí clar (Fuji vermell) - 凱風快晴</i></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
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 <i>La gran ona</i>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3>Característiques principals:</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ús de tons càlids i equilibrats per transmetre serenitat.</li>
|
||||||
|
<li>Composició simple però harmònica, centrada en el Mont Fuji.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>Opinió personal:</strong> És una pintura amb molt de taronja, culpa del sol naixent que il·lumina el Mont Fuji. M’agrada.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
}
|
||||||
|
|||||||
BIN
ACT23_sad/img/Hokusai_portrait.jpg
Normal file
BIN
ACT23_sad/img/Hokusai_portrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
ACT23_sad/img/Ukiyo-e_dsc04680.jpg
Normal file
BIN
ACT23_sad/img/Ukiyo-e_dsc04680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
ACT23_sad/img/favicon.png
Normal file
BIN
ACT23_sad/img/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 602 KiB |
@@ -1,20 +1,68 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="ca">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>El cinema</title>
|
<title>El cinema - Actor</title>
|
||||||
<link href="css/style.css" rel="stylesheet">
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
<link rel="icon" type="image/x-icon" href="img/logo.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<!--
|
||||||
|
Autor: Sebastian Ariel Duarte
|
||||||
|
Data d'elaboració: 18/10/2025
|
||||||
|
Resum: Pàgina Actor del projecte "El cinema". Conté imatge, biografia i llista de pel·lícules destacades.
|
||||||
|
-->
|
||||||
<header>
|
<header>
|
||||||
|
<div class="header-container">
|
||||||
|
<img src="img/logo.png" alt="Logo" class="logo">
|
||||||
|
<h1>El Cinema</h1>
|
||||||
|
</div>
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="inicial_sad.html">Cinema</a></li>
|
<li><a href="inicial_sad.html">Cinema</a></li>
|
||||||
<li><a href="actor_sad.html">Actor</a></li>
|
<li><a href="actor_sad.html">Actor</a></li>
|
||||||
<li><a href="pel·li_sad.html">Pel·licula</a></li>
|
<li><a href="pel·li_sad.html">Pel·lícula</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="content-section">
|
||||||
|
<h2 class="titulo">Leonardo DiCaprio</h2>
|
||||||
|
<div class="info">
|
||||||
|
<img src="img/actor.jpg" alt="Leonardo DiCaprio" class="content-photo">
|
||||||
|
<div class="content-description">
|
||||||
|
<p>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 <em>The Revenant</em>.</p>
|
||||||
|
<h3>Pel·lícules destacades</h3>
|
||||||
|
<ul class="content-llista">
|
||||||
|
<li>Titanic (1997)</li>
|
||||||
|
<li>Inception (2010)</li>
|
||||||
|
<li>The Revenant (2015)</li>
|
||||||
|
<li>Shutter Island (2010)</li>
|
||||||
|
<li>El llop de Wall Street (2013)</li>
|
||||||
|
</ul>
|
||||||
|
<p class="opinio"><strong>Opinió personal:</strong> És un actor molt versàtil i capaç de transmetre emocions reals en cada paper. El considero un dels millors de la seva generació</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Fet per <strong>Sebastian Ariel Duarte</strong>.
|
||||||
|
<a href="https://www.instagram.com/lil_carpi_/" target="_blank">
|
||||||
|
<img src="img/instagram.svg" alt="Instagram" class="icon">
|
||||||
|
</a>
|
||||||
|
<a href="https://www.youtube.com/@CARPI_2.0_03" target="_blank">
|
||||||
|
<img src="img/yt.svg" alt="YouTube" class="icon">
|
||||||
|
</a>
|
||||||
|
<a href="https://lilcarpi.xyz">
|
||||||
|
<img src="img/lilcarpi.png" alt="Lil_Carpi" class="icon">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
.navbar
|
||||||
{
|
{
|
||||||
background-color: #154a23;
|
background-color: #5BE8A7;
|
||||||
color: #fff;
|
color: #224A34;
|
||||||
padding: 1em;
|
padding: 1em 5em;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top: 0;
|
top: 1em;
|
||||||
left: 0;
|
left: 50%;
|
||||||
width: 100%;
|
transform: translateX(-50%);
|
||||||
z-index: 100;
|
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
|
.navbar ul
|
||||||
{
|
{
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items:center;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
.navbar li
|
.navbar li
|
||||||
{
|
{
|
||||||
display: inline-block;
|
list-style: none;
|
||||||
margin-right: 10px;
|
|
||||||
}
|
}
|
||||||
.navbar
|
.navbar a {
|
||||||
{
|
position:relative;
|
||||||
color: #fff;
|
color: #224A34;
|
||||||
text-decoration: none;
|
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%;
|
content: "";
|
||||||
color:rgb(255, 255, 255);
|
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
|
.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: "🎬 ";
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
ACT24_sad/img/actor.jpg
Normal file
BIN
ACT24_sad/img/actor.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 MiB |
BIN
ACT24_sad/img/cinema.jpg
Normal file
BIN
ACT24_sad/img/cinema.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
1
ACT24_sad/img/instagram.svg
Normal file
1
ACT24_sad/img/instagram.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.7 KiB |
BIN
ACT24_sad/img/lilcarpi.png
Normal file
BIN
ACT24_sad/img/lilcarpi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
ACT24_sad/img/logo.png
Normal file
BIN
ACT24_sad/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
ACT24_sad/img/pelicula.jpg
Normal file
BIN
ACT24_sad/img/pelicula.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
8
ACT24_sad/img/yt.svg
Normal file
8
ACT24_sad/img/yt.svg
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="external-icon" viewBox="0 0 28.57 20" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
||||||
|
<svg viewBox="0 0 28.57 20" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g>
|
||||||
|
<path d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z" fill="#FF0000"/>
|
||||||
|
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 955 B |
@@ -1,25 +1,59 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="ca">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>El cinema</title>
|
<title>El cinema - Inicial</title>
|
||||||
<link href="css/style.css" rel="stylesheet">
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
<link rel="icon" type="image/x-icon" href="img/logo.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<!--
|
||||||
|
Autor: Sebastian Ariel Duarte
|
||||||
|
Data d'elaboració: 18/10/2025
|
||||||
|
Resum: Pàgina Actor del projecte "El cinema". Conté imatge, biografia i llista de pel·lícules destacades.
|
||||||
|
-->
|
||||||
<header>
|
<header>
|
||||||
|
<div class="header-container">
|
||||||
|
<img src="img/logo.png" alt="Logo" class="logo">
|
||||||
|
<h1>El Cinema</h1>
|
||||||
|
</div>
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="inicial_sad.html">Cinema</a></li>
|
<li><a href="inicial_sad.html">Cinema</a></li>
|
||||||
<li><a href="actor_sad.html">Actor</a></li>
|
<li><a href="actor_sad.html">Actor</a></li>
|
||||||
<li><a href="pel·li_sad.html">Pel·licula</a></li>
|
<li><a href="pel·li_sad.html">Pel·lícula</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<h1 class="titulo">El Cinema</h1>
|
|
||||||
<div>
|
|
||||||
|
|
||||||
</div>
|
<main>
|
||||||
|
<h2 class="titulo">Descobreix el món del cinema</h2>
|
||||||
|
<div class="content">
|
||||||
|
<a href="https://ca.wikipedia.org/wiki/Cinema" target="_blank">
|
||||||
|
<img src="img/cinema.jpg" alt="Cinema">
|
||||||
|
</a>
|
||||||
|
<p class="descripcio">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Fet per <strong>Sebastian Ariel Duarte</strong>.
|
||||||
|
<a href="https://www.instagram.com/lil_carpi_/" target="_blank">
|
||||||
|
<img src="img/instagram.svg" alt="Instagram" class="icon">
|
||||||
|
</a>
|
||||||
|
<a href="https://www.youtube.com/@CARPI_2.0_03" target="_blank">
|
||||||
|
<img src="img/yt.svg" alt="YouTube" class="icon">
|
||||||
|
</a>
|
||||||
|
<a href="https://lilcarpi.xyz">
|
||||||
|
<img src="img/lilcarpi.png" alt="Lil_Carpi" class="icon">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
@@ -1,20 +1,68 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="ca">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>El cinema</title>
|
<title>El cinema - Pel·lícula</title>
|
||||||
<link href="css/style.css" rel="stylesheet">
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
<link rel="icon" type="image/x-icon" href="img/logo.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<!--
|
||||||
|
Autor: Sebastian Ariel Duarte
|
||||||
|
Data d'elaboració: 18/10/2025
|
||||||
|
Resum: Pàgina Actor del projecte "El cinema". Conté imatge, biografia i llista de pel·lícules destacades.
|
||||||
|
-->
|
||||||
<header>
|
<header>
|
||||||
|
<div class="header-container">
|
||||||
|
<img src="img/logo.png" alt="Logo" class="logo">
|
||||||
|
<h1>El Cinema</h1>
|
||||||
|
</div>
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="inicial_sad.html">Cinema</a></li>
|
<li><a href="inicial_sad.html">Cinema</a></li>
|
||||||
<li><a href="actor_sad.html">Actor</a></li>
|
<li><a href="actor_sad.html">Actor</a></li>
|
||||||
<li><a href="pel·li_sad.html">Pel·licula</a></li>
|
<li><a href="pel·li_sad.html">Pel·lícula</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="content-section">
|
||||||
|
<h2 class="titulo">Inception</h2>
|
||||||
|
<div class="info">
|
||||||
|
<img src="img/pelicula.jpg" alt="Inception" class="content-photo">
|
||||||
|
<div class="content-description">
|
||||||
|
<p>
|
||||||
|
"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.
|
||||||
|
</p>
|
||||||
|
<h3>Actors principals</h3>
|
||||||
|
<ul class="content-llista">
|
||||||
|
<li>Leonardo DiCaprio</li>
|
||||||
|
<li>Joseph Gordon-Levitt</li>
|
||||||
|
<li>Marion Cotillard</li>
|
||||||
|
<li>Tom Hardy</li>
|
||||||
|
</ul>
|
||||||
|
<p class="opinio"><strong>Opinió personal:</strong> 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.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Fet per <strong>Sebastian Ariel Duarte</strong>.
|
||||||
|
<a href="https://www.instagram.com/lil_carpi_/" target="_blank">
|
||||||
|
<img src="img/instagram.svg" alt="Instagram" class="icon">
|
||||||
|
</a>
|
||||||
|
<a href="https://www.youtube.com/@CARPI_2.0_03" target="_blank">
|
||||||
|
<img src="img/yt.svg" alt="YouTube" class="icon">
|
||||||
|
</a>
|
||||||
|
<a href="https://lilcarpi.xyz">
|
||||||
|
<img src="img/lilcarpi.png" alt="Lil_Carpi" class="icon">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
<header>
|
<header>
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<div class="logoContainer">
|
<div class="logoContainer">
|
||||||
<a href="https://lilcarpi.xyz/pages/lobby/indexold.html">Carpi ツ</a>
|
<a href=".">Carpi ツ</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="navbarLinks">
|
<ul class="navbarLinks">
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="content">
|
<main class="content">
|
||||||
<h1>Lorem Ipsum</h1>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user