From ee75584463af0516035c191f54af8b9491110590 Mon Sep 17 00:00:00 2001 From: alexandrosmaps Date: Wed, 19 Jun 2024 12:52:33 +0200 Subject: [PATCH] Update Index.html --- img/accessibility-icon.png | Bin 0 -> 1433 bytes img/slide-up.png | Bin 0 -> 461 bytes index.html | 643 ++++++++++++++++++++++++++++++++----- 3 files changed, 557 insertions(+), 86 deletions(-) create mode 100644 img/accessibility-icon.png create mode 100644 img/slide-up.png diff --git a/img/accessibility-icon.png b/img/accessibility-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..2d88fdeb2c22c8787b37295323cb02036ce107e3 GIT binary patch literal 1433 zcmV;K1!nq*P)C|RnDj%1-j|k^%U726 zBC_pGHdYW7r9}~`5NLw^1C3a|$(blvEg~E%%Qw|#YMD+bwG>jviYE?yFF4%YzxS*) z@e4OR_kCUG+~?fq$91lAJ#YyZFPebmz(!yv@B?rf7}jOKzt@<}c?4+We}V>JHLwTx z8>kk%{sMLbtAP6PP~dXlIbg^MbpiMUctw`EO<(*nU5$EXW3K|AiYCw>2Rij}{u4X| z9C8Bm15W{0mEbiUSOa|J`27ehVGLnkYMXoE*TDTXcg= ziJ-)nO0jv+Et(w?+^!xy`yeNe8NfcLOliwBICnB7rWT+*D?0!6uhp|Z3h8PS@HjYg4RnE{so3a8i**m+_iitVEBkuoh>(W`R1qL}9rfMvJbi(ObJ zEIXCK&A`coV85{>&kh$axm@gdw@yS;>~+A)z)Qd)ppwF;S%G~+ep0{i=YQor~C4K9WQDBbpmrvRStp0-)c$59sZd=m23CqE!5F`%O;UKF?L+ngPpX>Di|L}-8`;a8);r>q2>48M zAC4Q`q(R$HWWfTh75ET1?}Rw7XDd=@SESIj=GCt9X1AH#n$4+r^bdO94fqskI2^iihf7DbaQ8m~;66v}67W0t{?bDQ8+hn+%qIrp=< zWza7AkJBbSu1VI5Es9%Qd{pGW!H>i5w=@>w#Au43;!6FMSqn|r`8`nZC2bLx2@Q;U zoOKRKnBam>7ktN3(fyLAO73(Ur>y?2$NMfmyjxWw@p89w52MM8I^cll*5)B-aBWg6 zvGd}%ix2Ns0pZ!(E>4UlFFHjtP~=c3bSuuOIhLo7<>MoKeX~qJ)Jh>vj5Z7N-A1hN zQN~vH1*~nEhBYoeq5=m*73|8HA!jLd+uY5RK!e&sRW*{+n%J*v-W$NXDXVU9uPs_2 ztLn}qVH(heYLPeT+D<7 zP*p>@R;RBO9c3JF{5OyF+52K=_NscZZ6*K3(4@uDcNhn2d|I4oosLK&dsyZ5I&FOB zDmhHiHA9C+k7`b@>l1{sW9@kT1EOAC@m<;iR101sY7DL%F9ni1j?1)G?9kccN%yB3 n`~97^ryDdkaX)bhOmO@I9;G8*70s@=00000NkvXXu0mjffm5m` literal 0 HcmV?d00001 diff --git a/img/slide-up.png b/img/slide-up.png new file mode 100644 index 0000000000000000000000000000000000000000..e3554bf171511dd2d5bd8979199df59443fd5114 GIT binary patch literal 461 zcmV;;0W$uHP)|ihv6K z6HJq7G9ge)?@aB)dy>0tc+%lab3vogXfzs)=HI0T+yF6fN}!2=E-*JU2@w+kJquxD zP6+5Y-7i6;GY$b$1Ns?=ATWo(a}Gp0BjA_{B3{-&R1#A!h)CxhII03779c8tX#lSd z5a}fUuY=GL={%K*Nshpq2ZW8;F9R|3h?tuh_{21Uj}j1b3$y1M(E>gT{-9X!f9jd< zwm(M<&2f~}^n>~I5#>yPSZtuW;LY?Um;~`9IN!@^v@U484zRN>;vATIYMh1;vt0(_ zF=uTy1U25ygSh}^o)IqYq`NH4hTu&Ut;wdKOs=yY+$r$DuCVJ{1xsa+_0ZiFO9L;p zD8Nk2+bpyJaZ-m4>VCY=S}FQv6Vi5!urX8DON(g5MkKQ_JYq(Y&CB9?=hidAzRPB= z5cY;70bBuFl$T53+kCSn7iiGgH20fEqtR$I8gk?Z%yK7RJ_-0T00000NkvXXu0mjf DWjVmE literal 0 HcmV?d00001 diff --git a/index.html b/index.html index ab09fdc..4933176 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,14 @@ gtag('js', new Date()); gtag('config', 'G-GR9JCZYNFH'); - + + +
+ + Logos + +
+ Recursos ICGC en obert @@ -51,17 +58,19 @@ } .alert-default { - background-color: #F5F5F5; + background-color: #ffffff; font-size: 0.95em; - border-radius: 0px + border-radius: 10px; + border-color: rgb(194, 194, 194); + } span { - color: #BF0000; + color: #f58921; } a { - color: #a80202 !important; + color: #f58921 ; } @@ -72,10 +81,17 @@ line-height: 40px; background-color: #f5f5f5; } - + + h5{ + color: #000; + } h6 { font-weight: bolder; } + + h7{ + color: #000; + } .ul { list-style-type: disclosure-closed; @@ -95,7 +111,7 @@ .navbar { background-color: #404040 !important; - border-radius: 0px; + border-radius: 10px; color: white !important; } @@ -124,10 +140,12 @@ color: black; list-style: none; padding: 8px; - background-color: #c4c2c2; + background-color: #ffc300; font-size: 1.1em; font-weight: bold; margin-top: 5px; + border-radius: 5px; + } @media screen and (max-width: 500px) { @@ -147,6 +165,241 @@ .raster { font-size: 0.98em; } + + nav { + position: relative; + background-color: #404040; + padding: 10px; + border-radius: 10px; + + } + + nav ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + } + + nav ul li { + margin-right: 20px; + position: relative; + } + + nav ul li a { + color: #fff; + text-decoration: none; + } + + nav ul li button { + background-color: transparent; + border: none; + color: #fff; + cursor: pointer; + padding: 5px; + } + + nav ul li button:focus { + outline: none; + } + + nav ul li .dropdown-menu { + position: absolute; + top: 100%; + left: 0; + background-color: #404040; + padding: 10px; + border: 1px solid #fff; + display: none; + } + + nav ul li .dropdown-menu li { + margin: 0; + padding: 0; + } + + nav ul li .dropdown-menu li a { + color: #fff; + text-decoration: none; + padding: 5px; + } + + nav ul li .dropdown-menu li a:hover { + background-color: white; + color: #444; + } + + + .dropdown-button { + background-color: #4CAF50; + color: #ffffff; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + } + + .dropdown-button:hover { + background-color: #3e8e41; + } + + .dropdown-menu { + position: absolute; + top: 100%; + left: 0; + background-color: #f9f9f9; + border: 1px solid #ccc; + padding: 10px; + width: 250px; + display: none; + z-index: 1; + } + + .dropdown-menu li { + margin-bottom: 10px; + } + + .dropdown-menu li a { + color: #00698f; + font-family: Arial, sans-serif; + text-decoration: none; + padding: 5px; + display: block; + width: 100%; + } + + .dropdown-menu li a:hover { + background-color: #f0f0f0; + } + + #scroll-up-btn { + position: fixed; + bottom: 20px; + right: 20px; + background-color: #fdfdfd; + padding: 5px 10px; + border-color: #ffc300; + border-radius: 5px; + cursor: pointer; + } + #accessibility-btn { + position: absolute; + top: 1rem; + right: 1rem; + z-index: 1000; + background-color: #ffc300; + color: #fff; + border: none; + border-radius: 5px; + padding: 0.5rem 1rem; + font-size: 1rem; + cursor: pointer; + } + + #accessibility-btn img { + width: 3rem; + height: 3rem; + + } + + .accessibility-menu { + position: absolute; + top: 1rem; /* Adjust top position based on your button height */ + left: 72%; /* Position the menu just outside the button */ + width: 150px; /* Adjust width as needed */ + background-color: #404040; + border-radius: 5px; + padding: 10px; + z-index: 1000; /* Ensure it's above other content */ + transition: right 0.2s ease; /* Smooth transition */ + cursor: pointer; + } + + .accessibility-menu ul { + list-style-type: none; + padding: 0; + margin: 0; + + } + + .accessibility-menu li { + margin-bottom: 10px; + + } + .accessibility-menu li button:hover { + background-color: #f0f0f0; + color: #404040; + } + /* Make the buttons look like links */ + .accessibility-menu button { + background-color: #404040; + color: white; + border-radius: 5px; + cursor: pointer; + } + + /* Ensure the content is not hidden when menu is closed */ + [aria-hidden="true"] { + display: none; + } + + /* High-contrast mode */ + .high-contrast { + background-color: #000; + color: rgb(253, 253, 253); + + } + + .high-contrast .alert-default{ + background-color: #000; + color: rgb(253, 253, 253); + } + .high-contrast .hed{ + background-color: #e5e500; + color: rgb(0, 0, 0); + } + + .high-contrast h5{ + background-color: #000; + color: rgb(253, 253, 253); + } + .high-contrast p{ + background-color: #000; + color: rgb(253, 253, 253); + } + .high-contrast h7{ + background-color: #000; + color: rgb(253, 253, 253); + } + + .high-contrast .header { + background-color: #222; /* Darker header background */ + } + + .high-contrast .logos { + color: #fff; /* White logo text */ + } + .high-contrast span { + + color: #e5e500 ; + } + .high-contrast span:hover { + + background-color: white; + color: #9e9e09; + } + + + .high-contrast .fa-code { + color: #e5e500 ; + } + .high-contrast .fa-edit { + color: #e5e500 ; + } + .high-contrast .fa-desktop { + color: #e5e500 ; + } + + +