Skip to content

Commit

Permalink
Translations
Browse files Browse the repository at this point in the history
  • Loading branch information
Kato committed Mar 31, 2024
1 parent 3a7195b commit ed0c221
Show file tree
Hide file tree
Showing 4 changed files with 136 additions and 124 deletions.
111 changes: 57 additions & 54 deletions Spanish.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,8 @@ <h2><i class="fa-solid fa-magnifying-glass"></i> Damián Ferreyra</h2>
<div class="row">
<div class="column">
<h4>Nacionalidad y residencia</h4>
<p><span class="fi fi-ar"></span> Argentina</p>
<p><i class="fi fi-ar"></i> Argentina - (2002-Hoy)</p>
<p><i class="fi fi-us"></i> Estados Unidos - (Próximo estimado)</p>
</div>
<div class="column">
<img class="column_img" src="images/arg_flag.jpg" alt="argentina flag" width="300px">
Expand All @@ -50,7 +51,7 @@ <h4>Nacionalidad y residencia</h4>
<div class="row">
<div class="column">
<h4>¿Por qué programo?</h4>
<p>En la secundaria, con un curso de G-Code descubrí la informática a fondo. Ya había escuchado de Java por Minecraft en muchos foros. Me gustó tanto el curso de CNC que tomé un curso de FrontEnd para complementarlo. Años más tarde, en la universidad me vi frustrado a causa de ver un lenguaje descontinuado hoy en día como es Pascal por lo que mi vida fue al rumbo de estudiar otras ciencias. Luego de explorar muchos campos, en 2024 me decidí a dedicarme Full-Time a programar y terminar mi carrera de grado.</p>
<p>Cuando estaba en la secundaria, descubrí la informática con un curso de G-Code. También había oído de que Minecraft había sido programado en Java mientras lo jugaba, así que en mi tiempo libre revisaba los archivos .jar del juego. Luego de eso, en 2020, tomé un curso introductorio al FrontEnd e hice <a href="/myFirstWeb/index.html">mi primera página web</a>. Años después, la universidad no fue para mi al tomar TurboPascal como primer lenguaje de programación pero dos años después decidí mejor conseguir mi diploma lo antes posible mientras dedicaba mi tiempo a programar.</p>
</div>
<div class="column">
<img class="column_img" src="/images/g-code.jpg" alt="G-code img" width="300px">
Expand All @@ -61,60 +62,62 @@ <h5 class="column_text">¡Me utilizan en máquinas CNC desde 1958! <a href="http
</div>
</div>
</section>
<!--Proyectos-->
<section class="section" id="proyectos">
<div class="section-title">
<h2><i class="fa-solid fa-code-branch"></i> Proyectos</h2>
</div>
<div class="container">
<div class="row">
<div class="column-33">
<h4>Nuntius</h4>
<h6>¿Qué es?</h6>
<p>Nuntius es un bot de discord que recopila las últimas novedades de manera personalizada hacia tus canales de texto.</p>
<h6>¿Por qué existe?</h6>
<p>Nació ante la necesidad de tener una manera productiva y cómoda de acceder a la información en el menor tiempo posible.</p>
<h6>¿Puedo participar?</h6>
<p>Si, actualmente el proyecto es de código abierto.<a href="https://github.com/KatoDF/NuntiusBOT"><i class="fa-solid fa-diamond-turn-right"></i></a></p>
</div>
<div class="column-33">
<h4>¡Hey! Soy el título del proyecto</h4>
<p>Aquí irá la descripción de un proyecto</p>
</div>
<div class="column-33">
<h4>¡Hey! Soy el título del proyecto</h4>
<p>Aquí irá la descripción de un proyecto</p>
</div>
</div>
<!--Tecnologías que uso-->
</section>
<section class="section" id="tecnologias">
<div class="section-title">
<h2><i class="fa-solid fa-code"></i> Tecnologías</h2>
<section class="section" id="tecnologias">
<div class="section-title">
<h2><i class="fa-solid fa-code"></i> Tecnologías</h2>
</div>
<div class="container">
<div class="row">
<div class="column-33">
<h4>FrontEnd</h4>
<ul>
<li><i class="fa-brands fa-js"></i> JavaScript</li>
</ul>
</div>
<div class="column-33">
<h4>BackEnd</h4>
<ul>
<li><i class="fa-brands fa-python"></i> Python</li>
<li><i class="fa-brands fa-java"></i> Java</li>
</ul>
</div>
<div class="column-33">
<h4>FrameWorks</h4>
<ul>
<li></li>
</ul>
</div>
</div>
<div class="container">
<div class="row">
<div class="column-33">
<h4>FrontEnd</h4>
<ul>
<li><i class="fa-brands fa-js"></i> JavaScript</li>
</ul>
</div>
<div class="column-33">
<h4>BackEnd</h4>
<ul>
<li><i class="fa-brands fa-python"></i> Python</li>
<li><i class="fa-brands fa-java"></i> Java</li>
</ul>
</div>
<div class="column-33">
<h4>FrameWorks</h4>
<ul>
<li></li>
</ul>
</div>
</div>
</section>
<!--Proyectos-->
<section class="section" id="proyectos">
<div class="section-title">
<h2><i class="fa-solid fa-code-branch"></i> Proyectos</h2>
</div>
<div class="container">
<div class="row">
<div class="column-33">
<h4>Nuntius</h4>
<h6>¿Qué es?</h6>
<p>Nuntius es un bot de discord que recopila las últimas novedades de manera personalizada hacia tus canales de texto.</p>
<h6>¿Por qué existe?</h6>
<p>Nació ante la necesidad de tener una manera productiva y cómoda de acceder a la información en el menor tiempo posible.</p>
<h6>¿Puedo participar?</h6>
<p>Si, actualmente el proyecto es de código abierto.<a href="https://github.com/KatoDF/NuntiusBOT"><i class="fa-solid fa-diamond-turn-right"></i></a></p>
</div>
</section>
<div class="column-33">
<h4>¡Hey! Soy el título del proyecto</h4>
<p><img src="https://i.imgflip.com/8l4gm7.jpg" width=50% /></p>
</div>
<div class="column-33">
<h4>¡Hey! Soy el título del proyecto</h4>
<p><img src="https://i.imgflip.com/8l4gm7.jpg" width=50% /></p>
</div>
</div>
</div>
</section>
<!--Footer-->
<footer class="footer" id="footer">
<div class="container">
Expand All @@ -140,7 +143,7 @@ <h4>Redes sociales</h4>
<h4>Correo</h4>
<ul>
<li><p class="footer-text">¡Copia-Click!</p></li>
<li><button class="button" id="Mail">[email protected]</p></li>
<li><button class="button" id="MailEsp">[email protected]</p></li>
<li><a id="mailTo" href="mailto:[email protected]">Enviar correo</a></li>
</div>
</div>
Expand Down
116 changes: 59 additions & 57 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,36 +33,65 @@
</div>
</header>
<!--Sobre mí-->
<section class="section" id="sobreMi">
<section class="section" id="sobreMi">
<div class="section-title">
<h2><i class="fa-solid fa-magnifying-glass"></i> Damián Ferreyra</h2>
</div>
<div class="containter">
<div class="row">
<div class="column">
<h4>Nacionality and residency</h4>
<p><span class="fi fi-ar"></span> Argentina</p>
<p><i class="fi fi-ar"></i> Argentina - (2002-Now)</p>
<p><i class="fi fi-us"></i> United States - (Next target location)</p>
</div>
<div class="column">
<img class="column_img" src="images/arg_flag.jpg" alt="argentina flag" width="300px">
</div>
</div>
<div class="row">
<div class="column">
<h4>Why do I code?</h4>
<p>When I was in highschool, with a G-Code course I dicovered computing. But I had heard about that Minecraft was programmed in Java while playing it. After that, in 2020, I have taken a FrontEnd introduction course and I maked <a href="/myFirstWeb/index.html">my first web</a>. Years later, University was not for me when we taked TurboPascal by the first programming language but two years later I decided to better get my diploma soon while I spend my time programming.</p>
</div>
<div class="column">
<img class="column_img" src="/images/g-code.jpg" alt="G-code img" width="300px">
<h4 class="column_text">¡Say Hi, I'm G-Code! :)</h4>
<h5 class="column_text">¡They use me in CNC machines since 1958! <a href="https://gcodetutor.com/gcode-tutorial/history-of-gcode.html#:~:text=The%20birth%20of%20G%2DCode&text=This%20is%20possibly%20the%20oldest,)%20was%20invented%2C%20in%201958."><i id="wikimage" class="fa-brands fa-wikipedia-w"></i></a></h5>
</div>
<h4>Why do I code?</h4>
<p>When I was in highschool, with a G-Code course I dicovered computing. But I had heard about that Minecraft was programmed in Java while playing it. After that, in 2020, I have taken a FrontEnd introduction course and I maked <a href="/myFirstWeb/index.html">my first web</a>. Years later, University was not for me when we taked TurboPascal by the first programming language but two years later I decided to better get my diploma soon while I spend my time programming.</p>
</div>
<div class="column">
<img class="column_img" src="/images/g-code.jpg" alt="G-code img" width="300px">
<h4 class="column_text">¡Say Hi, I'm G-Code! :)</h4>
<h5 class="column_text">¡They use me in CNC machines since 1958! <a href="https://gcodetutor.com/gcode-tutorial/history-of-gcode.html#:~:text=The%20birth%20of%20G%2DCode&text=This%20is%20possibly%20the%20oldest,)%20was%20invented%2C%20in%201958."><i id="wikimage" class="fa-brands fa-wikipedia-w"></i></a></h5>
</div>
</div>
</div>
</section>
</div>
</section>
<!--Tecnologías que uso-->
<section class="section" id="tecnologias">
<div class="section-title">
<h2><i class="fa-solid fa-code"></i> Tecnologías</h2>
</div>
<div class="container">
<div class="row">
<div class="column-33">
<h4>FrontEnd</h4>
<ul>
<li><i class="fa-brands fa-js"></i> JavaScript</li>
</ul>
</div>
<div class="column-33">
<h4>BackEnd</h4>
<ul>
<li><i class="fa-brands fa-python"></i> Python</li>
<li><i class="fa-brands fa-java"></i> Java</li>
</ul>
</div>
<div class="column-33">
<h4>FrameWorks</h4>
<ul>
<li></li>
</ul>
</div>
</div>
</section>
<!--Proyectos-->
<section class="section" id="proyectos">
<section class="section" id="proyectos">
<div class="section-title">
<h2><i class="fa-solid fa-code-branch"></i> Projects</h2>
</div>
Expand All @@ -71,64 +100,37 @@ <h2><i class="fa-solid fa-code-branch"></i> Projects</h2>
<div class="column-33">
<h4>Nuntius</h4>
<h6>What is it?</h6>
<p>Nuntius es un bot de discord que recopila las últimas novedades de manera personalizada hacia tus canales de texto.</p>
<h6>¿Por qué existe?</h6>
<p>Nació ante la necesidad de tener una manera productiva y cómoda de acceder a la información en el menor tiempo posible.</p>
<h6>¿Puedo participar?</h6>
<p>Si, actualmente el proyecto es de código abierto.<a href="https://github.com/KatoDF/NuntiusBOT"><i class="fa-solid fa-diamond-turn-right"></i></a></p>
<p>Nuntius is a discord bot that collects the latest news in a personalized way to redirect them to text channels.</p>
<h6>Why?</h6>
<p>It was born out of the need to have a productive and comfortable way to access information in the shortest time possible.</p>
<h6>Can I collaborate?</h6>
<p>Yes, actually it is an open-source project.<a href="https://github.com/KatoDF/NuntiusBOT"><i class="fa-solid fa-diamond-turn-right"></i></a></p>
</div>
<div class="column-33">
<h4>¡Hey! Soy el título del proyecto</h4>
<p>Aquí irá la descripción de un proyecto</p>
<h4>Hey! I'm the title's project</h4>
<p><img src="https://i.imgflip.com/8l4guv.jpg" width=50% /> </p>
</div>
<div class="column-33">
<h4>¡Hey! Soy el título del proyecto</h4>
<p>Aquí irá la descripción de un proyecto</p>
<h4>Hey! I'm the title's project</h4>
<p><img src="https://i.imgflip.com/8l4guv.jpg" width=50% /> </p>
</div>
</div>
<!--Tecnologías que uso-->
</section>
<section class="section" id="tecnologias">
<div class="section-title">
<h2><i class="fa-solid fa-code"></i> Tecnologías</h2>
</div>
<div class="container">
<div class="row">
<div class="column-33">
<h4>FrontEnd</h4>
<ul>
<li><i class="fa-brands fa-js"></i> JavaScript</li>
</ul>
</div>
<div class="column-33">
<h4>BackEnd</h4>
<ul>
<li><i class="fa-brands fa-python"></i> Python</li>
<li><i class="fa-brands fa-java"></i> Java</li>
</ul>
</div>
<div class="column-33">
<h4>FrameWorks</h4>
<ul>
<li></li>
</ul>
</div>
</div>
</section>
</section>
<!--Footer-->
<footer class="footer" id="footer">
<div class="container">
<div class="footer-row">
<div class="footer-links">
<h4>Trabajo</h4>
<h4>Work</h4>
<ul>
<li><a href="#">Experiencia</a></li>
<li><a href="#">Mis servicios</a></li>
<li><a href="#">Política de privacidad</a></li>
<li><a href="#">Work experience</a></li>
<li><a href="#">My services</a></li>
<li><a href="#">Terms and conditions</a></li>
</ul>
</div>
<div class="footer-links">
<h4>Redes sociales</h4>
<h4>Social media</h4>
<ul>
<li><a href="https://www.linkedin.com/in/dami%C3%A1n-ferreyra-b2453828a/"><i class="fab fa-linkedin"> LI</i></a></li>
<li><a href="https://twitter.com/DFKato"><i class="fab fa-twitter"> X</i></a></li>
Expand All @@ -137,11 +139,11 @@ <h4>Redes sociales</h4>
</ul>
</div>
<div class="footer-links">
<h4>Correo</h4>
<h4>Mail</h4>
<ul>
<li><p class="footer-text">¡Copia-Click!</p></li>
<li><p class="footer-text">¡Copy-paste!</p></li>
<li><button class="button" id="Mail">[email protected]</p></li>
<li><a id="mailTo" href="mailto:[email protected]">Enviar correo</a></li>
<li><a id="mailTo" href="mailto:[email protected]">Send mail</a></li>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions scripts.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@ function copyText(htmlElement) {
document.querySelector("#Mail").onclick = function() {
let mail="[email protected]"
copyText(document.querySelector("#Mail"))
alert("Correo copiado a tu portapapeles")
}
alert("Mail copied to your clipboard")
}

// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
Expand Down
Loading

0 comments on commit ed0c221

Please sign in to comment.