979979 < div class ="hero-content ">
980980 < div class ="hero-text ">
981981 < h1 > Desenhos inspirados em viagens</ h1 >
982- < h3 > por < a href ="../about.html "> John Samuel</ a > </ h3 >
982+ < h3 > por < a href ="../../en/ about.html "> John Samuel</ a > </ h3 >
983983 </ div >
984984 < div class ="hero-illustration ">
985- < svg class ="compass-svg " viewbox ="0 0 400 400 " xmlns ="http://www.w3.org/2000/svg " aria-hidden ="true ">
985+ < svg class ="compass-svg " viewbox ="0 0 400 400 " xmlns ="http://www.w3.org/2000/svg "
986+ aria-hidden ="true ">
986987 <!-- Gradients -->
987988 < defs >
988989 < lineargradient id ="compassGradient " x1 ="0% " y1 ="0% " x2 ="100% " y2 ="100% ">
@@ -996,21 +997,32 @@ <h3>por <a href="../about.html">John Samuel</a></h3>
996997 </ defs >
997998
998999 <!-- Background circles with animation -->
999- < circle cx ="200 " cy ="200 " r ="180 " fill ="none " stroke ="rgba(224, 122, 63, 0.12) " stroke-width ="2 " class ="compass-outer " />
1000- < circle cx ="200 " cy ="200 " r ="140 " fill ="none " stroke ="rgba(42, 157, 143, 0.18) " stroke-width ="2 " class ="compass-inner " />
1001- < circle cx ="200 " cy ="200 " r ="100 " fill ="none " stroke ="rgba(244, 162, 97, 0.15) " stroke-width ="1.5 " class ="compass-inner " style ="animation-duration: 25s " />
1000+ < circle cx ="200 " cy ="200 " r ="180 " fill ="none " stroke ="rgba(224, 122, 63, 0.12) "
1001+ stroke-width ="2 " class ="compass-outer " />
1002+ < circle cx ="200 " cy ="200 " r ="140 " fill ="none " stroke ="rgba(42, 157, 143, 0.18) "
1003+ stroke-width ="2 " class ="compass-inner " />
1004+ < circle cx ="200 " cy ="200 " r ="100 " fill ="none " stroke ="rgba(244, 162, 97, 0.15) "
1005+ stroke-width ="1.5 " class ="compass-inner " style ="animation-duration: 25s " />
10021006
10031007 <!-- Compass cardinal points -->
1004- < text x ="200 " y ="50 " text-anchor ="middle " fill ="#e07a3f " font-size ="28 " font-weight ="bold "> N</ text >
1005- < text x ="350 " y ="210 " text-anchor ="middle " fill ="#2a9d8f " font-size ="22 " font-weight ="bold "> E</ text >
1006- < text x ="200 " y ="360 " text-anchor ="middle " fill ="#f4a261 " font-size ="22 " font-weight ="bold "> S</ text >
1007- < text x ="50 " y ="210 " text-anchor ="middle " fill ="#2a9d8f " font-size ="22 " font-weight ="bold "> O</ text >
1008+ < text x ="200 " y ="50 " text-anchor ="middle " fill ="#e07a3f " font-size ="28 "
1009+ font-weight ="bold "> N</ text >
1010+ < text x ="350 " y ="210 " text-anchor ="middle " fill ="#2a9d8f " font-size ="22 "
1011+ font-weight ="bold "> E</ text >
1012+ < text x ="200 " y ="360 " text-anchor ="middle " fill ="#f4a261 " font-size ="22 "
1013+ font-weight ="bold "> S</ text >
1014+ < text x ="50 " y ="210 " text-anchor ="middle " fill ="#2a9d8f " font-size ="22 "
1015+ font-weight ="bold "> O</ text >
10081016
10091017 <!-- Decorative lines -->
1010- < line x1 ="200 " y1 ="75 " x2 ="200 " y2 ="115 " stroke ="#e07a3f " stroke-width ="3 " stroke-linecap ="round " />
1011- < line x1 ="325 " y1 ="200 " x2 ="285 " y2 ="200 " stroke ="#2a9d8f " stroke-width ="2.5 " stroke-linecap ="round " />
1012- < line x1 ="200 " y1 ="325 " x2 ="200 " y2 ="285 " stroke ="#f4a261 " stroke-width ="2.5 " stroke-linecap ="round " />
1013- < line x1 ="75 " y1 ="200 " x2 ="115 " y2 ="200 " stroke ="#2a9d8f " stroke-width ="2.5 " stroke-linecap ="round " />
1018+ < line x1 ="200 " y1 ="75 " x2 ="200 " y2 ="115 " stroke ="#e07a3f " stroke-width ="3 "
1019+ stroke-linecap ="round " />
1020+ < line x1 ="325 " y1 ="200 " x2 ="285 " y2 ="200 " stroke ="#2a9d8f " stroke-width ="2.5 "
1021+ stroke-linecap ="round " />
1022+ < line x1 ="200 " y1 ="325 " x2 ="200 " y2 ="285 " stroke ="#f4a261 " stroke-width ="2.5 "
1023+ stroke-linecap ="round " />
1024+ < line x1 ="75 " y1 ="200 " x2 ="115 " y2 ="200 " stroke ="#2a9d8f " stroke-width ="2.5 "
1025+ stroke-linecap ="round " />
10141026
10151027 <!-- Center compass needle -->
10161028 < g class ="compass-needle ">
@@ -1023,20 +1035,28 @@ <h3>por <a href="../about.html">John Samuel</a></h3>
10231035 < circle cx ="200 " cy ="200 " r ="10 " fill ="white " opacity ="0.9 " />
10241036
10251037 <!-- Wave paths representing sea/travel -->
1026- < path class ="wave-path " d ="M70,300 Q110,280 150,300 T230,300 T310,300 " fill ="none " stroke ="#2a9d8f " stroke-width ="2.5 " opacity ="0.5 " />
1027- < path class ="wave-path " d ="M60,320 Q100,300 140,320 T220,320 T300,320 " fill ="none " stroke ="#e07a3f " stroke-width ="2 " opacity ="0.4 " style ="animation-delay: 0.5s " />
1028- < path class ="wave-path " d ="M80,340 Q120,320 160,340 T240,340 T320,340 " fill ="none " stroke ="url(#sunsetGradient) " stroke-width ="1.5 " opacity ="0.3 " style ="animation-delay: 1s " />
1038+ < path class ="wave-path " d ="M70,300 Q110,280 150,300 T230,300 T310,300 " fill ="none "
1039+ stroke ="#2a9d8f " stroke-width ="2.5 " opacity ="0.5 " />
1040+ < path class ="wave-path " d ="M60,320 Q100,300 140,320 T220,320 T300,320 " fill ="none "
1041+ stroke ="#e07a3f " stroke-width ="2 " opacity ="0.4 " style ="animation-delay: 0.5s " />
1042+ < path class ="wave-path " d ="M80,340 Q120,320 160,340 T240,340 T320,340 " fill ="none "
1043+ stroke ="url(#sunsetGradient) " stroke-width ="1.5 " opacity ="0.3 "
1044+ style ="animation-delay: 1s " />
10291045
10301046 <!-- Airplane icon -->
10311047 < g class ="plane-icon " transform ="translate(120, 100) ">
1032- < path d ="M0,0 L-8,-3 L-8,-5 L0,-2 L8,-5 L8,-3 Z M-2,2 L-2,5 L0,6 L2,5 L2,2 Z " fill ="#e07a3f " opacity ="0.8 " />
1048+ < path d ="M0,0 L-8,-3 L-8,-5 L0,-2 L8,-5 L8,-3 Z M-2,2 L-2,5 L0,6 L2,5 L2,2 Z "
1049+ fill ="#e07a3f " opacity ="0.8 " />
10331050 </ g >
10341051
10351052 <!-- Floating dots -->
10361053 < circle class ="floating-dot " cx ="280 " cy ="120 " r ="5 " fill ="#f4a261 " opacity ="0.7 " />
1037- < circle class ="floating-dot " cx ="120 " cy ="280 " r ="4 " fill ="#e07a3f " opacity ="0.6 " style ="animation-delay: 1s; animation-duration: 4s " />
1038- < circle class ="floating-dot " cx ="320 " cy ="280 " r ="6 " fill ="#2a9d8f " opacity ="0.7 " style ="animation-delay: 1.5s; animation-duration: 3.5s " />
1039- < circle class ="floating-dot " cx ="100 " cy ="100 " r ="3 " fill ="#f4a261 " opacity ="0.5 " style ="animation-delay: 2s; animation-duration: 5s " />
1054+ < circle class ="floating-dot " cx ="120 " cy ="280 " r ="4 " fill ="#e07a3f " opacity ="0.6 "
1055+ style ="animation-delay: 1s; animation-duration: 4s " />
1056+ < circle class ="floating-dot " cx ="320 " cy ="280 " r ="6 " fill ="#2a9d8f " opacity ="0.7 "
1057+ style ="animation-delay: 1.5s; animation-duration: 3.5s " />
1058+ < circle class ="floating-dot " cx ="100 " cy ="100 " r ="3 " fill ="#f4a261 " opacity ="0.5 "
1059+ style ="animation-delay: 2s; animation-duration: 5s " />
10401060 </ svg >
10411061 </ div >
10421062 </ div >
@@ -1048,7 +1068,7 @@ <h3>por <a href="../about.html">John Samuel</a></h3>
10481068 < h2 class ="section-title "> Mar</ h2 >
10491069 < ul class ="card-grid ">
10501070 < li class ="drawing-card ">
1051- < a href ="../research/color/water.html ">
1071+ < a href ="../../en/ research/color/water.html ">
10521072 < div class ="card-icon-wrapper ">
10531073 < div class ="corner-frame corner-tl "> </ div >
10541074 < div class ="corner-frame corner-tr "> </ div >
@@ -1064,7 +1084,7 @@ <h2 class="section-title">Mar</h2>
10641084 </ a >
10651085 </ li >
10661086 < li class ="drawing-card ">
1067- < a href ="../research/color/nature/storm.html ">
1087+ < a href ="../../en/ research/color/nature/storm.html ">
10681088 < div class ="card-icon-wrapper ">
10691089 < div class ="corner-frame corner-tl "> </ div >
10701090 < div class ="corner-frame corner-tr "> </ div >
@@ -1086,7 +1106,7 @@ <h2 class="section-title">Mar</h2>
10861106 < h2 class ="section-title "> Pôr do sol</ h2 >
10871107 < ul class ="card-grid ">
10881108 < li class ="drawing-card ">
1089- < a href ="../research/color/sunset.html ">
1109+ < a href ="../../en/ research/color/sunset.html ">
10901110 < div class ="card-icon-wrapper ">
10911111 < div class ="corner-frame corner-tl "> </ div >
10921112 < div class ="corner-frame corner-tr "> </ div >
@@ -1109,7 +1129,9 @@ <h2 class="section-title">Pôr do sol</h2>
11091129 < div class ="footer-content ">
11101130 < div class ="footer-info ">
11111131 < h4 > Desenhos inspirados em viagens</ h4 >
1112- < p > Uma coleção de interpretações artísticas inspiradas em viagens pelo mundo. Estes desenhos captam a essência da viagem: horizontes sem fim, pores do sol vibrantes, ondas ondulantes e o espírito de aventura que acompanha a descoberta de novos lugares.</ p >
1132+ < p > Uma coleção de interpretações artísticas inspiradas em viagens pelo mundo. Estes desenhos captam
1133+ a essência da viagem: horizontes sem fim, pores do sol vibrantes, ondas ondulantes e o espírito
1134+ de aventura que acompanha a descoberta de novos lugares.</ p >
11131135 </ div >
11141136 < div class ="language-selector ">
11151137 < h4 > Idiomas</ h4 >
0 commit comments