Commit 477afaeb6f7e7e583c9396ac60c7c63605560466

Authored by José González
1 parent 3128965a

modifica plantillas base y agrega paqute de concrete5

Showing 100 changed files with 3390 additions and 530 deletions

Too many changes to show.

To preserve performance only 100 of 709 files are displayed.

  1 +# Base
  2 +Contiene las plantillas base del proyecto, las mismas cumplen con los lineamientos básicos para garantizar un sitio web enfocado a la accesibilidad.
  3 +
  4 +# Concrete5
  5 +Se presetena un paquete como upgrade del paquete actual
\ No newline at end of file
... ...
... ... @@ -28,46 +28,14 @@
28 28 </div>
29 29
30 30 <div class="col-lg-3 col-xs-12">
31   - <div class="social-links mt-4 mb-2">
32   - <ul class="nav justify-content-center">
33   - <li class="nav-item">
34   - <a href="https://www.facebook.com/MITICParaguay/" aria-label="Enlace al Facebook del MITIC">
35   - <i class="fab fa-facebook-f"></i>
36   - </a>
37   - </li>
38   - <li class="nav-item">
39   - <a
40   - href="https://www.instagram.com/miticpy"
41   - aria-label="Enlace al Instagram del MITIC, abre en una nueva ventana"
42   - target="_blank">
43   - <i class="fab fa-instagram"></i>
44   - </a>
45   - </li>
46   - <li class="nav-item">
47   - <a
48   - href="https://twitter.com/Miticpy"
49   - aria-label="Enlace al Twitter del MITIC, abre en una nueva ventana"
50   - target="_blank">
51   - <i class="fab fa-twitter"></i>
52   - </a>
53   - </li>
54   - <li class="nav-item">
55   - <a
56   - href="https://www.youtube.com/user/SENATICspy"
57   - aria-label="Enlace al Youtube del MITIC, abre en una nueva ventana"
58   - target="_blank">
59   - <i class="fab fa-youtube"></i>
60   - </a>
61   - </li>
62   - <li class="nav-item">
63   - <a
64   - href="https://www.flickr.com/people/124133727@N02/"
65   - aria-label="Enlace al Flickr del MITIC, abre en una nueva ventana"
66   - target="_blank">
67   - <i class="fab fa-flickr"></i>
68   - </a>
69   - </li>
70   - </ul>
  31 + <div class="accesibility-icons-container text-center pt-2 pb-2">
  32 + <i class="fab fa-accessible-icon" aria-label="Ícono de accesibilidad para personas con dificultades motora"></i>
  33 + <i class="fas fa-blind" aria-label="Ícono de accesibilidad para personas ciegas"></i>
  34 + <i class="fas fa-low-vision" aria-label="Ícono de accesibilidad para personas parcialmente ciegas"></i>
  35 + <i class="fas fa-closed-captioning" aria-label="Ícono de subtítulos"></i>
  36 + <i class="fas fa-american-sign-language-interpreting" aria-label="Ícono de lenguaje a señas"></i>
  37 + <i class="fas fa-tty" aria-label="Ícono de tty"></i>
  38 + <i class="fas fa-deaf" aria-label="Ícono de accesibilidad para personas sordas"></i>
71 39 </div>
72 40
73 41 <form id="header-search" action="/search" method="GET">
... ... @@ -92,19 +60,6 @@
92 60 </form>
93 61 </div>
94 62 </div>
95   - <div class="row">
96   - <div class="col-12 text-center">
97   - <div class="accesibility-icons-container pt-2 pb-2">
98   - <i class="fab fa-accessible-icon" aria-label="Ícono de accesibilidad para personas con dificultades motora"></i>
99   - <i class="fas fa-blind" aria-label="Ícono de accesibilidad para personas ciegas"></i>
100   - <i class="fas fa-low-vision" aria-label="Ícono de accesibilidad para personas parcialmente ciegas"></i>
101   - <i class="fas fa-closed-captioning" aria-label="Ícono de subtítulos"></i>
102   - <i class="fas fa-american-sign-language-interpreting" aria-label="Ícono de lenguaje a señas"></i>
103   - <i class="fas fa-tty" aria-label="Ícono de tty"></i>
104   - <i class="fas fa-deaf" aria-label="Ícono de accesibilidad para personas sordas"></i>
105   - </div>
106   - </div>
107   - </div>
108 63 </header>
109 64
110 65 <nav id="panel" aria-label="Menú Principal" class="navbar navbar-expand-lg navbar-dark bg-dark-blue">
... ... @@ -385,6 +340,48 @@
385 340 <img src="assets/images/article-1.jpg" alt="Un niño sentado en en su pupitre realizando sus tareas escolares">
386 341 <img src="assets/images/lab.jpg" alt="Un hombre, con una remera de la nasa, que se encuentra realizando un experimento dentro de un laboratorio">
387 342 </div>
  343 +
  344 + <div class="share-actions">
  345 + <ul class="nav">
  346 + <li class="nav-item">
  347 + <a href="https://www.facebook.com/MITICParaguay/" aria-label="Enlace al Facebook del MITIC">
  348 + <i class="fab fa-facebook-f"></i>
  349 + </a>
  350 + </li>
  351 + <li class="nav-item">
  352 + <a
  353 + href="https://www.instagram.com/miticpy"
  354 + aria-label="Enlace al Instagram del MITIC, abre en una nueva ventana"
  355 + target="_blank">
  356 + <i class="fab fa-instagram"></i>
  357 + </a>
  358 + </li>
  359 + <li class="nav-item">
  360 + <a
  361 + href="https://twitter.com/Miticpy"
  362 + aria-label="Enlace al Twitter del MITIC, abre en una nueva ventana"
  363 + target="_blank">
  364 + <i class="fab fa-twitter"></i>
  365 + </a>
  366 + </li>
  367 + <li class="nav-item">
  368 + <a
  369 + href="https://www.youtube.com/user/SENATICspy"
  370 + aria-label="Enlace al Youtube del MITIC, abre en una nueva ventana"
  371 + target="_blank">
  372 + <i class="fab fa-youtube"></i>
  373 + </a>
  374 + </li>
  375 + <li class="nav-item">
  376 + <a
  377 + href="https://www.flickr.com/people/124133727@N02/"
  378 + aria-label="Enlace al Flickr del MITIC, abre en una nueva ventana"
  379 + target="_blank">
  380 + <i class="fab fa-flickr"></i>
  381 + </a>
  382 + </li>
  383 + </ul>
  384 + </div>
388 385 </article>
389 386 </section>
390 387 </div>
... ...
1   -.grayscale{filter:grayscale(1)}.highcontrast,.highcontrast main,.highcontrast main .site-search,.highcontrast main .site-sections{background-color:#000}.highcontrast main .bg-ligth-grey{background-color:#000!important}.highcontrast main .bg-mutted-white{background-color:purple!important}.highcontrast nav{background-color:purple}.highcontrast nav li.nav-item.menu-destacado{background-color:#001c54!important}.highcontrast nav li.nav-item div.dropdown-menu{background-color:purple}.highcontrast nav li.nav-item div.dropdown-menu a.dropdown-item:hover{background-color:#001c54!important;color:#fff!important}.highcontrast nav li.nav-item div.dropdown-menu a.dropdown-item.active{border-left:5px solid #fff;background-color:unset}.highcontrast nav li.nav-item div.dropdown-menu a.dropdown-item:focus{background-color:#001c54;color:#fff!important}.highcontrast nav li.nav-item:hover{background-color:#001c54}.highcontrast nav.inner-nav ul li a.nav-link,.highcontrast nav.inner-nav ul li button.nav-link{color:#fff!important}.highcontrast nav.inner-nav ul li.nav-item.active,.highcontrast nav.inner-nav ul li.nav-item:hover{background-color:#000}.highcontrast a,.highcontrast button,.highcontrast dd,.highcontrast div,.highcontrast dt,.highcontrast h1,.highcontrast h2,.highcontrast h3,.highcontrast h4,.highcontrast h5,.highcontrast h6,.highcontrast li,.highcontrast nav.inner-nav ul li.nav-item.active a.nav-link,.highcontrast nav.inner-nav ul li.nav-item:hover a.nav-link,.highcontrast p{color:#fff!important}.highcontrast footer #contact,.highcontrast footer #powered-by{background-color:#000}.highcontrast .btn-default{background-color:purple;border-color:#fff}.highcontrast .btn-default:hover{background-color:#fff;color:purple!important;border-color:purple}.highcontrast .btn-dark-blue,.highcontrast .btn-primary{background-color:purple}.highcontrast .btn-dark-blue:hover,.highcontrast .btn-primary:hover{background-color:#fff;color:#000!important}.highcontrast img{filter:grayscale(.8) contrast(2)}.highcontrast .sections ul li a.active,.highcontrast .sections ul li a:hover,.highcontrast .tags-list .tag-item{color:#fff;background-color:purple}.highcontrast .tags-list .tag-item:hover{background-color:#464749;color:#fff;text-decoration:none}.highcontrast ul.pagination li.page-item a.page-link{background-color:#000;color:#fff}.highcontrast ul.pagination li.page-item.active a{background:purple!important;color:#fff}.highcontrast ul.tree-nav li a.nav-link,.highcontrast ul.tree-nav li button.nav-link{color:#fff!important}.highcontrast ul.tree-nav li.nav-item{margin:0 10px}.highcontrast ul.tree-nav li.nav-item.active,.highcontrast ul.tree-nav li.nav-item:hover{background-color:purple}.highcontrast ul.tree-nav li.nav-item.active a.nav-link,.highcontrast ul.tree-nav li.nav-item:hover a.nav-link{color:#fff!important}.black-on-yellow,.black-on-yellow main,.black-on-yellow main .site-search,.black-on-yellow main .site-sections{background-color:#000}.black-on-yellow main .bg-ligth-grey{background-color:#000!important}.black-on-yellow main .bg-mutted-white{background-color:#baba00!important}.black-on-yellow nav{background-color:#baba00}.black-on-yellow nav li.nav-item a.nav-link{color:#000!important}.black-on-yellow nav li.nav-item.menu-destacado{background-color:#000!important;border-color:#fcfc00!important}.black-on-yellow nav li.nav-item.menu-destacado a{color:#fcfc00!important}.black-on-yellow nav li.nav-item div.dropdown-menu{background-color:#baba00}.black-on-yellow nav li.nav-item div.dropdown-menu a.dropdown-item{color:#000!important}.black-on-yellow nav li.nav-item div.dropdown-menu a.dropdown-item:hover{background-color:#000!important}.black-on-yellow nav li.nav-item div.dropdown-menu a.dropdown-item.active{border-color:#000;background-color:unset}.black-on-yellow nav li.nav-item:hover,.black-on-yellow nav li.nav-item div.dropdown-menu a.dropdown-item:focus{background-color:#000}.black-on-yellow nav li.nav-item.active{border-color:#000}.black-on-yellow nav.inner-nav ul li a.nav-link,.black-on-yellow nav.inner-nav ul li button.nav-link{color:#000!important}.black-on-yellow nav.inner-nav ul li.nav-item.active,.black-on-yellow nav.inner-nav ul li.nav-item:hover{background-color:#000}.black-on-yellow a,.black-on-yellow button,.black-on-yellow dd,.black-on-yellow div,.black-on-yellow dt,.black-on-yellow h1,.black-on-yellow h2,.black-on-yellow h3,.black-on-yellow h4,.black-on-yellow h5,.black-on-yellow h6,.black-on-yellow li,.black-on-yellow nav.inner-nav ul li.nav-item.active a.nav-link,.black-on-yellow nav.inner-nav ul li.nav-item:hover a.nav-link,.black-on-yellow p{color:#fcfc00!important}.black-on-yellow footer #contact,.black-on-yellow footer #powered-by{background-color:#000}.black-on-yellow .btn-default{background-color:#fcfc00;border-color:#baba00;color:#000!important}.black-on-yellow .btn-default:hover{background-color:#baba00;border-color:#fcfc00;color:#000!important}.black-on-yellow .btn-dark-blue,.black-on-yellow .btn-primary{background-color:#fcfc00;color:#000!important}.black-on-yellow .btn-dark-blue:hover,.black-on-yellow .btn-primary:hover{background-color:#7c7c00;color:#000!important}.black-on-yellow img{filter:grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(2)}.black-on-yellow .bg-yellow{background-color:#fff}.black-on-yellow .bg-orange{background-color:#baba00}.black-on-yellow .sections ul li a.active,.black-on-yellow .sections ul li a:hover,.black-on-yellow .tags-list .tag-item{color:#000!important;background-color:#baba00}.black-on-yellow .tags-list .tag-item:hover{background-color:#fcfc00;color:#000!important;text-decoration:none}.black-on-yellow ul.pagination li.page-item a.page-link{background-color:#000}.black-on-yellow ul.pagination li.page-item.active a{background:#baba00!important;color:#000!important}.black-on-yellow ul.tree-nav li a.nav-link,.black-on-yellow ul.tree-nav li button.nav-link{color:#fcfc00!important}.black-on-yellow ul.tree-nav li.nav-item{margin:0 10px}.black-on-yellow ul.tree-nav li.nav-item.active,.black-on-yellow ul.tree-nav li.nav-item:hover{background-color:#fcfc00}.black-on-yellow ul.tree-nav li.nav-item.active a.nav-link,.black-on-yellow ul.tree-nav li.nav-item:hover a.nav-link{color:#000!important}/*!
  1 +.grayscale{background-color:#fff}.grayscale img{filter:grayscale(1)}.grayscale header .accesibility-icons-container{color:#000}.grayscale main{background-color:#fff}.grayscale main .site-search a,.grayscale main .site-sections a{color:#000}.grayscale aside,.grayscale nav{background-color:#1a1a1a}.grayscale nav li.nav-item.menu-destacado{background-color:#3a3a3a!important;border-color:#9b9b9b!important}.grayscale nav li.nav-item div.dropdown-menu{background-color:#1a1a1a!important}.grayscale nav li.nav-item div.dropdown-menu a.dropdown-item:hover{background-color:#3a3a3a!important;color:#fff!important}.grayscale nav li.nav-item div.dropdown-menu a.dropdown-item.active{border-left:5px solid #fff;background-color:unset}.grayscale nav li.nav-item div.dropdown-menu a.dropdown-item:focus{background-color:#3a3a3a!important;color:#fff!important}.grayscale nav li.nav-item:hover{background-color:#3a3a3a!important}.grayscale nav.inner-nav{background-color:unset!important;filter:grayscale(1)}.grayscale nav#sidebar{filter:grayscale(1)}.grayscale nav.nav-pagination{background-color:unset!important;filter:grayscale(1)!important}.grayscale .archive-container,.grayscale .breadcrumb,.grayscale .btn,.grayscale .invalid-feedback,.grayscale .pagination,.grayscale .social-links,.grayscale a,.grayscale button,.grayscale dd,.grayscale dl,.grayscale dt,.grayscale h1,.grayscale h2,.grayscale h3,.grayscale h4,.grayscale h5,.grayscale h6,.grayscale input,.grayscale p,.grayscale select{filter:grayscale(1)!important}.grayscale footer #contact{background-color:#f2f2f2}.grayscale footer #contact a{color:#000!important}.grayscale footer #powered-by{color:#000;background-color:#d3d3d3}.grayscale .btn-dark-blue,.grayscale .btn-primary{background-color:#000}.grayscale .btn-dark-blue:hover,.grayscale .btn-primary:hover{background-color:#d3d3d3;color:#000!important}.grayscale .item-title a h2{color:#000!important}.grayscale .tags-list,.grayscale embed,.grayscale iframe{filter:grayscale(1)}@media(max-width:375px){.grayscale .item.item-normal .item-picture img{margin-left:-50%;transform:unset}}.highcontrast,.highcontrast main,.highcontrast main .site-search,.highcontrast main .site-sections{background-color:#000}.highcontrast main .bg-ligth-grey{background-color:#000!important}.highcontrast main .bg-mutted-white{background-color:purple!important}.highcontrast nav{background-color:purple}.highcontrast nav li.nav-item.menu-destacado{background-color:#001c54!important}.highcontrast nav li.nav-item div.dropdown-menu{background-color:purple}.highcontrast nav li.nav-item div.dropdown-menu a.dropdown-item:hover{background-color:#001c54!important;color:#fff!important}.highcontrast nav li.nav-item div.dropdown-menu a.dropdown-item.active{border-left:5px solid #fff;background-color:unset}.highcontrast nav li.nav-item div.dropdown-menu a.dropdown-item:focus{background-color:#001c54;color:#fff!important}.highcontrast nav li.nav-item:hover{background-color:#001c54}.highcontrast nav.inner-nav ul li a.nav-link,.highcontrast nav.inner-nav ul li button.nav-link{color:#fff!important}.highcontrast nav.inner-nav ul li.nav-item.active,.highcontrast nav.inner-nav ul li.nav-item:hover{background-color:#000}.highcontrast nav.inner-nav ul li.nav-item.active a.nav-link,.highcontrast nav.inner-nav ul li.nav-item:hover a.nav-link{color:#fff!important}.highcontrast nav#sidebar{background:#c665c6}.highcontrast nav#sidebar #dismiss{background:#000}.highcontrast nav#sidebar .sidebar-header{background:purple}.highcontrast nav#sidebar ul.components{padding:20px 0}.highcontrast nav#sidebar ul li a:hover{color:#fff;background:#000}.highcontrast nav#sidebar a[aria-expanded=true],.highcontrast nav#sidebar ul li.active>a{color:#fff;border-left:5px solid #fff;background-color:#000}.highcontrast nav#sidebar ul ul a{background:purple}.highcontrast nav#sidebar a.article,.highcontrast nav#sidebar a.article:hover{background:#000!important;color:#fff!important}.highcontrast nav#sidebar .menu-destacado{background-color:#001c54;border:1px solid #3bb98c}.highcontrast nav#sidebar .menu-destacado:hover{border:2px solid #51d8a8}.highcontrast a,.highcontrast button,.highcontrast dd,.highcontrast div,.highcontrast dt,.highcontrast h1,.highcontrast h2,.highcontrast h3,.highcontrast h4,.highcontrast h5,.highcontrast h6,.highcontrast li,.highcontrast p{color:#fff!important}.highcontrast footer #contact,.highcontrast footer #powered-by{background-color:#000}.highcontrast .btn-default{background-color:purple;border-color:#fff}.highcontrast .btn-default:hover{background-color:#fff;color:purple!important;border-color:purple}.highcontrast .btn-dark-blue,.highcontrast .btn-primary{background-color:purple}.highcontrast .btn-dark-blue:hover,.highcontrast .btn-primary:hover{background-color:#fff;color:#000!important}.highcontrast img{filter:grayscale(.8) contrast(2)}.highcontrast .sections ul li a.active,.highcontrast .sections ul li a:hover,.highcontrast .tags-list .tag-item{color:#fff;background-color:purple}.highcontrast .tags-list .tag-item:hover{background-color:#464749;color:#fff;text-decoration:none}.highcontrast ul.pagination li.page-item a.page-link{background-color:#000;color:#fff}.highcontrast ul.pagination li.page-item.active a{background:purple!important;color:#fff}.highcontrast ul.tree-nav li a.nav-link,.highcontrast ul.tree-nav li button.nav-link{color:#fff!important}.highcontrast ul.tree-nav li.nav-item{margin:0 10px}.highcontrast ul.tree-nav li.nav-item.active,.highcontrast ul.tree-nav li.nav-item:hover{background-color: