From a049dbcb2afc3323cdef12a141e4506d2d8993a5 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Mon, 31 Mar 2025 22:59:08 +0200
Subject: [PATCH] Social links

---
 src/assets/img/github.svg           |   2 ++
 src/assets/img/line.png             | Bin 0 -> 13014 bytes
 src/assets/img/mail.svg             |  46 ++++++++++++++++++++++++++++
 src/components/footer.vue           |  42 +++++++++++++++----------
 src/components/home/libs/social.vue |  43 ++++++++++++++++++++++++++
 src/components/home/welcome.vue     |  38 ++++++++++++-----------
 6 files changed, 136 insertions(+), 35 deletions(-)
 create mode 100644 src/assets/img/github.svg
 create mode 100644 src/assets/img/line.png
 create mode 100644 src/assets/img/mail.svg
 create mode 100644 src/components/home/libs/social.vue

diff --git a/src/assets/img/github.svg b/src/assets/img/github.svg
new file mode 100644
index 0000000..a2ead80
--- /dev/null
+++ b/src/assets/img/github.svg
@@ -0,0 +1,2 @@
+<?xml version='1.0' encoding='utf-8'?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 5000 5000" style="enable-background:new 0 0 5000 5000;"> <style type="text/css"> .st0{fill:#4C4C4C;} .st1{fill:#FFFFFF;} </style> <rect class="st0" width="5000" height="5000"/> <g> <circle class="st0" cx="2500" cy="2495.9" r="1675.1"/> <path class="st1" d="M2500,789c-943.8,0-1708.2,764.4-1708.2,1708.2c0,755.9,489,1394.3,1168,1620.7 c85.4,14.9,117.4-36.3,117.4-81.1c0-40.6-2.1-175.1-2.1-318.2c-429.2,79-540.2-104.6-574.4-200.7 c-19.2-49.1-102.5-200.7-175.1-241.3c-59.8-32-145.2-111-2.1-113.2c134.5-2.1,230.6,123.8,262.6,175.1 c153.7,258.4,399.3,185.8,497.5,140.9c14.9-111,59.8-185.8,108.9-228.5c-380.1-42.7-777.2-190-777.2-843.4 c0-185.8,66.2-339.5,175.1-459.1c-17.1-42.7-76.9-217.8,17.1-452.7c0,0,143.1-44.8,469.8,175.1c136.7-38.4,281.9-57.7,427.1-57.7 s290.4,19.2,427.1,57.7c326.7-222.1,469.8-175.1,469.8-175.1c94,234.9,34.2,410,17.1,452.7c108.9,119.6,175.1,271.2,175.1,459.1 c0,655.5-399.3,800.7-779.4,843.4c61.9,53.4,115.3,155.9,115.3,316c0,228.5-2.1,412.1-2.1,469.8c0,44.8,32,98.2,117.4,81.1 c674.7-226.3,1163.7-866.9,1163.7-1620.7C4208.2,1553.4,3443.8,789,2500,789z"/> </g> </svg>
diff --git a/src/assets/img/line.png b/src/assets/img/line.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0ba692b6577b1b77d94ee63ebbb0638d12aaa70
GIT binary patch
literal 13014
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/mail.svg b/src/assets/img/mail.svg
new file mode 100644
index 0000000..5cef9fa
--- /dev/null
+++ b/src/assets/img/mail.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new -0.258 -0.548 123.547 123.539"
+   viewBox="-0.258 -0.548 123.539 123.555"
+   version="1.1"
+   id="svg1055"
+   sodipodi:docname="mail.svg"
+   width="123.539"
+   height="123.555"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1059" />
+  <sodipodi:namedview
+     id="namedview1057"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="3.7912402"
+     inkscape:cx="68.05161"
+     inkscape:cy="54.203898"
+     inkscape:window-width="1674"
+     inkscape:window-height="749"
+     inkscape:window-x="710"
+     inkscape:window-y="206"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1055" />
+  <path
+     d="M 108.515,-0.548 H 14.484 c -8.148,0 -14.742,6.609 -14.742,14.766 v 94.023 c 0,8.148 6.594,14.766 14.742,14.766 h 94.031 c 8.148,0 14.766,-6.617 14.766,-14.766 V 14.218 C 123.28,6.062 116.663,-0.548 108.515,-0.548 Z"
+     fill="#231f20"
+     id="path1049"
+     inkscape:label="path1049" />
+  <path
+     d="M 99.140859,83.690996 76.509059,61.038833 99.139973,38.386671 v 45.304325 z m -70.681546,4.301839 22.672525,-22.630914 0.968556,0.926945 c 5.353616,5.104837 13.860793,5.104837 18.985993,0 L 72.062025,65.32031 94.83902,87.992835 Z M 24.392088,38.386671 46.989359,61.038833 24.351362,83.690996 Z M 94.797409,34.063584 66.957188,61.882557 c -2.828643,2.849891 -7.89187,2.787032 -10.803734,-0.110667 L 28.500924,34.063584 Z M 18.243441,27.88041 V 94.08659 H 105.49756 V 27.88041 Z"
+     fill="#ffffff"
+     id="path1053"
+     style="stroke-width:0.885334" />
+</svg>
diff --git a/src/components/footer.vue b/src/components/footer.vue
index 0c815c2..1755d19 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -5,11 +5,8 @@
       <div id="footer_social_networks">
         <h1>Social networks</h1>
 
-        <a href="#">
-          <div class="footer_social_network_item">
-            <img src="https://picsum.photos/50">
-          </div>
-        </a>
+        <social v-for="(e,i) in networks" :key="i" :img="e.img" 
+          :routerLink="e.routerLink" :link="e.link" class="footer_social_network_item" />
 
       </div>
       
@@ -42,13 +39,29 @@
   </footer>
 </template>
 
-<script>
-export default {
+<script setup>
+  import social from './home/libs/social.vue';
 
-}
+  import mailSvg from '@/assets/img/mail.svg';
+  import lineImg from '@/assets/img/line.png';
+  import githubSvg from '@/assets/img/github.svg';
+
+  const networks = [{
+    img:githubSvg,
+    routerLink:false,
+    link:"#"
+  },{
+    img:lineImg,
+    routerLink:false,
+    link:"#"
+  },{
+    img:mailSvg,
+    routerLink:true,
+    link:"#"
+  }];
 </script>
 
-<style>
+<style scoped>
     footer{
         background-color: #2c2b2b;
         margin-top: 50px;
@@ -87,14 +100,9 @@ export default {
     .footer_social_network_item{
         width: 50px;
         height: 50px;
-        margin: 0;
-        margin-right: 20px;
-        margin-top: 10px;
-    }
-    .footer_social_network_item img{
-        border-radius: 50%;
-        width: 100%;
-        height: 100%;
+        margin: 0 !important;
+        margin-right: 20px !important;
+        margin-top: 10px !important;
     }
 
     #footer_content_links{
diff --git a/src/components/home/libs/social.vue b/src/components/home/libs/social.vue
new file mode 100644
index 0000000..3585277
--- /dev/null
+++ b/src/components/home/libs/social.vue
@@ -0,0 +1,43 @@
+<template>
+    <div class="network">
+        <RouterLink v-if="routerLink" :to="link">
+            <img :src="img">
+        </RouterLink>
+        <a v-else :href="link" target="_blank">
+            <img :src="img">
+        </a>
+    </div>
+</template>
+
+<script setup>
+    import { RouterLink } from 'vue-router';
+
+    defineProps({
+        img: {
+            type:String,
+            required:true
+        },
+        link:{
+            type:String,
+            required: true
+        },
+        routerLink:{
+            required:false,
+            type:Boolean,
+            default:false
+        }
+    })
+</script>
+
+<style scoped>
+.network{
+    height: 50px;
+    width: 50px;
+    margin-left: 15px;
+}
+.network img{
+    border-radius: 50%;
+    height: 100%;
+    width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/home/welcome.vue b/src/components/home/welcome.vue
index 22632c6..4e76de1 100644
--- a/src/components/home/welcome.vue
+++ b/src/components/home/welcome.vue
@@ -11,32 +11,42 @@
                 <dynamicOccupation id="dynamic_occupation" :sentences="occupations" />
               </div>
               <div id="social_networks" class="test">
-                <div class="network">
-                  <img src="https://picsum.photos/50">
-                </div>
-                <div class="network">
-                  <img src="https://picsum.photos/50">
-                </div>
-                <div class="network">
-                  <img src="https://picsum.photos/50">
-                </div>
+                <social v-for="(e,i) in networks" :key="i" :img="e.img" :routerLink="e.routerLink" :link="e.link" />
               </div>
             </div>
-
         </div> <!-- Name div -->
     </div> <!-- Welcome Div -->
 </template>
 
 <script setup>
   import dynamicOccupation from './dynamicOccupation.vue';
+  import social from './libs/social.vue';
   import {useI18n} from 'vue-i18n';
 
+  import mailSvg from '@/assets/img/mail.svg';
+  import lineImg from '@/assets/img/line.png';
+  import githubSvg from '@/assets/img/github.svg';
+
   const i18n = useI18n();
 
   const occupations = [
   i18n.t('home.occupation.ai'), i18n.t('home.occupation.fullstack'),
   i18n.t('home.occupation.student')
   ]
+
+  const networks = [{
+      img:githubSvg,
+      routerLink:false,
+      link:"#"
+    },{
+      img:lineImg,
+      routerLink:false,
+      link:"#"
+  },{
+      img:mailSvg,
+      routerLink:true,
+      link:"#"
+    }];
 </script>
 
 <style scoped>
@@ -95,13 +105,5 @@
     display: flex;
     flex-direction: row;
 }
-.network{
-    height: 50px;
-    width: 50px;
-    margin-left: 15px;
-}
-.network img{
-    border-radius: 50%;
-}
 
 </style>
\ No newline at end of file