Btn to Github project added

AmbrizAlberto · May 3, 2024 · 0829c5e · 0829c5e
1 parent 00ba8c6
commit 0829c5e
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 5 deletions.
diff --git a/app/components/español/projects.jsx b/app/components/español/projects.jsx
@@ -125,10 +125,13 @@ const Proyectos = () => {
               <p>Los productos se pueden editar o eliminar de ser necesario.</p>
 
               <p>En el apartado de cliente &quot;Punto de venta&quot;, el cliente podra unicamente ver los productos en stock y añadirlos al carrito para su compra, el precio total por los productos a comprar se mostrara siempre hasta realizar la compra.</p>
-          </div>
-          <div className="photoprj1">
-            <Image src={HyH} alt="" width={"auto"} height={"auto"} />
-          </div>
+            </div>
+            <div className="photoprj1">
+              <Image src={HyH} alt="" width={"auto"} height={"auto"} />
+            </div>
+            <button className='btngithublink'>
+              <a href="https://github.com/AmbrizAlberto/HarmonyAndHeavenm.git"><i className="bi bi-github" style={{ marginRight: '5px' }}></i>Ver en GitHub</a>
+            </button>
           </div>
         </div>
       )}
@@ -176,7 +179,9 @@ const Proyectos = () => {
                 Todos los elementos del videojuego son originales y completamente creados desde 0 por los desarroladores, desde botones hasta objetos incluso el mismo personaje. 
               </p>
             </div>
-
+            <button className='btngithublink'> 
+              <a href="https://github.com/AmbrizAlberto/PICK-EM-EVERITHING---PYGAME-PROJECT.git"><i className="bi bi-github" style={{ marginRight: '5px' }}></i>Ver en GitHub</a>
+            </button>
 
           </div>
         </div>
@@ -215,6 +220,10 @@ const Proyectos = () => {
             <div className='descriptionprj3'>
               BuggBlock fue desarrollado con php para el manejo de datos de usuarios y publicaciones por el lado del Backend, y el diseño realizado con iconos de Bootstrap y CSS puro. 
             </div>
+            <button className='btngithublink'> 
+              <a href="https://github.com/AmbrizAlberto/BuggBlock.git"><i className="bi bi-github" style={{ marginRight: '5px' }}></i>Ver en GitHub</a>
+            </button>
+
           </div>
         </div>
       )}

diff --git a/app/components/ingles/projectsen.jsx b/app/components/ingles/projectsen.jsx
@@ -130,6 +130,9 @@ const ProyectosEN = () => {
             <div className="photoprj1">
               <Image src={HyH} alt="" width={"auto"} height={"auto"} />
             </div>
+            <button className='btngithublink'> 
+            <a href="https://github.com/AmbrizAlberto/HarmonyAndHeavenm.git"><i className="bi bi-github" style={{ marginRight: '5px' }}></i>See on GitHub</a>
+            </button>
           </div>
         </div>
       )}
@@ -177,6 +180,9 @@ const ProyectosEN = () => {
                 All elements of the video game are original and completely created from scratch by the developers, from buttons to objects, even the character himself.
               </p>
             </div>
+            <button className='btngithublink'> 
+              <a href="https://github.com/AmbrizAlberto/PICK-EM-EVERITHING---PYGAME-PROJECT.git"><i className="bi bi-github" style={{ marginRight: '5px' }}></i>See on GitHub</a>
+            </button>
           </div>
         </div>
       )}
@@ -214,6 +220,9 @@ const ProyectosEN = () => {
             <div className='descriptionprj3'>
               BuggBlock was developed with PHP to manage user data and posts on the Backend side, and the design was made with Bootstrap icons and pure CSS.            
             </div>
+            <button className='btngithublink'> 
+              <a href="https://github.com/AmbrizAlberto/BuggBlock.git"><i className="bi bi-github" style={{ marginRight: '5px' }}></i>See on GitHub</a>
+            </button>
           </div>
         </div>
 )}

diff --git a/app/css/modal.css b/app/css/modal.css
@@ -50,4 +50,28 @@
 .close-modal:hover {
     color: #fff;
     transition: 1s;
+}
+
+.btngithublink a{
+    text-decoration: none;
+    color: black;
+}.btngithublink a:hover{
+    color: white;
+}
+.btngithublink{
+    margin-top: 2%;
+    font-size: 3vh;
+    background-color: white;
+    color: black;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 10px;
+    box-shadow: 0 0 30px black;
+    transition: 500ms;
+}.btngithublink:hover{
+    color: white;
+    box-shadow: 0 0 30px white;
+    background-color: black;
+    transition: 500ms;
+    cursor: pointer;
 }