Entrada inicios del Hardware

[naberz95]

Reformar entrada del inicios del Hardware, añadir mejor un contenido, agregar una imagen o un video de corta duración, añadir una lista ordenada,desordenada o una lista de definición, queda a criterio de cada persona. por último indicar el día y la persona que realizo la modificacion en la parte baja de la entrada del blog.

[naberz95]

Para esta tarea se pueden utilizar la etiqueta

`

Los inicios del hardware

        <p>La historia del hardware es un fascinante viaje que se remonta a tiempos antiguos. Los primeros dispositivos para realizar cálculos fueron herramientas mecánicas como el ábaco. Con el paso del tiempo, y gracias a mentes brillantes como Charles Babbage, surgieron las primeras máquinas calculadoras programables.</p>

        <!-- Añadir una imagen o video -->
        <div class="media-container">
            <img src="/src/img/MaquinaAnalitica.jpg" alt="Máquina Analítica de Babbage" class="imagenBlog"> <!-- Cambia la ruta a la imagen deseada -->
            <!-- O si prefieres un video, usa este formato:
            <iframe src="URL_DEL_VIDEO" width="560" height="315" frameborder="0" allowfullscreen></iframe>
            -->
        </div>

        <!-- Lista ordenada -->
        <h3>Hitos en la historia del hardware</h3>
        <ol>
            <li>Ábaco - Primer dispositivo de cálculo.</li>
            <li>Calculadora de Pascal - Introducción de la aritmética mecánica.</li>
            <li>Máquina analítica de Babbage - Precursor de las computadoras modernas.</li>
        </ol>

        <!-- Lista desordenada -->
        <h3>Características del hardware temprano</h3>
        <ul>
            <li>Componentes mecánicos</li>
            <li>Limitaciones en velocidad de procesamiento</li>
            <li>Uso específico para cálculos matemáticos</li>
        </ul>

        <!-- Información de modificación -->
        <footer class="modification-info">
            <p>Última modificación realizada por: <strong>Encargado de la Issue</strong> el <strong>Fecha</strong>.</p>
        </footer>
    </article>`

En cuanto al Css se debe de validar si algun compañero ya ha subido la tarea de el y verificar o modificar el Css teniendo en cuenta las clases o los id respectivos

.blog-entry { margin: 20px 0; / Espaciado entre entradas / padding: 20px; / Espaciado interno para el contenido / background-color: #f8f9fa; / Color de fondo claro / border: 1px solid #dee2e6; / Borde gris claro / border-radius: 5px; / Bordes redondeados / box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); / Sombra suave para un efecto elevado / }

.media-container { margin: 20px 0; / Espacio alrededor de la imagen o video / }

.modification-info { font-size: 0.9rem; / Tamaño del texto más pequeño / color: rgb(0, 0, 0); / Color del texto de modificación / margin-top: 20px; / Espacio superior / } Imagen usada en el ejemplo Entrada vista