|
|
| Línea 1: |
Línea 1: |
| <!-- ENCICLOPEDIA DE CÓRDOBA - PORTADA MODERNA -->
| |
|
| |
|
| <!-- Banner Principal con Logo y Efecto Parallax -->
| |
| <div style="position: relative; overflow: hidden; height: 400px;">
| |
| <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
| |
| [[Imagen:Cordoba-desde-la-compania-3.jpg|center|alt=Vista panorámica de Córdoba|style=width:100%; height:400px; object-fit:cover;]]
| |
| </div>
| |
| <!-- Capa oscura semitransparente -->
| |
| <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);"></div>
| |
| <!-- Contenido del Banner -->
| |
| <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%;">
| |
| <h1 style="font-size: 3.5rem; font-weight: 700; color: white; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); margin-bottom: 1rem; font-family: 'Playfair Display', serif;">Enciclopedia de Córdoba</h1>
| |
| <p style="color: white; font-size: 1.2rem; text-shadow: 1px 1px 4px rgba(0,0,0,0.7); max-width: 800px; margin: 0 auto; font-family: 'Roboto', sans-serif;">
| |
| El conocimiento libre sobre la historia, cultura y patrimonio cordobés
| |
| </p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Contenedor Principal -->
| | <div style="text-align:center; margin-top:20px;"> |
| <div style="max-width: 1200px; margin: 0 auto; padding: 20px;"> | | [[File:CordobapediaLogo.png|749x749px|center|CordobapediaLogo.png]]<br /> |
|
| |
|
| <!-- Información y Buscador -->
| | Hoy es {{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}} |
| <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-top: -50px; position: relative; z-index: 10; padding: 25px; display: flex; flex-direction: column; align-items: center;">
| |
|
| |
| <!-- Estadísticas -->
| |
| <div style="text-align: center; margin-bottom: 20px;">
| |
| <p style="font-size: 1rem; color: #555; margin: 10px 0;">
| |
| Hoy es <strong>{{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}}</strong>
| |
| </p>
| |
| <p style="font-size: 1rem; color: #555; margin: 10px 0;">
| |
| Desde el 24 de octubre de 2005 hemos generado <strong>{{NUMBEROFPAGES}}</strong> páginas y <strong>{{NUMBEROFFILES}}</strong> imágenes
| |
| </p>
| |
| </div>
| |
|
| |
| <!-- Barra de Búsqueda Moderna -->
| |
| <div style="width: 100%; max-width: 600px; margin: 15px auto;">
| |
| <inputbox>
| |
| type=search
| |
| buttonlabel=Buscar
| |
| searchbuttonlabel=Ir
| |
| placeholder=Busca sobre Córdoba...
| |
| break=no
| |
| </inputbox>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Navegación rápida por categorías -->
| |
| <div style="margin-top: 40px;">
| |
| <h2 style="font-size: 1.8rem; color: #1a365d; text-align: center; margin-bottom: 25px; position: relative; padding-bottom: 10px;">
| |
| Explorar por Categorías
| |
| <span style="display: block; width: 60px; height: 3px; background-color: #d4af37; margin: 10px auto 0;"></span>
| |
| </h2>
| |
|
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 25px;">
| |
| <!-- Categoría 1 -->
| |
| <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
| |
| <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
| |
| <span style="font-size: 1.2rem;">Historia</span>
| |
| </div>
| |
| <div style="padding: 15px; flex-grow: 1;">
| |
| <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Descubre el rico pasado de Córdoba, desde la época romana hasta la actualidad.</p>
| |
| [[Categoría:Historia|<span style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Categoría 2 -->
| |
| <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
| |
| <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
| |
| <span style="font-size: 1.2rem;">Arte</span>
| |
| </div>
| |
| <div style="padding: 15px; flex-grow: 1;">
| |
| <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Arte cordobés en todas sus expresiones: pintura, escultura, arquitectura y más.</p>
| |
| [[Categoría:Arte|<span style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Categoría 3 -->
| |
| <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
| |
| <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
| |
| <span style="font-size: 1.2rem;">Naturaleza</span>
| |
| </div>
| |
| <div style="padding: 15px; flex-grow: 1;">
| |
| <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Espacios naturales, flora y fauna de la provincia cordobesa.</p>
| |
| [[Categoría:Naturaleza|<span style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Categoría 4 -->
| |
| <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
| |
| <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
| |
| <span style="font-size: 1.2rem;">Turismo</span>
| |
| </div>
| |
| <div style="padding: 15px; flex-grow: 1;">
| |
| <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Guía de lugares emblemáticos, monumentos y rincones para visitar.</p>
| |
| [[Categoría:Turismo|<span style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</span>]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Ver todas las categorías -->
| | Desde el 24 de octubre de 2005 hemos generado '''{{NUMBEROFPAGES}}''' páginas y '''{{NUMBEROFFILES}}''' imágenes</div>. |
| <div style="text-align: center; margin-top: 30px;">
| |
| [[Categoría:Portada|<span style="display: inline-block; background-color: #1a365d; color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 500;">Ver todas las categorías</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Secciones Destacadas y Efemérides -->
| |
| <div style="display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;">
| |
|
| |
| <!-- Efemérides -->
| |
| <div style="flex: 1 1 45%; min-width: 300px;">
| |
| <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 25px; height: 100%;">
| |
| <h3 style="color: #1a365d; font-size: 1.4rem; margin-bottom: 15px; display: flex; align-items: center;">
| |
| <span style="margin-right: 10px;">📅</span> Tal día como hoy...
| |
| <span style="display: block; flex-grow: 1; height: 1px; background-color: #e0e0e0; margin-left: 15px;"></span>
| |
| </h3>
| |
| <div style="line-height: 1.5;">
| |
| {{Portada:Día|0}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Enlaces Rápidos -->
| |
| <div style="flex: 1 1 45%; min-width: 300px;">
| |
| <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 25px; height: 100%;">
| |
| <h3 style="color: #1a365d; font-size: 1.4rem; margin-bottom: 15px; display: flex; align-items: center;">
| |
| <span style="margin-right: 10px;">🔗</span> Accesos rápidos
| |
| <span style="display: block; flex-grow: 1; height: 1px; background-color: #e0e0e0; margin-left: 15px;"></span>
| |
| </h3>
| |
| <ul style="list-style-type: none; padding: 0; margin: 0;">
| |
| <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
| |
| <span style="position: absolute; left: 0; color: #1a365d;">•</span>
| |
| [[:Categoría:Portada|<span style="color: #1a365d; text-decoration: none; font-weight: 500;">Todas las categorías</span>]]
| |
| </li>
| |
| <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
| |
| <span style="position: absolute; left: 0; color: #1a365d;">•</span>
| |
| [[Especial:PáginasPopulares|<span style="color: #1a365d; text-decoration: none; font-weight: 500;">Páginas más visitadas</span>]]
| |
| </li>
| |
| <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
| |
| <span style="position: absolute; left: 0; color: #1a365d;">•</span>
| |
| [[Especial:PáginasNuevas|<span style="color: #1a365d; text-decoration: none; font-weight: 500;">Últimas incorporaciones</span>]]
| |
| </li>
| |
| <li style="padding-left: 20px; position: relative;">
| |
| <span style="position: absolute; left: 0; color: #1a365d;">•</span>
| |
| [[Especial:Aleatoria|<span style="color: #1a365d; text-decoration: none; font-weight: 500;">Descubre una página al azar</span>]]
| |
| </li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Todas las Categorías -->
| |
| <div style="margin-top: 50px;">
| |
| <h2 style="font-size: 1.8rem; color: #1a365d; text-align: center; margin-bottom: 25px; position: relative; padding-bottom: 10px;">
| |
| Todas las Categorías
| |
| <span style="display: block; width: 60px; height: 3px; background-color: #d4af37; margin: 10px auto 0;"></span>
| |
| </h2>
| |
|
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;">
| |
| <!-- Categorías en formato grid -->
| |
| [[Categoría:Administración pública|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Administración pública</span>]]
| |
| [[Categoría:Agricultura|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Agricultura</span>]]
| |
| [[Categoría:Arte|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Arte</span>]]
| |
| [[Categoría:Biografías|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Biografías</span>]]
| |
| [[Categoría:Ciencia|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ciencia</span>]]
| |
| [[Categoría:Cultura|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Cultura</span>]]
| |
| [[Categoría:Deporte|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Deporte</span>]]
| |
| [[Categoría:Derecho|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Derecho</span>]]
| |
| [[Categoría:Economía|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Economía</span>]]
| |
| [[Categoría:Educación|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Educación</span>]]
| |
| [[Categoría:Ejército|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ejército</span>]]
| |
| [[Categoría:Ganadería|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ganadería</span>]]
| |
| [[Categoría:Geografía|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Geografía</span>]]
| |
| [[Categoría:Historia|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Historia</span>]]
| |
| [[Categoría:Naturaleza|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Naturaleza</span>]]
| |
| [[Categoría:Política|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Política</span>]]
| |
| [[Categoría:Provincia|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Provincia</span>]]
| |
| [[Categoría:Religión|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Religión</span>]]
| |
| [[Categoría:Sociedad|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Sociedad</span>]]
| |
| [[Categoría:Turismo|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Turismo</span>]]
| |
| [[Categoría:Webs|<span style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Webs</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Footer -->
| |
| <div style="margin-top: 50px; padding-top: 30px; border-top: 1px solid #e0e0e0; text-align: center;">
| |
| <p style="color: #666; font-size: 0.9rem;">
| |
| Cordobapedia - Enciclopedia libre sobre Córdoba
| |
| </p>
| |
| </div>
| |
|
| |
|
| </div> | | <inputbox> |
| | type=search |
| | buttonlabel=Buscar en Wiki |
| | searchbuttonlabel=Ir |
| | placeholder=Busca sobre Córdoba |
| | </inputbox> |
|
| |
|
| <style>
| | __notoc__ |
| /* Efectos hover para categorías */
| | __noeditsection__ |
| a[href^="[[Categoría"] {
| | |
| transition: background-color 0.3s, transform 0.3s;
| | {|style="background:none;" |
| }
| | |style="padding:10px 20px 0px 0px"|<h2>Tal día como hoy...</h2> |
| a[href^="[[Categoría"]:hover {
| | {{Portada:Día|0}} |
| background-color: #1a365d;
| | |valign=top|<br><br> |
| color: white;
| | {{plantilla:{{CURRENTMONTHNAME}}}} |
| transform: translateY(-3px);
| | |} |
| }
| |
|
| |
| /* Responsividad para dispositivos móviles */
| |
| @media (max-width: 768px) {
| |
| h1 {
| |
| font-size: 2.5rem !important;
| |
| }
| |
|
| |
| .grid-container {
| |
| grid-template-columns: 1fr !important;
| |
| }
| |
| }
| |
| </style>
| |
