Skip to content

Commit c1b8b7c

Browse files
AnkushSinghGandhiAnkushSinghGandhi
authored
Merge pull request #2 from chiragtaneja04/main
Extension for Codevisors Community
2 parents 89bcbdb + 5fd5e6a commit c1b8b7c

File tree

5 files changed

+165
-0
lines changed

5 files changed

+165
-0
lines changed

‎icon_128.png‎

9.76 KB
Loading

‎images/logo.png‎

4.93 KB
Loading

‎manifest.json‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"name": "Code Visors",
3+
"version": "1.0",
4+
"manifest_version": 2,
5+
"description": "All Social Media of CodeVisors",
6+
"icons": {
7+
"128": "icon_128.png"
8+
},
9+
"browser_action": {
10+
"default_icon": "icon_128.png",
11+
"default_popup": "popup.html"
12+
},
13+
"permissions": [
14+
"activeTab"
15+
]
16+
}

‎popup.html‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>CodeVisors Launcher</title>
9+
<!-- Google Fonts -->
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
13+
<!-- Font Awesome -->
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
15+
integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
16+
crossorigin="anonymous" referrerpolicy="no-referrer" />
17+
18+
<!-- CSS -->
19+
<link rel="stylesheet" href="style.css">
20+
</head>
21+
22+
<body>
23+
24+
<div class="modal-header">
25+
<h1 class="logo">
26+
<img src="./images/logo.png" alt="Codevisors Launcher" class="logo-icons">
27+
<span>Code Visors</span>
28+
</h1>
29+
</div>
30+
31+
<div class="modal-content">
32+
33+
<p>Social Media Profile Launcher</p>
34+
35+
</div>
36+
37+
<div class="modal-icons">
38+
<div class="flex-container">
39+
40+
<div class="flex">
41+
<a href="https://github.com/CodeVisors" target="_blank">
42+
<i class="fab fa-github"></i>
43+
44+
</a>
45+
</div>
46+
47+
<div class="flex">
48+
<a href="https://ankushgandhi.com/" target="_blank">
49+
<i class="far fa-user-circle"></i>
50+
</a>
51+
</div>
52+
<div class="flex">
53+
<a href="https://in.linkedin.com/in/ankushsinghgandhi" target="_blank">
54+
<i class="fab fa-linkedin"></i>
55+
</a>
56+
</div>
57+
58+
<div class="flex">
59+
<a href="https://twitter.com/ankushsgandhi" target="_blank">
60+
<i class="fab fa-twitter"></i>
61+
</a>
62+
</div>
63+
64+
<div class="flex">
65+
<a href="https://www.youtube.com/techxtreme" target="_blank">
66+
<i class="fab fa-youtube"></i>
67+
</a>
68+
</div>
69+
70+
71+
</div>
72+
</div>
73+
74+
</body>
75+
76+
</html>

‎style.css‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
html,
2+
body {
3+
font-family: 'Ubuntu', sans-serif;
4+
font-size: 14px;
5+
margin: 0;
6+
min-height: 180px;
7+
padding: 0;
8+
width: 384px;
9+
}
10+
11+
h1 {
12+
font-family: 'Ubuntu', sans-serif;
13+
font-size: 25px;
14+
font-weight: 400;
15+
margin: 0;
16+
color: #30a14e;
17+
}
18+
19+
h1 span{
20+
margin-top: 0;
21+
}
22+
23+
24+
img {
25+
width: 50px;
26+
}
27+
28+
.modal-header {
29+
align-items: center;
30+
border-bottom: 0.5px solid #dadada;
31+
}
32+
33+
.modal-content {
34+
padding: 0 30px;
35+
}
36+
37+
.modal-icons {
38+
border-top: 0.5px solid #dadada;
39+
height: 50px;
40+
width: 100%;
41+
}
42+
43+
.logo {
44+
padding: 16px;
45+
}
46+
47+
.logo-icon {
48+
vertical-align: text-bottom;
49+
margin-right: 12px;
50+
}
51+
52+
.flex-container {
53+
display: flex;
54+
justify-content: space-between;
55+
padding: 10px 22px;
56+
}
57+
58+
.flex {
59+
opacity: 1;
60+
transition: opacity 0.2s ease-in-out;
61+
width: 120px;
62+
}
63+
64+
.flex:hover {
65+
opacity: 0.4;
66+
}
67+
68+
.flex .fas,
69+
.fab,
70+
.far {
71+
font-size: 35px;
72+
color: #30a14e;
73+
}

0 commit comments

Comments
 (0)