Skip to content

Commit 96ca34a

Browse files
ssavi-ictssavi-ict
authored
Merge pull request #437 from ssavi-ict/v2.1.0
[v2.1.0] About me pages added
2 parents b9cde15 + e40f4f6 commit 96ca34a

File tree

5 files changed

+95
-46
lines changed

5 files changed

+95
-46
lines changed

‎chrome/about.html‎

Lines changed: 89 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -6,23 +6,45 @@
66
<title>About Me</title>
77
<style>
88
body {
9-
font-family: Arial, sans-serif;
9+
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
1010
background-color: #f4f4f9;
1111
color: #333;
1212
margin: 0;
1313
padding: 0;
1414
display: flex;
15-
justify-content: center;
16-
align-items: center;
17-
height: 100vh;
15+
flex-direction: column; /* Stack elements vertically */
16+
align-items: center; /* Center elements horizontally */
17+
justify-content: center; /* Center elements vertically */
18+
height: 100vh; /* Full viewport height */
1819
}
20+
1921
.about-me-container {
20-
text-align: center;
2122
background: #fff;
22-
padding: 20px;
23+
padding: 10px;
2324
border-radius: 10px;
2425
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
25-
max-width: 400px;
26+
max-width: 600px;
27+
width: 70%;
28+
display: flex;
29+
justify-content: space-between; /* For the internal div alignment */
30+
}
31+
.content {
32+
flex: 60;
33+
text-align: center;
34+
padding: 10px;
35+
}
36+
.version-info {
37+
flex: 40;
38+
text-align: center;
39+
display: flex;
40+
flex-direction: column;
41+
justify-content: center;
42+
padding: 5px;
43+
}
44+
.divider {
45+
width: 0.5px;
46+
background: gray;
47+
margin: 10px 10px;
2648
}
2749
img {
2850
border-radius: 50%;
@@ -31,7 +53,7 @@
3153
object-fit: cover;
3254
margin-bottom: 20px;
3355
}
34-
h1 {
56+
h1, h2 {
3557
font-size: 24px;
3658
margin-bottom: 10px;
3759
}
@@ -49,30 +71,74 @@
4971
border-radius: 25px;
5072
font-size: 16px;
5173
font-weight: bold;
52-
margin-top: 20px;
74+
margin-top: 10px;
5375
transition: background-color 0.3s ease;
5476
}
5577
.more-profile-links:hover {
5678
background-color: #0056b3;
5779
}
80+
ul {
81+
list-style-type: none;
82+
padding: 0;
83+
margin: 20px 0 20px 0;
84+
text-align: left;
85+
font-size: 15px;
86+
}
87+
ul li::before {
88+
content: "• ";
89+
color: #333;
90+
}
91+
.version-info h2 {
92+
font-size: 20px;
93+
margin-bottom: 10px;
94+
text-align: left;
95+
}
96+
97+
.version-info img {
98+
max-width: 100%; /* Ensures the image doesn't exceed the container width */
99+
height: auto;
100+
margin-bottom: 20px; /* Adds space below the image */
101+
border-radius: 10px; /* Optional: Adds rounded corners */
102+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow */
103+
}
58104
</style>
59105
</head>
60106
<body>
61107
<div class="about-me-container">
62-
<a href="https://ibb.co/dpV3R54">
63-
<img src="https://i.ibb.co/M1tjmCk/profile.jpg" alt="profile">
64-
</a>
65-
<h1>Avik Sarkar</h1>
66-
<p>
67-
I am a Test Engineer at Google with extensive experience in the tech industry,
68-
starting my career at Samsung Research and contributing over 5 years. I hold a Bachelor's degree
69-
from Comilla University (2018 graduate).
70-
</p>
71-
<p>
72-
My technical expertise includes test automation, Bluetooth protocol development, and software quality assurance.
73-
</p>
74-
<a href="https://topmate.io/aviksarkar/" class="more-profile-links" target="_blank">Get 1:1 Career Mentorship</a>
75-
<a href="https://linktr.ee/avik_sarkar" class="more-profile-links" target="_blank">View My Extended Profile</a>
108+
<!-- Current Content Section -->
109+
<div class="content">
110+
<a href="https://ibb.co/dpV3R54">
111+
<img src="https://i.ibb.co/M1tjmCk/profile.jpg" alt="profile">
112+
</a>
113+
<h1>Avik Sarkar</h1>
114+
<p>
115+
I am a Test Engineer at Google with extensive experience in the tech industry,
116+
starting my career at Samsung Research and contributing over 5 years. I hold a Bachelor's degree
117+
from Comilla University (2016 graduate).
118+
</p>
119+
<p>
120+
My technical expertise includes test engineering, Bluetooth protocol development, and machine learning for software testing.
121+
</p>
122+
<a href="https://topmate.io/aviksarkar/" class="more-profile-links" target="_blank">Get 1:1 Career Mentorship</a>
123+
<a href="https://linktr.ee/avik_sarkar" class="more-profile-links" target="_blank">View My Extended Profile</a>
124+
</div>
125+
126+
<!-- Divider Line -->
127+
<div class="divider"></div>
128+
129+
<!-- Version Info Section -->
130+
<div class="version-info">
131+
<a href="https://ibb.co/r7Xqsqm">
132+
<img src="https://i.ibb.co/4m0CdC7/thanks.png" alt="thanks" border="0">
133+
</a>
134+
<h2>Current Version: v2.1.0</h2>
135+
<ul>
136+
<li>Company-based problems filtering.</li>
137+
<li>Tabbed layout.</li>
138+
<li>About Me page.</li>
139+
</ul>
140+
<a href="https://github.com/ssavi-ict/LeetCode-Which-Company/blob/main/CHANGELOG.md" class="more-profile-links" target="_blank">Learn More</a>
141+
</div>
76142
</div>
77143
</body>
78144
</html>

‎chrome/background.js‎

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -83,10 +83,15 @@ chrome.runtime.onStartup.addListener(function () {
8383
});
8484

8585
// Event listener for the browser installation/upgrade
86-
chrome.runtime.onInstalled.addListener(function () {
86+
chrome.runtime.onInstalled.addListener(function (details) {
8787
scheduleFirstNotification();
88+
if (details.reason === "update") {
89+
chrome.tabs.create({ url: "about.html" });
90+
}
8891
});
8992

93+
94+
9095
// Function to schedule the first notification
9196
function scheduleFirstNotification() {
9297
chrome.storage.local.get("switchState", function (result) {
@@ -100,9 +105,6 @@ function scheduleFirstNotification() {
100105
});
101106
}
102107

103-
// chrome.tabs.onCreated.addListener(function(tab) {
104-
// fetchNotificationContent();
105-
// });
106108

107109
// Event listener for the alarm trigger
108110
chrome.alarms.onAlarm.addListener(function (alarm) {
@@ -120,13 +122,6 @@ function scheduleSecondNotification() {
120122
chrome.alarms.create("secondNotificationAlarm", { delayInMinutes: 15 });
121123
}
122124

123-
// // Event listener for notification click
124-
// chrome.notifications.onClicked.addListener(function (notificationId) {
125-
// if (notificationId.startsWith("cracktech_notification_")) {
126-
// chrome.tabs.create({ url: "https://leetcode.com/contest/" });
127-
// }
128-
// });
129-
130125
// Event listener for notification button clicks
131126
chrome.notifications.onButtonClicked.addListener(function (notificationId, buttonIndex) {
132127
if (notificationId.startsWith("cracktech_notification_")) {

‎chrome/index.html‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -67,11 +67,6 @@ <h2 id="companyInfoHeaderText" class="company_info_header">Filtered by Company</
6767
</div>
6868
<br><br>
6969
<div class="tab-container">
70-
<!-- Tab buttons -->
71-
<!-- <div class="tab-buttons">
72-
<button onclick="openTab('companyQuestions', 'Filtered by Company')" class="active">Company Based Filtering</button>
73-
<button onclick="openTab('companyTable', 'Filtered by Problems')">Problem Based Filtering</button>
74-
</div> -->
7570
<div class="tab-buttons">
7671
<button id="companyQuestionsTab" class="active">Company Specific Question List</button>
7772
<button id="interviewQuestionsTab">Interview Questions</button>

‎chrome/res/about-me.png‎

1.26 KB
Loading

‎chrome/script/tabsim.script.js‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
document.addEventListener("DOMContentLoaded", () => {
2-
// loadCompanyNames(); // Load company names when the page loads
32
loadCompanyNames();
43
bindTabEvents();
54
});
@@ -30,12 +29,6 @@ async function openTab(tabName, headerText, tabElement) {
3029

3130
document.getElementById(tabName).classList.add('active');
3231
tabElement.classList.add('active');
33-
34-
// Check if company names are already loaded
35-
/*const tbody = document.getElementById('companyNameTable').querySelector('tbody');
36-
if (tabName === 'companyQuestions' && tbody.children.length === 0) {
37-
await loadCompanyNames();
38-
} */
3932
}
4033

4134

0 commit comments

Comments
 (0)