Arregle el css de isael 7w7

itskenshin · Jul 26, 2022 · 154a76c · 154a76c
1 parent 99e35d4
commit 154a76c
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 18 deletions.
diff --git a/Git-GitHub.html b/Git-GitHub.html
@@ -4,14 +4,14 @@
     <meta charset="UTF-8">
     <title>GrupoSoftware</title>
     <link rel="stylesheet" href="./GrupoSoftware/css/Git-Github-style.css">
-
+    <link rel="shortcut icon" href="./GrupoSoftware/css/images/group_icon.png">
 </head>
 
 <body>
 
     <header>
         <!-- Menu de navegacion -->
-        <nav class="header-menu">
+        <nav class="header-menu" id="home">
 
             <a href="#"><img src="./GrupoSoftware/css/images/group_icon.png" alt="#"></a>
             <h1>Grupo Software ITLA</h1>  
@@ -26,7 +26,7 @@ <h1>Grupo Software ITLA</h1>
 
             <article>
 
-                <h1 class="principal-title">Git / Github <img width="50" align="absmiddle" src="./GrupoSoftware/css/images/git.png" alt="Git"> </h1>
+                <h1 class="principal-title" style="color: rgb(157, 156, 156);">Git / Github <img width="50" align="absmiddle" src="./GrupoSoftware/css/images/git.png" alt="Git"> </h1>
 
                 <div class="bloque bloque1">
                     <h2 id="git">Git</h2>
@@ -47,7 +47,7 @@ <h2 id="git">Git</h2>
 
                     <br><br>
 
-                    <h3>Algunos comandos de configuración</h3>
+                    <h3 id="comandos">Algunos comandos de configuración</h3>
                     <ul>
                         <li><span>git config –global user.email “aqui pongo mi email”</></li>
                         <li><span>git config –global user.name “aquí pongo el username que quiero”</></li>
@@ -173,7 +173,7 @@ <h4>AQUÍ YA SI TA LISTA PARA COMERMELA……. COMANDO SIGUIENTE SUBIENDO ARCHIV
                         <span style=color:red;>git reset --hard </span> es para borrar todos los cambios que hiciste en el repositorio local y los borra podemos usar un git log para buscar el hashcode para hacer un rollback especifico peligro con este!!.
                         <br><br><br>
 
-                        <h2>Datos importantes GITHUB</h2>
+                        <h2 id="datos_importantes">Datos importantes GITHUB</h2>
                         <br>
 
                         <p><span>Pull Request</span> quiere decir cuando alguien que no esta en tu grupo de colaboracion
@@ -260,24 +260,25 @@ <h4>PASOS PARA HACER PUSH desde el repositorio local al remoto DESDE EL COMAND L
             <!-- aside con el indice -->
             <aside class="aside-class" style="width: 20%; display: inline-block;">
 
-                <h3>Indice</h3>
+                <a href="#home"><h3>Indice</h3></a>
                 <br>
                 <hr>
                 <br>
-                <br>
                 <ul>
-                    <li><a href="#git">Git</a></li><br>
-                    <li><a href="#github">Datos importantes GITHUB</a></li><br>
+                    <li><a href="#git">Git definicion</a></li><br>
+                    <li><a href="#comandos">Comandos Basicos</a></li><br>
+                    <li><a href="#github">Comandos importantes GITHUB</a></li><br>
+                    <li><a href="#datos_importantes">Datos importantes GITHUB</a></li><br>
                     <li><a href="#ramas">Ramas o Branch</a></li><br>
                 </ul>
             </aside>
         </div>
     </main>
 
-    <footer>
+    <!--<footer>
         <span>Hecho por el grupo de software</span>
         ITLA
-    </footer>
+    </footer>-->
 
 </body>
 

diff --git a/GrupoSoftware/css/Git-Github-style.css b/GrupoSoftware/css/Git-Github-style.css
@@ -6,24 +6,29 @@
     box-sizing: border-box;
 }
 
+html{
+    scroll-behavior: smooth;
+}
+
 body{
     font-family: 'DM Sans';
     font-size: 16px;
     font-weight: 100;
     color: white;
-    background: #030011;
+    background: #011932;
 } 
 
 /* ________________________________________________________________________________ */
 header{
     width: calc(100vw -0px);
     height: 100px;
-    outline: solid 2px white;
+    outline: solid 2px rgb(157, 156, 156);
 }
 
     header .header-menu{
         display: flex;
         align-items: center;
+        margin-left: 10%;
     }
 
         header .header-menu img{
@@ -120,17 +125,20 @@ main{
 footer{
     height: 200px;
 
-    background-color: blue;
+    background-color: rgba(0, 0, 255, 0);
 }
 
 .aside-class{
     padding: 20px 10px;
     height: 60vh;
     margin-top: 100px;
 
+    position: sticky;
+    top: 30px;
+
     /* remember to delete */
-    background-color: #484150;
-    border: 4px solid rgb(10, 94, 10);
+    background-color: #26343f;
+    border: 4px solid rgb(157, 156, 156);
     border-radius: 20px;
     font-size: large;
 }
@@ -141,14 +149,21 @@ footer{
     }
 
         .aside-class ul li a{
-            color: #fff;
+            color: rgb(224, 223, 223);
             text-decoration: none;
+            text-align: end;
+            transition: all 0.5s;
         }
 
         .aside-class ul li a:hover{
-            color: rgb(0, 0, 66);
+            color: rgb(255, 255, 255);
         }
 
     .aside-class h3 {
         margin-top: 20px;
+    }
+
+    .aside-class a {
+        text-decoration: none;
+        color: white;
     }