cambio iconos de stack

ricomateo · Mar 20, 2024 · f45c9da · f45c9da
1 parent 088b632
commit f45c9da
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 12 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -4,7 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Portfolio</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="style.css" >
+    <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+    <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+    <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+    <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+    <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+    <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+
   </head>
   <body>
     <div class="container">
@@ -48,27 +55,33 @@
       </div>
 
       <div class="about-me-container">
-        <div>
+        <div class="about-me-section">
           <div class="about-me">
               About me
           </div>
           <div>
-            I'm a 4th year Computer Engineering student<br>
-            at Universidad de Buenos Aires looking for  <br>
-            an entry level job. I'm interested in <br>
-            backend development and machine learning. <br>
+            I'm a 4th year Computer Engineering student at Universidad de Buenos Aires looking for an entry level job. I'm interested in 
+            backend development and machine learning.
           </div>
         </div>
 
           <div class="tech-stack">
             Tech stack
           </div>
           <div class="languages">
-            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/cplusplus/cplusplus-original.svg" />
-            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg" />
-            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg" />
-            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg" />
-            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg" />
+            <i class="devicon-cplusplus-plain"></i>
+            <i class="devicon-python-plain"></i>
+            <i class="devicon-git-plain"></i>
+            <i class="devicon-css3-plain"></i>
+            <i class="devicon-javascript-plain"></i>
+            <i class="devicon-html5-plain"></i>
+
+            <svg viewBox="0 0 128 128">
+              <path fill="#F34F29" d="M124.737 58.378L69.621 3.264c-3.172-3.174-8.32-3.174-11.497 0L46.68 14.71l14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.461 6.607 2.294 9.993l13.992 13.993c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679a9.673 9.673 0 01-13.683 0 9.677 9.677 0 01-2.105-10.521L68.574 47.933l-.002 34.341a9.708 9.708 0 012.559 1.828c3.778 3.777 3.778 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-3.778-9.905 0-13.683a9.65 9.65 0 013.167-2.11V47.333a9.581 9.581 0 01-3.167-2.111c-2.862-2.86-3.551-7.06-2.083-10.576L41.056 20.333 3.264 58.123a8.133 8.133 0 000 11.5l55.117 55.114c3.174 3.174 8.32 3.174 11.499 0l54.858-54.858a8.135 8.135 0 00-.001-11.501z"></path>
+              </svg>
+
+          </div>
+          <div class="languages"></div>
           </div>
 
           <div class="cv">

diff --git a/docs/style.css b/docs/style.css
@@ -103,6 +103,10 @@ body {
   gap: 20px;
 }
 
+
+i {
+  font-size: 5.25em;
+}
 .info {
   display: flex;
   flex-direction: column;
@@ -131,9 +135,14 @@ body {
   grid-row: 3 / 4;
   display: flex;
   align-items: center;
+  justify-content: center;
   flex-direction: column;
 }
 
+.about-me-section {
+  width: 70%;
+}
+
 .tech-stack {
   font-size: 2em;
   font-weight: bold;
@@ -224,4 +233,3 @@ video {
   border-radius: 5px;
   border: 2px solid white;
 }
-