Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Updated name from Volume Viewer to Vol-E on landing page #335

Merged
merged 1 commit into from
Nov 18, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# AICS Image Viewer
# Vol-E (Volume Explorer)

For the latest stable release, please visit https://allen-cell-animated.github.io/website-3d-cell-viewer-release/

Expand Down
8 changes: 4 additions & 4 deletions public/gh-reroute/404.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>AICS 3D Volume Viewer</title>
<title>Vol-E</title>
<style>
html {
box-sizing: border-box;
Expand Down Expand Up @@ -44,7 +44,7 @@
<body>
<div id="error-page-404">
<h1>Rerouting...</h1>
<p>3D Volume Viewer encountered a 404 error when attempting to load this page.</p>
<p>Vol-E encountered a 404 error when attempting to load this page.</p>
<p>
You should automatically be redirected to a working page. (If this doesn't work, your browser may have
JavaScript disabled, which the viewer needs to run.)
Expand Down
4 changes: 2 additions & 2 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
Expand All @@ -19,7 +19,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>AICS 3D Volume Viewer</title>
<title>Vol-E</title>
<style>
html {
box-sizing: border-box;
Expand Down
2 changes: 1 addition & 1 deletion website/components/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ function HeaderLogo({ noNavigate }: { noNavigate?: boolean }): ReactElement {
rel="noopener noreferrer"
target={noNavigate ? "_blank" : undefined}
>
<h1>3D Volume Viewer</h1>
<h1>Vol-E</h1>
</HeaderTitleLink>
</FlexRowAlignCenter>
);
Expand Down
24 changes: 11 additions & 13 deletions website/components/LandingPage/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ import { useNavigate } from "react-router";
import { useSearchParams } from "react-router-dom";
import styled from "styled-components";

import Header from "../Header";
import LoadModal from "../Modals/LoadModal";
import { BannerVideo } from "../../assets/videos";
import { AppDataProps, DatasetEntry, ProjectEntry } from "../../types";
import { FlexColumnAlignCenter, FlexColumn, FlexRowAlignCenter, VisuallyHidden } from "./utils";
import { parseViewerUrlParams } from "../../utils/url_utils";
import HelpDropdown from "../HelpDropdown";
import { BannerVideo } from "../../assets/videos";

import { landingPageContent } from "./content";
import { FlexColumn, FlexColumnAlignCenter, FlexRowAlignCenter, VisuallyHidden } from "./utils";

import Header from "../Header";
import HelpDropdown from "../HelpDropdown";
import LoadModal from "../Modals/LoadModal";

const MAX_CONTENT_WIDTH_PX = 1060;

Expand Down Expand Up @@ -365,9 +365,9 @@ export default function LandingPage(): ReactElement {
<div></div>
</BannerVideoContainer>
<BannerTextContainer style={{ zIndex: 1 }}>
<h1>Welcome to 3D Volume Viewer</h1>
<h1>Welcome to Vol-E</h1>
<p>
The 3D Volume Viewer is an open-use web-based tool designed to visualize, analyze and interpret
Vol-E (Volume Explorer) is an open-use web-based tool designed to visualize, analyze, and interpret
multi-channel 3D microscopy data. Ideal for researchers, educators, and students, the viewer offers powerful
interactive tools to extract key insights from imaging data.
</p>
Expand All @@ -378,7 +378,7 @@ export default function LandingPage(): ReactElement {
<FeatureHighlightsContainer>
<FeatureHighlightsItem>
<h3>Multiresolution OME-Zarr support</h3>
<p>Load your cloud hosted OME-Zarr v0.4 images via http(s).</p>
<p>Load your cloud-hosted OME-Zarr v0.4 images via http(s).</p>
</FeatureHighlightsItem>
<FeatureHighlightsItem>
<h3>Multiple viewing modes</h3>
Expand All @@ -390,15 +390,13 @@ export default function LandingPage(): ReactElement {
</FeatureHighlightsItem>
<FeatureHighlightsItem>
<h3>Customizable settings</h3>
<p>
Switch colors, turn channels on and off or apply a threshold to reveal interesting features in the data.
</p>
<p>Switch colors, toggle channels, and apply thresholds to reveal interesting features in data.</p>
</FeatureHighlightsItem>
</FeatureHighlightsContainer>
</ContentContainer>

<LoadPromptContainer>
<h2 style={{ margin: 0 }}>Load dataset(s) below or your own data to get started</h2>
<h2 style={{ margin: 0 }}>Load a dataset below or your own data to get started.</h2>
</LoadPromptContainer>

<ContentContainer style={{ paddingBottom: "400px" }}>
Expand Down
Loading