Merge pull request #7 from ajravinath/dev

Add so icon

.vscode/settings.json

@@ -4,9 +4,12 @@
         "Calcey",
         "checkmark",
         "corejs",
+        "gradiant",
         "Kotelawala",
         "papaparse",
         "Ranwalage",
         "Visni"
-    ]
+    ],
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "anuja-me",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "",
   "main": "index.js",
   "scripts": {

src/components/section-profile.js

@@ -20,9 +20,10 @@ const SectionProfile = () => {
               Contact Info
             </button>
           </div>
-          <div id="socials-container">
-            <img src="./linkedin.png" alt="linkedIn" class="icon" onclick="window.open('https://www.linkedin.com/in/anuja-ranwalage/', '_blank')" />
-            <img src="./github.png" alt="github" class="icon" onclick="window.open('https://github.com/ajravinath', '_blank')" />
+        <div id="socials-container">
+            <img src="./linkedin.png" alt="linkedIn" class="icon" title="linkedIn" onclick="window.open('https://www.linkedin.com/in/anuja-ranwalage/', '_blank')" />
+            <img src="./github.png" alt="github" class="icon" title="github" onclick="window.open('https://github.com/ajravinath', '_blank')" />
+            <img src="./stackoverflow.png" alt="stackoverflow" title="stackoverflow" class="icon round" onclick="window.open('https://stackoverflow.com/users/4288706/anuja', '_blank')" />
           </div>
         </div>
     </section>

src/index.scss

@@ -196,6 +196,10 @@ section {
 .icon {
   cursor: pointer;
   height: 2rem;
+  &.round {
+    background-color: white;
+    border-radius: 50%;
+  }
 }
 
 .btn-container {
@@ -484,4 +488,4 @@ footer {
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
-}
+}