fish1-release/gallery.html at main · VCG/fish1-release · 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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<!--
    Type on Strap jekyll theme v2.4.3
    Theme free for personal and commercial use under the MIT license
    https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
-->
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=5"
    />

    <!-- Theme Mode-->

    <script>
      const isAutoTheme = false;
      document.documentElement.setAttribute("data-theme", "light");
    </script>

    <!-- Main JS (navbar.js, katex_init.js and masonry_init.js)-->
    <script defer src="/assets/js/main.min.js"></script>

    <!-- Navigation JS -->
    <script defer src="/assets/js/navigation.js"></script>

    <!-- CSS -->
    <link rel="stylesheet" href="/assets/css/main.css" />

    <!--Favicon-->
    <link rel="shortcut icon" href="" type="image/x-icon" />

    <!-- KaTeX 0.15.2 -->

    <!-- Mermaid 9.1.1 -->

    <!-- Simple Jekyll Search 1.10.0 -->
    <script
      src="/assets/js/vendor/simple-jekyll-search.min.js"
      type="text/javascript"
    ></script>

    <!-- Google Analytics / Cookie Consent -->
    <script>
      const cookieName =
        "cookie-notice-dismissed-https://fish1-release.storage.googleapis.com/gallery.html";
      const isCookieConsent = "true";
      const analyticsName = "G-LTB9TB76NW";
      const analyticsNameGA4 = "";
    </script>

    <!-- <span id="cookie-notice"
      ><span
        >We would like to use third party cookies and scripts to improve the
        functionality of this website. </span
      ><a id="cookie-notice-accept" class="button">Approve</a>
    </span> -->

    <!-- Global site tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-MV416L7MWC"
    ></script>
    <!-- Page analysis (analytics.js) -->
    <!-- <script async src="https://www.google-analytics.com/analytics.js"></script> -->

    <!-- seo tags -->
    <meta
      property="og:image"
      content="http://fish1-release.storage.googleapis.com/index.html/assets/img/fish1_banner.png"
    />

    <meta property="og:type" content="website" />

    <!-- Begin Jekyll SEO tag v2.7.1 -->
    <title>Gallery | Fish1 Release</title>
    <meta name="generator" content="Jekyll v4.2.2" />
    <meta property="og:title" content="Gallery" />
    <meta property="og:locale" content="en_US" />
    <meta
      name="description"
      content="A Connectomic Resource for the Larval Zebrafish Brain"
    />
    <meta
      property="og:description"
      content="A Connectomic Resource for the Larval Zebrafish Brain"
    />
    <link
      rel="canonical"
      href="http://fish1-release.storage.googleapis.com/index.html/gallery.html"
    />
    <meta
      property="og:url"
      content="http://fish1-release.storage.googleapis.com/index.html/gallery.html"
    />
    <meta property="og:site_name" content="Fish1 Release" />
    <meta name="twitter:card" content="summary" />
    <meta property="twitter:title" content="Gallery" />
    <script type="application/ld+json">
      {
        "url": "http://fish1-release.storage.googleapis.com/index.html/gallery.html",
        "description": "A Connectomic Resource for the Larval Zebrafish Brain",
        "headline": "Gallery",
        "@type": "WebPage",
        "@context": "https://schema.org"
      }
    </script>
    <!-- End Jekyll SEO tag -->

    <!-- RSS -->
    <link
      rel="alternate"
      type="application/atom+xml"
      title="Fish1 Release"
      href="http://fish1-release.storage.googleapis.com/index.html/feed.xml"
    />
    <link
      type="application/atom+xml"
      rel="alternate"
      href="http://fish1-release.storage.googleapis.com/index.html/feed.xml"
      title="Fish1 Release"
    />

    <!-- Twitter Cards -->
    <meta name="twitter:title" content="Gallery" />
    <meta
      name="twitter:description"
      content="### Click through for Neuroglancer views._Note: links marked with an asterisk (*) can take a while to load entirely_{% for img in site.gallery %}    {% assig..."
    />

    <meta name="twitter:card" content="summary" />
    <meta
      name="twitter:image"
      content="http://fish1-release.storage.googleapis.com/index.html/assets/img/fish1_banner.png"
    />
    <meta name="twitter:image:alt" content="Gallery" />
  </head>

  <body>
    <header class="site-header">
      <!-- Logo and title -->
      <div class="branding">
        <a class="site-title" aria-label="Fish1 Release" href="/">
          Fish1 Release
        </a>
      </div>
    </header>

    <div class="content">
      <article class="feature-image">
        <header
          id="main"
          style="background-image: url('/assets/img/fish1_banner.png')"
        >
          <div class="title-padder">
            <h1 id="Gallery" class="title">Gallery</h1>
          </div>
        </header>

        <section class="post-content">
          <link rel="stylesheet" href="/assets/css/common.css" />

          <h3 id="click-through-for-neuroglancer-views">
            Click through for Neuroglancer views.
          </h3>
          <!-- <p>
            <em
              >TODO: This gallery is currently under construction. We will be
              adding more images for the Fish1 dataset soon.</em
            >
          </p> -->
          <!-- <p>
            <em
              >Note: links marked with an asterisk (*) can take a while to load
              entirely</em
            >
          </p> -->
          <style>
            /* force scrollbar */
            html {
              overflow-y: scroll;
            }

            /* To overwrite page's padding, to get bigger images */
            /* article {padding:2%;} */
          </style>

          <link rel="stylesheet" href="/assets/css/gallery.css" />

          <div id="masonry" class="grid">
            <div class="grid-sizer"></div>
            <div class="gutter-sizer"></div>

            <a
              href="https://neuroglancer-demo.appspot.com/#!gs://fish1-release/assets/neuroglancer_states/202504/clem_correlated_lignt_electron_micoscopy.json"
              class="grid-item"
              target="_blank"
            >
              <!-- <div> -->

              <img
                src="/assets/img/gallery/clem_correlated_lignt_electron_micoscopy.png"
                alt=""
                style="padding: 0"
              />

              <div class="caption">
                <h3>CLEM Visualization</h3>

                <h4>Correlated Light and Electron Microscopy</h4>
              </div>

              <!-- </div> -->
            </a>
            <a
            href="https://neuroglancer-demo.appspot.com/#!gs://fish1-release/assets/neuroglancer_states/202504/automatic_results_for_browsing.json"
            class="grid-item"
            target="_blank"
            >
              <!-- <div> -->

              <img
                src="/assets/img/gallery/automatic_results_for_browsing.png"
                alt=""
                style="padding: 0"
              />

              <div class="caption">
                <h3>Ouroboros</h3>

                <h4>Automatic segmentation and synapse prediction</h4>
              </div>

              <!-- </div> -->
            </a>

            <a
            href="https://neuroglancer-demo.appspot.com/#!gs://fish1-release/assets/neuroglancer_states/202504/TEN_circuit.json"
            class="grid-item"
            target="_blank"
            >
              <!-- <div> -->

              <img
                src="/assets/img/gallery/TEN_circuit.png"
                alt=""
                style="padding: 0"
              />

              <div class="caption">
                <h3>Tegmental excitatory nucleus (TEN)</h3>

                <h4>Mapping TEN's role in regulating motor and visceral actions</h4>
              </div>

              <!-- </div> -->
            </a>

            <a
            href="https://neuroglancer-demo.appspot.com/#!gs://fish1-release/assets/neuroglancer_states/202504/LateralLineVisualization.json"
            class="grid-item"
            target="_blank"
            >
              <!-- <div> -->

              <img
                src="/assets/img/gallery/LateralLineVisualization.png"
                alt=""
                style="padding: 0"
              />

              <div class="caption">
                <h3>Lateral Line</h3>

                <h4>Water flow representation</h4>
              </div>

              <!-- </div> -->
            </a>
          </div>

          <script
            src="/assets/js/vendor/imagesloaded.min.js"
            type="text/javascript"
          ></script>

          <script
            src="/assets/js/vendor/masonry.pkgd.min.js"
            type="text/javascript"
          ></script>
        </section>

        <!-- Tag list for portfolio -->

        <div class="tag-list"></div>
      </article>
    </div>
    <footer class="site-footer">
      <p class="text">
        Powered by <a href="https://jekyllrb.com/">Jekyll</a> with
        <a href="https://github.com/sylhare/Type-on-Strap">Type on Strap</a>
      </p>
      <div class="footer-icons">
        <ul>
          <!-- Social icons from Font Awesome, if enabled -->
        </ul>
      </div>
    </footer>
  </body>
</html>