Skip to content

Commit

Permalink
primer commit
Browse files Browse the repository at this point in the history
  • Loading branch information
DanCarCo committed Sep 15, 2024
0 parents commit 2e68f20
Show file tree
Hide file tree
Showing 14 changed files with 516 additions and 0 deletions.
Binary file added Avatar1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Avatar2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added abaco.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added alan_turing.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added binary-code.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
56 changes: 56 additions & 0 deletions biografia.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biografía</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="loading-screen">
<div id="loading-text">LOADING...</div>
</div>

<header>
<h1>MI BLOG PERSONAL</h1>
<nav>
<ul>
<li><a href="index.html" onclick="showLoadingScreen(event)">Inicio</a></li>
<li><a href="biografia.html" onclick="showLoadingScreen(event)">Biografía</a></li>
<li><a href="blog.html" onclick="showLoadingScreen(event)">Blog</a></li>
<li><a href="contacto.html" onclick="showLoadingScreen(event)">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<img class="Avatar" src="Avatar2.png" alt="Avatar creado con el sistema Memoji de Apple, simulando ser yo">
<h2>DanCarCo</h2>
<h2>Biografía</h2>
<h2>Daniel Carvajal Correa</h2>
<p>Me considero una persona curiosa y con ganas de aprender. Durante mi adolescencia, realicé cursos de aviación virtual, ensamblaje de computadores de escritorio y reparación de celulares. Al terminar la educación básica, estudié pilotaje comercial de avión y trabajé en una aerolínea durante poco más de un año. Posteriormente, me involucré en un proyecto de ganadería, donde desarrollé habilidades para negociar la compra y venta de bovinos. Además, realicé un curso de coordinador de trabajo seguro en alturas y comencé a trabajar en el sector de la construcción, donde aprendí a coordinar y dirigir obras, gestionar empleados, y manejar escombros y materiales.

Ingresé a una compañía de marketing multinivel, en la cual pude desarrollar muchas habilidades de ventas y manejo de objeciones. También aprendí sobre inteligencias múltiples, tipos de personalidad y cómo comunicarme mejor con los demás. Esta compañía me permitió enfocar mi curiosidad natural y mis ansias de aprender, ya que se centraba en el desarrollo personal y el liderazgo. Paralelamente, comencé a estudiar y practicar trading en Forex, y más tarde en acciones y futuros, lo que hago a medio tiempo.

Fui cofundador de una startup y desempeñé el cargo de director comercial, enfocado en ventas Business to Business. He adquirido experiencia en la venta y alquiler de propiedades, venta de vehículos, productos para el hogar y cuidado personal, productos nutricionales, así como en ventas en línea a través de redes sociales y plataformas digitales. Además, me asocié con una empresa de estampación personalizada en prendas de vestir, por lo que realicé cursos de Adobe Illustrator y Adobe Photoshop para aprender a diseñar.

Durante mi experiencia laboral en el área de la construcción, me sentí atraído por la arquitectura, lo que me llevó a realizar un curso de Autodesk CAD para aprender a crear planos arquitectónicos. De manera autodidacta, he aprendido a utilizar Autodesk 3DS Max para realizar diseños arquitectónicos completos. A raíz de mi experiencia con la startup, desarrollé un interés por aprender a crear software, lo que me llevó a inscribirme en una convocatoria de Oracle Next Education en asociación con Alura, donde completé todo el curso de Front End.

Actualmente, soy servidor público y me desempeño como asistente judicial grado 6 en un juzgado civil municipal de mi ciudad. Además, he comenzado a estudiar Ingeniería de Software y Datos en la Institución Universitaria Digital de Antioquia.</p>
</main>
<footer>
<p class="copyright">&copy; <span id="year"></span> Mi Blog Personal - DanCarCo</p>
<div class="social-links">
<a href="https://github.com/dancarco" target="_blank">
<img src="github-icon.png" alt="GitHub" class="social-icon">
</a>
<a href="https://www.linkedin.com/in/daniel-carvajal-correa/" target="_blank">
<img src="linkedin-icon.png" alt="LinkedIn" class="social-icon">
</a>
</div>
</footer>

<script src="scripts.js"></script>

</body>
</html>
77 changes: 77 additions & 0 deletions blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="loading-screen">
<div id="loading-text">LOADING...</div>
</div>

<header>
<h1>MI BLOG PERSONAL</h1>
<nav>
<ul>
<li><a href="index.html" onclick="showLoadingScreen(event)">Inicio</a></li>
<li><a href="biografia.html" onclick="showLoadingScreen(event)">Biografía</a></li>
<li><a href="blog.html" onclick="showLoadingScreen(event)">Blog</a></li>
<li><a href="contacto.html" onclick="showLoadingScreen(event)">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h2>Los Inicios de la Computación</h2>

<h2>El Origen de la Computación: Del Ábaco al Código Binario</h2>
<p>La historia de la computación es un fascinante viaje a través de la innovación humana y el desarrollo tecnológico. Comienza con herramientas sencillas como el ábaco y culmina en la complejidad del código binario que alimenta las modernas máquinas de cálculo. </p>
<h2>El Ábaco: La Primer Computadora</h2>
<img class="Media" src="abaco.jpg" alt="fotografía de un ábaco de madera">
<p>El ábaco, uno de los primeros instrumentos para realizar cálculos, data de hace miles de años. Se cree que se utilizó en la antigua Mesopotamia y China. Consiste en un marco con varillas que sostienen cuentas movibles, que se utilizan para sumar, restar, multiplicar y dividir. Aunque sencillo, el ábaco fue una herramienta crucial para el desarrollo del pensamiento matemático y el cálculo. </p>
<h2>La Máquina de Diferencias: Charles Babbage</h2>
<img class="Media" src="maquina.jpg" alt="Fotografía de la Máquina de Diferencias: Charles Babbage">
<p>Avanzando unos siglos, Charles Babbage, un matemático británico del siglo XIX, diseñó la máquina de diferencias. Esta máquina fue uno de los primeros intentos de construir una calculadora mecánica automática. Aunque no fue completada en su tiempo, la máquina de diferencias sentó las bases para las futuras computadoras mecánicas. </p>
<h2>La Computadora de Turing: Alan Turing</h2>
<img class="Media" src="alan_turing.jpg" alt="Fotografía de Alan Turing">
<p>Alan Turing, un matemático y lógico británico, propuso en 1936 la máquina de Turing, un modelo abstracto que define la computación en términos de manipulación de símbolos. Su concepto de una máquina universal y el desarrollo de la teoría de la computación influyeron enormemente en la creación de las primeras computadoras electrónicas. </p>
<h2>El Código Binario: La Base de la Computación Moderna</h2>
<img class="Media" src="binary-code.jpg" alt="Representación gráfica del código binario">
<p>El código binario, un sistema numérico que utiliza solo dos dígitos, 0 y 1, es fundamental para las computadoras modernas. Este sistema fue popularizado por el matemático y filósofo alemán Gottfried Wilhelm Leibniz en el siglo XVII. Su simplicidad y eficiencia en representar datos y realizar operaciones matemáticas lo convirtieron en la base de la computación digital moderna. Cada bit de información en una computadora se representa en código binario, permitiendo que los sistemas electrónicos realicen complejas tareas a partir de simples combinaciones de 0 y 1. </p>
<h2>Conclusión</h2>
<p>La evolución de la computación es una historia de constante innovación y mejora tecnológica, que refleja el ingenio y la perseverancia humana en la búsqueda de herramientas más eficaces para resolver problemas y realizar cálculos. Desde el ábaco, una herramienta sencilla pero poderosa para la época, hasta el sofisticado código binario que fundamenta las modernas computadoras, cada paso en este camino ha marcado un hito importante en la historia de la tecnología. </p>

<p> 1. El Ábaco como Base del Cálculo: Aunque el ábaco puede parecer rudimentario comparado con la tecnología actual, fue una herramienta esencial que permitió a las civilizaciones antiguas realizar cálculos de manera más eficiente. Su diseño y funcionamiento influyeron en el desarrollo posterior de herramientas matemáticas y computacionales.</p>

<p> 2. Máquina de Diferencias de Babbage: Aunque la máquina de diferencias de Charles Babbage no fue completada durante su vida, sus ideas fueron revolucionarias. Babbage anticipó muchos conceptos fundamentales de la computación moderna, como la idea de una máquina programable. Sus diseños sentaron las bases para el desarrollo de computadoras mecánicas y electrónicas. </p>

<p> 3. Máquina de Turing y la Teoría de la Computación: Alan Turing revolucionó el campo con su propuesta de la máquina de Turing, que definió el concepto de algoritmo y computación. Su trabajo teórico proporcionó el marco para la construcción de las primeras computadoras electrónicas y estableció los principios de la computación que aún se aplican hoy en día. </p>

<p> 4. Código Binario y la Computación Digital: La introducción del código binario por Gottfried Wilhelm Leibniz fue un avance crucial. Este sistema simple y eficiente permitió el desarrollo de circuitos digitales y computadoras electrónicas. El código binario se convirtió en el lenguaje de las máquinas, facilitando el almacenamiento, procesamiento y transmisión de datos de manera que sería impensable con sistemas numéricos más complejos. </p>

<p> 5. Impacto en la Tecnología Moderna: Los avances desde el ábaco hasta el código binario han culminado en la tecnología de computación que utilizamos hoy en día. Las computadoras modernas, que dependen del código binario para realizar cálculos y ejecutar programas, son el resultado de siglos de desarrollo y refinamiento. La capacidad para realizar millones de operaciones por segundo, procesar grandes volúmenes de datos y ejecutar aplicaciones complejas es el legado de esta evolución histórica.</p>

<p>En resumen, la computación ha recorrido un largo camino desde sus humildes comienzos. Cada desarrollo, desde el ábaco hasta el código binario, ha sido un peldaño hacia una mayor capacidad y eficiencia en el procesamiento de información. La historia de la computación no solo es un testimonio del progreso tecnológico, sino también un reflejo del ingenio humano y la capacidad para transformar conceptos abstractos en herramientas prácticas y poderosas.</p>



</main>
<footer>
<p class="copyright">&copy; <span id="year"></span> Mi Blog Personal - DanCarCo</p>
<p>Texto obtenido de OpenAI. (2024). ChatGPT (v4.0) [Modelo de lenguaje a gran escala]. https://chat.openai.com/</p>
<div class="social-links">
<a href="https://github.com/dancarco" target="_blank">
<img src="github-icon.png" alt="GitHub" class="social-icon">
</a>
<a href="https://www.linkedin.com/in/daniel-carvajal-correa/" target="_blank">
<img src="linkedin-icon.png" alt="LinkedIn" class="social-icon">
</a>
</div>
</footer>

<script src="scripts.js"></script>

</body>
</html>
59 changes: 59 additions & 0 deletions contacto.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contacto</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="loading-screen">
<div id="loading-text">LOADING...</div>
</div>

<header>
<h1>MI BLOG PERSONAL</h1>
<nav>
<ul>
<li><a href="index.html" onclick="showLoadingScreen(event)">Inicio</a></li>
<li><a href="biografia.html" onclick="showLoadingScreen(event)">Biografía</a></li>
<li><a href="blog.html" onclick="showLoadingScreen(event)">Blog</a></li>
<li><a href="contacto.html" onclick="showLoadingScreen(event)">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h2>Contacto</h2>
<form id="contact-form">
<label for="name">Nombre:</label>
<input type="text" id="name" name="name" required>

<label for="email">Correo Electrónico:</label>
<input type="email" id="email" name="email" required>

<label for="message">Mensaje (máx 500 caracteres):</label>
<textarea id="message" name="message" maxlength="500" required></textarea>
<div id="charCount">0/500 caracteres</div>

<button type="submit">Enviar</button>
<p id="error-message" style="color: red; display: none;">Por favor, introduce un correo electrónico válido.</p>
</form>
</main>

<footer>
<p class="copyright">&copy; <span id="year"></span> Mi Blog Personal - DanCarCo</p>
<div class="social-links">
<a href="https://github.com/dancarco" target="_blank">
<img src="github-icon.png" alt="GitHub" class="social-icon">
</a>
<a href="https://www.linkedin.com/in/daniel-carvajal-correa/" target="_blank">
<img src="linkedin-icon.png" alt="LinkedIn" class="social-icon">
</a>
</div>
</footer>

<script src="scripts.js"></script>

</body>
</html>
Binary file added github-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Blog Personal</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="loading-screen">
<div id="loading-text">LOADING...</div>
</div>

<header>
<h1>MI BLOG PERSONAL</h1>
<nav>
<ul>
<li><a href="index.html" onclick="showLoadingScreen(event)">Inicio</a></li>
<li><a href="biografia.html" onclick="showLoadingScreen(event)">Biografía</a></li>
<li><a href="blog.html" onclick="showLoadingScreen(event)">Blog</a></li>
<li><a href="contacto.html" onclick="showLoadingScreen(event)">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h2>Bienvenido a Mi Blog Personal</h2>
<h2>Aquí encontrarás información sobre mí y mis intereses.</h2>
<img class="Avatar" src="Avatar1.png" alt="Avatar creado con el sistema Memoji de Apple, simulando ser yo">
<h2>DanCarCo</h2>
</main>
<footer>
<p class="copyright">&copy; <span id="year"></span> Mi Blog Personal - DanCarCo</p>
<div class="social-links">
<a href="https://github.com/dancarco" target="_blank">
<img src="github-icon.png" alt="GitHub" class="social-icon">
</a>
<a href="https://www.linkedin.com/in/daniel-carvajal-correa/" target="_blank">
<img src="linkedin-icon.png" alt="LinkedIn" class="social-icon">
</a>
</div>
</footer>

<script src="scripts.js"></script>

</body>

</body>
</html>
Binary file added linkedin-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added maquina.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 64 additions & 0 deletions scripts.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
// JavaScript para actualizar el año en el copyright
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('year').textContent = new Date().getFullYear();
});

// Mostrar pantalla de carga y redirigir después de 2 segundos
function showLoadingScreen(event) {
event.preventDefault(); // Previene la navegación inmediata
document.getElementById('loading-screen').style.display = 'block';

setTimeout(function() {
window.location.href = event.target.href;
}, 2000);
}

// Agregar el evento showLoadingScreen a todos los enlaces del menú de navegación
document.querySelectorAll('nav ul li a').forEach(function(link) {
link.addEventListener('click', showLoadingScreen);
});

// Actualizar el contador de caracteres en la página de contacto
const messageField = document.getElementById('message');
const charCount = document.getElementById('charCount');
if (messageField && charCount) {
messageField.addEventListener('input', function() {
const currentLength = messageField.value.length;
charCount.textContent = `${currentLength}/500 caracteres`;
});
}

// Validación del email en el formulario de contacto
function validateEmail(email) {
const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return re.test(String(email).toLowerCase());
}

// Enviar el formulario de contacto con EmailJS
function sendEmail(event) {
event.preventDefault(); // Evita que el formulario se envíe de manera tradicional

const email = document.getElementById('email').value;
if (!validateEmail(email)) {
alert('Por favor, introduce un correo electrónico válido.');
return;
}

emailjs.sendForm('service_4lisjg5', 'template_pdt1o0q', event.target)
.then(function(response) {
alert("Correo enviado exitosamente!");
}, function(error) {
alert("Hubo un error al enviar el correo: " + error);
});
}

// Inicializa EmailJS
(function() {
emailjs.init("C0kE4FBQADKTix4py");
})();

// Agregar el evento de envío al formulario de contacto si existe
const contactForm = document.getElementById('contact-form');
if (contactForm) {
contactForm.addEventListener('submit', sendEmail);
}
Loading

0 comments on commit 2e68f20

Please sign in to comment.