feat: updated content (#34)

app/components/About/components/Section/components/SectionAbout/components/MDX/about.mdx

@@ -0,0 +1,23 @@
+## Galaxy
+
+[The Galaxy team](https://github.com/orgs/galaxyproject/people) is a community that develops software infrastructure for deploying Galaxy instances. There are three major Galaxy instances in the US ([https://usegaxy.org](https://usegaxy.org)), Europe ([https://usegalaxy.eu](https://usegalaxy.eu)), and Australia ([https://usegalaxy.au.org](https://usegalaxy.au.org)) and many regional instances. Galaxy is an application that allows users to run a wide variety of command-line, web-based, or interactive tools on any type of compatible data. Galaxy can be accessed either through a web-browser, or programmatically via application programming interface (API). A Galaxy instance can be configured to manage local or remote computational resources, and schedule tool runs on any modern computational infrastructure including local hardware, conventional clusters, commercial or public clouds, and beyond. The Galaxy team also operates and maintains the Galaxy ToolShed—a growing repository of >8,500 analysis tools available for use in Galaxy. The ToolShed is closely aligned with the [BioConda](https://bioconda.github.io) and [BioContainers](https://biocontainers.pro) communities that package and have become the standard distribution channels for bioinformatics tools. The Galaxy software ecosystem also includes scheduling components, tool development utilities, training infrastructure, and many other features (e.g., [Planemo](https://planemo.readthedocs.io, [Pulsar](https://github.com/galaxyproject/pulsar, [TPV](https://github.com/galaxyproject/total-perspective-vortex)). The main public [https://usegalaxy.org](https://usegalaxy.org) site is an example of a Galaxy instance. Usegalaxy.org supports 10s of thousands of active users running 100s of thousands jobs per month and manages over 4 petabytes of user data. [The Galaxy Training Network](https://training.galaxyproject.org) (GTN) contains a comprehensive collection of tutorials covering all aspects of Galaxy from basic functionality to advanced analyses—it is a widely used community-curated resource.
+
+## UCSC Genome Browser
+
+[The UCSC Genome Browser](https://genome.ucsc.edu, maintained by the University of California, Santa Cruz (UCSC), is a widely used and highly regarded online tool for visualizing and exploring genomic information. It is one of the most widely used sources of genomic data in the world, with more than 150,000 monthly users, spread over 200 countries and the majority of usage coming from outside the United States. The Browser team has been generating and distributing multiple alignments for genomes distributed on the site.
+
+## HyPhy
+
+Key tools for the analysis of pathogen evolution and dynamics are contained within [HyPhy](http://veg.github.io/hyphy-site)—Hypothesis testing using Phylogenies—a mature (>20 years) open-source platform for comparative sequence analysis with a focus on studying the evolutionary process, especially selection, recombination, and evolutionary rates. Our system will leverage the power of HyPhy from within the Galaxy environment. HyPhy provides a domain-specific scripting language which enables complex model definition, fitting, and hypothesis testing. Its analytical tools for comparative evolutionary analyses of pathogen sequence data have been extensively used over the past decade to investigate viral and bacterial pathogens. In the most recent five years, our “one-click” web application Datamonkey processed ~300,000 submissions, translating to ~$2.5M value based on Amazon EC2 pricing (compute time only); these are typically compute-intensive jobs investigating the impact of natural selection and recombination of pathogens. This service has processed well over 30,000 coronavirus (including SARS-CoV2) related jobs since 2020, and handles ~2,200 analyses/week. The HyPhy software platform has also found extensive and consistent use in the field of pathogen evolutionary analysis with [over 7,000 citations](https://icite.od.nih.gov/analysis?search_id=zv3mpkp7bidaus33) to it and attendant statistical methods.
+
+## TACC
+
+[Texas Advanced Computing Center](https://tacc.utexas.edu) (TACC) located within the University of Texas at Austin, serves as an advanced computing research hub. It offers an extensive array of advanced computing resources and support services to researchers across the United States. TACC's overarching objective is to facilitate groundbreaking discoveries that drive advancements in both science and society, achieved through the utilization of cutting-edge computing technologies. The center supports diverse areas, including high-performance computing, scientific visualization, data analysis, and storage systems, as well as software development, research initiatives, and the creation of user-friendly portal interfaces. TACC is a center of excellence in computational sciences within the US. Its resources and services are made accessible to the wider academic community through its participation in the National Science Foundation's (NSF) [ACCESS-CI](https://access-ci.org) project.
+
+## Collaborative strategy
+
+The research team responsible for implementing this work is headed by five PI with complementary research expertise domains, and a long history of collaboration. It includes Dr. Nekrutenko (Penn State), the original co-developer and PI of the Galaxy Project for the past 15 years. Dr. Pond (Temple) a computational evolutionary biologist whose core expertise is methodology development (including the HyPhy package) and two decades of experience in viral and pathogen evolution (HIV, IAV, and more recently SARS-CoV2). Dr. Schatz (Johns Hopkins) is a computational biologist who developed widely used algorithms for de-novo genome assembly and variant detection as well as pioneered the use of computational clouds in life sciences. Dr. Haeussler (UCSC) a software engineer and the PI of the Browser Project. Dr. John Fonner, a biomedical engineer who serves as the Director of Special Projects at TACC. Importantly, the team consists of highly experienced and skilled software developers and engineers who worked on the project for many years [1]. Just in the past three years this group has published over 40 papers on pathogen genomics including recent high profile publications on SARS-CoV2 genomics in [Cell](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8421097), [Nature Biotechnology](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8845060), [Nature Reviews Genetics](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8447121), [Nature Genetics](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8016453) and others. A high level overview of dependencies among these components is shown below:
+
+![Platforms together](/about/platforms-together.svg)
+
+Dependencies between the four projects involved in the design of BRC.Analytics. The TACC will form an infrastructural layer by providing computational and storage resources. Galaxy will serve as an analysis environment allowing users to run tools and workflows (such as HyPhy) on a dataset that can be obtained from existing resources or our integrated source of BRC data (BRC.data). Results of analyses can then be displayed in external applications such as the UCSC Genome Browser.

app/components/About/components/Section/components/SectionAbout/components/MDX/index.tsx

@@ -0,0 +1 @@
+export { default as About } from "./about.mdx";

app/components/About/components/Section/components/SectionAbout/sectionAbout.styles.ts

@@ -0,0 +1,16 @@
+import styled from "@emotion/styled";
+import { SectionLayout } from "../../section.styles";
+
+export const StyledSectionLayout = styled(SectionLayout)`
+  grid-template-columns: 1fr;
+  padding: 98px 16px;
+
+  .MuiLink-root {
+    color: inherit;
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+`;

app/components/About/components/Section/components/SectionAbout/sectionAbout.tsx

@@ -0,0 +1,13 @@
+import { Section } from "../../section.styles";
+import { About } from "./components/MDX";
+import { StyledSectionLayout } from "./sectionAbout.styles";
+
+export const SectionAbout = (): JSX.Element => {
+  return (
+    <Section>
+      <StyledSectionLayout>
+        <About />
+      </StyledSectionLayout>
+    </Section>
+  );
+};

app/components/About/components/Section/section.styles.ts

@@ -1,9 +1,5 @@
 import { mediaTabletUp } from "@databiosphere/findable-ui/lib/styles/common/mixins/breakpoints";
-import {
-  inkLight,
-  white,
-} from "@databiosphere/findable-ui/lib/styles/common/mixins/colors";
-import { textBodyLarge400 } from "@databiosphere/findable-ui/lib/styles/common/mixins/fonts";
+import { white } from "@databiosphere/findable-ui/lib/styles/common/mixins/colors";
 import styled from "@emotion/styled";
 import {
   sectionGrid,
@@ -41,12 +37,6 @@ export const Subhead = styled.h2`
   margin: 0;
 `;
 
-export const SubheadText = styled.div`
-  ${textBodyLarge400};
-  color: ${inkLight};
-  grid-column: 1 / -1;
-`;
-
 export const SectionContent = styled.div`
   grid-column: 1 / -1;
 

app/components/Entity/components/AnalysisMethod/mdx/assembly.mdx

@@ -1 +1 @@
-Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Best practices for assembly of prokaryotic and eukaryotic genomes sequenced with a variety of technologies.

app/components/Entity/components/AnalysisMethod/mdx/genomeComparisons.mdx

@@ -1 +1 @@
-Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Workflows for creation of pairwise and multiple genome alignments.

app/components/Entity/components/AnalysisMethod/mdx/proteinFolding.mdx

@@ -1 +1 @@
-Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Analysis of protein folding using the ColabFold framework.

app/components/Entity/components/AnalysisMethod/mdx/regulation.mdx

@@ -1 +1 @@
-Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Workflows for the analysis of ChIP-seq, ATAC-Seq and beyond.

app/components/Entity/components/AnalysisMethod/mdx/transcriptomics.mdx

@@ -1 +1 @@
-Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Analyze bulk or single-cell RNA seq data using a variety of approaches.

app/components/Entity/components/AnalysisMethod/mdx/variantCalling.mdx

@@ -1 +1 @@
-Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Identify nucleotide polymorphisms and short indels from Illumina and Element data.

app/components/Home/components/Section/components/SectionBranding/components/Hero/hero.tsx

@@ -46,8 +46,8 @@ export const Hero = ({
       {[
         ELEMENT_ID.PATTERN_SMOKE_RECT,
         ELEMENT_ID.PATTERN_SMOKE_CIRCLE,
-        ELEMENT_ID.PATTERN_BLUE_RECT,
-        ELEMENT_ID.PATTERN_YELLOW_RECT,
+        // ELEMENT_ID.PATTERN_BLUE_RECT,
+        // ELEMENT_ID.PATTERN_YELLOW_RECT,
       ].map((elementId) => (
         <Fragment key={elementId}>
           <rect
@@ -59,7 +59,7 @@ export const Hero = ({
           />
         </Fragment>
       ))}
-      <use href={getElementHref(ELEMENT_ID.GROUP_BLUE_CIRCLE)} x={0} />
+      {/*<use href={getElementHref(ELEMENT_ID.GROUP_BLUE_CIRCLE)} x={0} />*/}
       <use href={getElementHref(ELEMENT_ID.GROUP_CORAL_PINK_CIRLCLE)} />
     </svg>
   );

app/components/Home/components/Section/components/SectionHelp/components/Questions/questions.styles.ts

@@ -1,4 +1,3 @@
-import { mediaTabletUp } from "@databiosphere/findable-ui/lib/styles/common/mixins/breakpoints";
 import { inkLight } from "@databiosphere/findable-ui/lib/styles/common/mixins/colors";
 import {
   textBodyLarge4002Lines,
@@ -13,11 +12,6 @@ export const Grid = styled.div`
   ${sectionGrid};
   grid-column: 1 / -1;
   grid-template-columns: 1fr;
-
-  ${mediaTabletUp} {
-    grid-column: 6 / -1;
-    grid-template-columns: repeat(7, 1fr);
-  }
 `;
 
 export const StyledAccordion = styled(MAccordion)`