keckweb/index.html at main · beliveau-lab/keckweb · 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>W. M. Keck Microscopy Center — University of Washington</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=Inter:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
  <link rel="icon" href="images/favicon.svg" type="image/svg+xml">
</head>
<body>

  <header>
    <div class="header-container">
      <a href="index.html" class="logo">
        <img class="logo-mark-img" src="images/keck-mark.svg" alt="Keck Microscopy Center logo" width="44" height="45">
        <div class="logo-text">
          <span class="l1">University of Washington</span>
          <span class="l2">W. M. Keck Microscopy Center</span>
        </div>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="active">Home</a></li>
          <li><a href="equipment.html">Equipment</a></li>
          <li><a href="schedule.html">Schedule</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="policies.html">Policies</a></li>
          <li><a href="news.html">News</a></li>
          <li><a href="team.html">Team</a></li>
          <li><a href="acknowledgements.html">Acknowledgements</a></li>
          <li><a href="references.html">References</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <!-- HERO -->
  <section class="home-hero" style="position:relative">
    <div class="inner">
      <div class="eyebrow">Light Microscopy &amp; Image Analysis</div>
      <h1>Advanced<br><em>imaging</em> for<br>UW research</h1>
      <p class="subtitle">State-of-the-art confocal and widefield microscopy, live-cell environmental systems, and professional image analysis — open to all University of Washington researchers.</p>
      <div class="hero-actions">
        <a href="schedule.html" class="btn-primary">Book instrument time</a>
        <a href="equipment.html" class="btn-secondary">View equipment</a>
      </div>
      <div class="hero-stats">
        <div class="hero-stat">
          <span class="snum">150+</span>
          <span class="slbl">Active research groups</span>
        </div>
        <div class="hero-stat">
          <span class="snum">10K+</span>
          <span class="slbl">Images processed</span>
        </div>
        <div class="hero-stat">
          <span class="snum">1990</span>
          <span class="slbl">Year established</span>
        </div>
        <div class="hero-stat">
          <span class="snum">20/31</span>
          <span class="slbl">Departments in UW SoM</span>
        </div>
      </div>
    </div>
  </section>

  <!-- SLOGAN -->
  <section class="slogan" aria-label="Our mission">
    <p class="slogan-text">Your imaging keystone for scientific discovery.</p>
  </section>

  <!-- FEATURES — dark section -->
  <section class="section dark">
    <div class="section-inner">
      <h2 class="section-title">What we offer</h2>
      <p class="section-body">The Keck Center provides end-to-end support — from experimental design to final image analysis — across a suite of complementary imaging platforms.</p>
    </div>
    <div class="features-grid" style="margin-top:3rem">
      <div class="feature-item">
        <span class="fi-tag">Confocal</span>
        <h3>Zeiss 880 &amp; Leica SP8X</h3>
        <p>High-resolution 3D imaging and multi-channel spectral detection.</p>
        <a href="equipment.html">View specifications</a>
      </div>
      <div class="feature-item">
        <span class="fi-tag">Widefield</span>
        <h3>Leica Inverted Widefield</h3>
        <p>Motorized stage for mosaic tiling and multi-point live-cell imaging with full fluorescence filter sets.</p>
        <a href="equipment.html">View specifications</a>
      </div>
      <div class="feature-item">
        <span class="fi-tag">Image Analysis</span>
        <h3>IMARIS Workstation</h3>
        <p>Full-license 3D/4D visualization suite with surface, spot, filament, and cell modules. Free for UW students.</p>
        <a href="equipment.html">View specifications</a>
      </div>
      <!-- Live-cell: hidden for now. To restore, remove the comment markers around this item.
      <div class="feature-item">
        <span class="fi-tag">Live-cell</span>
        <h3>Environmental Control</h3>
        <p>Pecon stage-top incubator and Warner 35 mm dish incubator for long-term live-cell experiments.</p>
        <a href="schedule.html">Book incubator</a>
      </div>
      -->
      <div class="feature-item">
        <span class="fi-tag">Training</span>
        <h3>Expert support</h3>
        <p>One-on-one equipment training, experimental design consultation, and image analysis assistance at all levels.</p>
        <a href="contact.html">Request training</a>
      </div>
      <div class="feature-item">
        <span class="fi-tag">Access</span>
        <h3>Open to all UW researchers</h3>
        <p>UW recharge billing, 24-hour cancellation policy, and a clear safety orientation process for new users.</p>
        <a href="policies.html">Read policies</a>
      </div>
    </div>
  </section>

  <footer>
    <div class="footer-content">
      <div class="footer-brand">
        <div class="fb-logo">
          <img class="fb-mark-img" src="images/keck-mark.svg" alt="" width="36" height="37">
          <span class="fb-name">W. M. Keck Microscopy Center</span>
        </div>
        <p>Room K507 &middot; University of Washington<br>Seattle, WA 98195<br>
          <a href="mailto:uwkeckcenter@uw.edu">uwkeckcenter@uw.edu</a>
        </p>
      </div>
      <div class="footer-col">
        <h4>Facility</h4>
        <ul>
          <li><a href="equipment.html">Equipment</a></li>
          <li><a href="schedule.html">Schedule</a></li>
          <li><a href="services.html">Services &amp; Rates</a></li>
          <li><a href="policies.html">Policies</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Resources</h4>
        <ul>
          <li><a href="references.html">Reference Materials</a></li>
          <li><a href="news.html">News &amp; Updates</a></li>
          <li><a href="team.html">Team</a></li>
          <li><a href="faq.html">FAQ</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Departments</h4>
        <ul>
          <li><a href="https://nbio.uw.edu/" target="_blank">Neurobiology &amp; Biophysics</a></li>
          <li><a href="https://pharmacology.uw.edu/" target="_blank">Pharmacology</a></li>
          <li><a href="https://www.gs.washington.edu/" target="_blank">Genome Sciences</a></li>
          <li><a href="https://dlmp.uw.edu/" target="_blank">Lab Medicine &amp; Pathology</a></li>
          <li><a href="contact.html">Contact us</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>&copy; 2026 University of Washington &mdash; W. M. Keck Microscopy Center</span>
      <span><a href="policies.html">Policies</a> &middot; <a href="contact.html">Contact</a></span>
    </div>
  </footer>

</body>
</html>