FDI-Lab-Website/contact.html at main · SciCrunch/FDI-Lab-Website · 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
125
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact — FDI Lab</title>
  <meta name="description" content="Contact the FAIR Data Informatics Lab at UC San Diego.">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

  <header>
    <div class="header-inner">
      <a href="index.html" class="logo">
        <img src="images/site/fdi-logo-white.png" alt="FDI Lab" style="height:36px; object-fit:contain;">
      </a>
      <button class="nav-toggle" onclick="document.querySelector('nav').classList.toggle('open')" aria-label="Toggle menu">
        <span></span><span></span><span></span>
      </button>
      <nav>
        <a href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="team.html">Team</a>
        <div class="nav-dropdown">
          <button class="nav-dropdown-btn" onclick="this.closest('.nav-dropdown').classList.toggle('open')">Research ▾</button>
          <div class="nav-dropdown-menu">
            <a href="projects.html">Projects</a>
            <a href="tools.html">Tools &amp; Services</a>
            <a href="funding.html">Funding</a>
            <a href="publications.html">Publications</a>
          </div>
        </div>
        <a href="contact.html" class="active">Contact</a>
      </nav>
    </div>
  </header>

  <div class="page-hero">
    <div class="container">
      <h1>Contact Us</h1>
      <p>We'd love to hear from you — whether you have a question, collaboration idea, or want to join the team.</p>
    </div>
  </div>

  <section>
    <div class="container">
      <div class="contact-box">
        <h2>Get in Touch</h2>
        <div class="divider"></div>
        <p>
          For general inquiries, tool support, or information about our projects:<br>
          <a href="mailto:fdilab@scicrunch.zendesk.com">fdilab@scicrunch.zendesk.com</a>
        </p>
        <p style="color:var(--gray-text); font-size:0.92rem;">
          FAIR Data Informatics Lab<br>
          University of California, San Diego<br>
          La Jolla, California
        </p>
        <div class="social-links">
          <a href="https://x.com/fdilab" target="_blank" rel="noopener">X</a>
          <a href="https://www.facebook.com/fdilab" target="_blank" rel="noopener">Facebook</a>
          <a href="https://github.com/SciCrunch" target="_blank" rel="noopener">GitHub</a>
        </div>
      </div>
    </div>
  </section>

  <section>
    <div class="container">
      <div class="section-header">
        <h2>Positions Available</h2>
        <div class="divider"></div>
        <p>
          We are always interested in hearing from motivated researchers, developers, and
          data scientists who share our passion for open science and FAIR data. Positions
          range from postdoctoral fellowships to student programmer and curator roles.
        </p>
      </div>
      <div class="cards" style="margin-top:1.5rem;">
        <div class="card">
          <h3>Postdoctoral Fellows</h3>
          <p>Opportunities exist for researchers with backgrounds in biomedical informatics, ontology engineering, neuroscience, or related fields.</p>
          <a href="mailto:fdilab@scicrunch.zendesk.com">Inquire &rarr;</a>
        </div>
        <div class="card">
          <h3>Software Developers</h3>
          <p>We build web portals, APIs, and data pipelines. Expertise in Python, Java, Elasticsearch, or React is a plus.</p>
          <a href="mailto:fdilab@scicrunch.zendesk.com">Inquire &rarr;</a>
        </div>
        <div class="card">
          <h3>Student Researchers</h3>
          <p>UCSD students interested in bioinformatics, data curation, or scientific software development are encouraged to reach out.</p>
          <a href="mailto:fdilab@scicrunch.zendesk.com">Inquire &rarr;</a>
        </div>
      </div>
    </div>
  </section>

  <footer>
    <div class="footer-inner">
      <div class="footer-links">
        <a href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="team.html">Team</a>
        <a href="projects.html">Projects</a>
        <a href="tools.html">Tools &amp; Services</a>
        <a href="funding.html">Funding</a>
        <a href="publications.html">Publications</a>
        <a href="contact.html">Contact</a>
      </div>
      <div class="footer-github">
        <a href="https://github.com/SciCrunch/FDI-Lab-Website" target="_blank" rel="noopener">
          <img src="images/site/github-mark.svg" alt="">GitHub
        </a>
        <a href="https://github.com/SciCrunch/FDI-Lab-Website/issues/new" target="_blank" rel="noopener">
          <img src="images/site/github-mark.svg" alt="">Leave feedback
        </a>
      </div>
      <p>&copy; <span id="yr"></span> FAIR Data Informatics Lab &bull; UC San Diego</p>
    </div>
  </footer>

  <script>document.getElementById('yr').textContent = new Date().getFullYear();</script>
</body>
</html>