1
+ <template >
2
+ <div class =" footer" >
3
+ <span style =" display :flex ;justify-content :center ;align-items :center " >
4
+ <img src =" ../../../public/pythia-icon.svg" width =' 120' height =' 100' fill =" none" />
5
+ <h1 class =" title" >Pythia</h1 >
6
+ </span >
7
+ <ul class =" no-bullets" >
8
+ <span class =" list-title" >Email</span >
9
+ <
div style =
" user-select :text ;cursor :default ;padding :3px " >
[email protected] </
div >
10
+ </ul >
11
+ <ul class =" no-bullets" >
12
+ <span class =" list-title" >Social media</span >
13
+ <li @click =" open('telegram')" >Telegram</li >
14
+ <li @click =" open('twitter')" >Twitter</li >
15
+ <li @click =" open('linkedIn')" >LinkedIn</li >
16
+ </ul >
17
+ <ul class =" no-bullets" >
18
+ <span class =" list-title" >Other</span >
19
+ <li @click =" open('github')" >GitHub</li >
20
+ </ul >
21
+ </div >
22
+ </template >
23
+
24
+ <script >
25
+ export default {
26
+ data (){
27
+ return {
28
+ telegram: ' https://t.me/+861c-md9WcVkZmQy' ,
29
+ github: ' https://github.com/antonkravchenko2001/Pythia' ,
30
+ twitter: ' https://twitter.com/PythiaCompany' ,
31
+ linkedIn: ' https://www.linkedin.com/company/pythia-company/about/?viewAsMember=true' ,
32
+ }
33
+ },
34
+ methods: {
35
+ open (path ){
36
+ window .open (this [path])
37
+ }
38
+ }
39
+ }
40
+ </script >
41
+
42
+ <style scoped>
43
+ .footer {
44
+ display :flex ;
45
+ justify-content : center ;
46
+ gap : 10% ;
47
+ max-width : max-content ;
48
+ min-width : 100% ;
49
+ padding-top : 10% ;
50
+ padding-bottom : 5% ;
51
+ font-family : ' Montserrat' ;
52
+ font-weight : 350 ;
53
+ font-size : 12px ;
54
+ color : #909090 ;
55
+ }
56
+
57
+ .no-bullets {
58
+ list-style-type : none ; /* Remove bullets */
59
+ padding : 0 ; /* Remove padding */
60
+ margin : 0 ; /* Remove margins */
61
+ }
62
+
63
+ li {
64
+ padding : 3px ;
65
+ }
66
+
67
+ li :hover {
68
+ text-decoration : underline ;
69
+ }
70
+
71
+ .list-title {
72
+ font-size : 14px ;
73
+ font-weight : 400 ;
74
+ padding-left : 3px ;
75
+ padding-bottom : 5px ;
76
+ color :#ffffff ;
77
+ }
78
+
79
+ .title {
80
+ color :#574eb8 ;
81
+ }
82
+ </style >
0 commit comments