mainakmajumder/index.html at main · ByteMeister24/mainakmajumder · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="description" content="Mainak Majumder | CV" />
  <title>Mainak Majumder | CV</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;800&family=Source+Sans+3:wght@400;600;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
  <link rel="stylesheet" href="styles.css?v=20260314m" />
</head>

<body>
  <div class="wrap">
    <div class="portfolioShell">
      <aside class="profileSidebar">
        <div class="avatarHalf">
          <img class="avatarHalfImage" src="assets/profile_white.jpg" alt="Mainak Majumder profile photo" width="150" height="190" />
        </div>
        <h1 class="sidebarName">Mainak Majumder <span class="nameSuffix">(M.Sc.)</span></h1>

        <div class="sidebarSocial">
          <a href="https://www.linkedin.com/in/mm-0a209288/" target="_blank" rel="noreferrer" aria-label="LinkedIn">
            <i class="ph ph-linkedin-logo" aria-hidden="true"></i>
          </a>
          <a href="https://github.com/ByteMeister24" target="_blank" rel="noreferrer" aria-label="GitHub">
            <i class="ph ph-github-logo" aria-hidden="true"></i>
          </a>
          <a href="https://scholar.google.com/citations?hl=en&user=l73IiqoAAAAJ" target="_blank" rel="noreferrer" aria-label="Google Scholar">
            <i class="fa-solid fa-graduation-cap" aria-hidden="true"></i>
          </a>
          <a href="https://orcid.org/0009-0008-3062-4793" target="_blank" rel="noreferrer" aria-label="ORCID">
            <i class="fa-brands fa-orcid" aria-hidden="true"></i>
          </a>
          <a href="https://www.researchgate.net/profile/Mainak-Majumder-2" target="_blank" rel="noreferrer" aria-label="ResearchGate">
            <i class="fa-brands fa-researchgate" aria-hidden="true"></i>
          </a>
          <a href="mailto:mainak.9042@gmail.com" aria-label="Email">
            <i class="ph ph-envelope-simple" aria-hidden="true"></i>
          </a>
        </div>

        <div class="sidebarContact">
          <span class="contactLine">
            <i class="ph ph-map-pin" aria-hidden="true"></i>
            <span>Linz, Austria</span>
          </span>
          <div class="sidebarLanguages" aria-label="Language fluency">
            <span class="sidebarMetaTitle">Languages</span>
            <span class="contactLine">
              <i class="ph ph-translate" aria-hidden="true"></i>
              <span>English: C1</span>
            </span>
            <span class="contactLine">
              <i class="ph ph-translate" aria-hidden="true"></i>
              <span>German: A2</span>
            </span>
            <span class="contactLine">
              <i class="ph ph-translate" aria-hidden="true"></i>
              <span>Bengali: Native</span>
            </span>
            <span class="contactLine">
              <i class="ph ph-translate" aria-hidden="true"></i>
              <span>Hindi: Native</span>
            </span>
          </div>
        </div>

        <a class="sidebarCta" href="assets/curriculum_vitae_mainak_majumder.pdf" target="_blank" rel="noreferrer" download>Download CV</a>
      </aside>

      <main class="mainCard">
        <div class="mainLayout">
          <section class="contentPane">
            <div class="tabPanels">
              <section class="tabPanel is-active" id="panel-about" role="tabpanel" aria-labelledby="tab-about">
                <div data-include="sections/about.html"></div>
              </section>
              <section class="tabPanel" id="panel-industry" role="tabpanel" aria-labelledby="tab-industry" hidden>
                <div data-include="sections/Industry.html"></div>
              </section>
              <section class="tabPanel" id="panel-academia" role="tabpanel" aria-labelledby="tab-academia" hidden>
                <div data-include="sections/academia.html"></div>
              </section>
              <section class="tabPanel" id="panel-education" role="tabpanel" aria-labelledby="tab-education" hidden>
                <div data-include="sections/education.html"></div>
              </section>
              <section class="tabPanel" id="panel-publications" role="tabpanel" aria-labelledby="tab-publications" hidden>
                <div data-include="sections/publications.html"></div>
              </section>
              <section class="tabPanel" id="panel-research" role="tabpanel" aria-labelledby="tab-research" hidden>
                <div data-include="sections/research.html"></div>
              </section>
              <section class="tabPanel" id="panel-activities" role="tabpanel" aria-labelledby="tab-activities" hidden>
                <div data-include="sections/activities.html"></div>
              </section>
            </div>
          </section>

          <nav class="tabs iconRail" role="tablist" aria-label="CV sections">
            <button class="tabBtn is-active" type="button" role="tab" aria-label="About" aria-selected="true" aria-controls="panel-about" id="tab-about" data-tab-target="panel-about"><i class="ph ph-user-circle" aria-hidden="true"></i></button>
            <button class="tabBtn" type="button" role="tab" aria-label="Industry" aria-selected="false" aria-controls="panel-industry" id="tab-industry" data-tab-target="panel-industry"><i class="ph ph-briefcase" aria-hidden="true"></i></button>
            <button class="tabBtn" type="button" role="tab" aria-label="Academia" aria-selected="false" aria-controls="panel-academia" id="tab-academia" data-tab-target="panel-academia"><i class="ph ph-bank" aria-hidden="true"></i></button>
            <button class="tabBtn" type="button" role="tab" aria-label="Education" aria-selected="false" aria-controls="panel-education" id="tab-education" data-tab-target="panel-education"><i class="ph ph-graduation-cap" aria-hidden="true"></i></button>
            <button class="tabBtn" type="button" role="tab" aria-label="Publications" aria-selected="false" aria-controls="panel-publications" id="tab-publications" data-tab-target="panel-publications"><i class="ph ph-article" aria-hidden="true"></i></button>
            <button class="tabBtn" type="button" role="tab" aria-label="Research" aria-selected="false" aria-controls="panel-research" id="tab-research" data-tab-target="panel-research"><i class="ph ph-flask" aria-hidden="true"></i></button>
            <button class="tabBtn" type="button" role="tab" aria-label="Activities" aria-selected="false" aria-controls="panel-activities" id="tab-activities" data-tab-target="panel-activities"><i class="ph ph-rocket-launch" aria-hidden="true"></i></button>
          </nav>
        </div>
      </main>
    </div>

    <footer>
      <div>Last updated: <span id="updated"></span></div>
    </footer>

  </div>

    <script src="main.js?v=20260314d"></script>
</body>
</html>