Merge pull request #9 from RENCI/add-content-management

Add content management

README.md

@@ -2,4 +2,20 @@
 
 ## Content Management
 
-The content directory houses all of the content for the landing page, with each file corresponding to a section. The content is formatted using mdx, and utilizes [markdown formatting](https://www.markdownguide.org/basic-syntax/). To update, add, or remove content, branch off of the `main` branch and name your branch `content/[date]` . When all your content has been updated, create a Pull Request to merge your content branch into main. If there is a time-sensitive update needed, please note this timeline or deadline in your PR description. Request one of the following people [Suejin Kim, Matt Watson, or David Glymph] as a reviewer. One of these team members will review the content to ensure the formatting is compatible and error-free, and will merge the content after reviewing.
+Content for this site is located in the src directory in a content folder. The content is formatted using mdx, and utilizes [markdown formatting](https://www.markdownguide.org/basic-syntax/). 
+
+.
+└── src
+    ├── content
+        ├── about.mdx
+        ├── funding.mdx
+        ├── license.mdx
+        ├── resources.mdx
+        └── tools.mdx
+
+To update the content, navigate on the github UI to the file you'd like to change. Find the edit icon (pencil) and edit the text directly in the text editor. When you're changes are complete, click the "Commit changes ... " button. This will open a dialog box that wil prompt you to write a commit message, optional description, email address, and the option to choose one of the following options:
+
+ - Commit directly to the `main` branch
+ - Create a **new branch** for this commit and start a pull request
+
+Please select the second option (Create a new branch for this commit and start a pull request). Our team will be notified of the pull request and will review and merge the requested changes.

src/app/page.tsx

@@ -14,17 +14,20 @@ import Resources from '../content/resources.mdx'
 import { tools } from '../content/tools.mdx'
 import Funding from '../content/funding.mdx'
 import License from '../content/license.mdx'
+import Events from '../content/events.mdx'
 
 interface tools {
   [key: string]: any;
 }
 
 
 export default function Home() {
+
   return (
-    <MainGrid numberOfRows={6}>
+    <MainGrid numberOfRows={7}>
       <Navigation sections={[
         "Overview",
+        "Events",
         "Tools",
         "Resources",
         "Funding",
@@ -40,7 +43,10 @@ export default function Home() {
         <AcronymTagline />
         <OverviewSummary />
       </Section>
-      <Section title="Tools" index={1}>
+      <Section title="Events" index={1}>
+        <Events />
+      </Section>
+      <Section title="Tools" index={2}>
         <CardContainer>
           {tools.map((tool)=>(
             <Card
@@ -55,19 +61,19 @@ export default function Home() {
           ))}
         </CardContainer>
       </Section>
-      <Section title="Resources" index={2}>
+      <Section title="Resources" index={3}>
         <Resources />
       </Section>
-      <Section title="Funding" index={3}>
+      <Section title="Funding" index={4}>
         <Funding />
       </Section>
-      <Section title="License" index={4}>
+      <Section title="License" index={5}>
         <License />
         <div style={{height: '300px'}}>
 
         </div>
       </Section>
-      <Section title="More Information" index={5}>
+      <Section title="More Information" index={6}>
         <ContactForm />
       </Section>
     </MainGrid>

src/content/events.mdx

@@ -0,0 +1,24 @@
+# Welcome to the EpiCenter Webinar and Survey!
+
+## Explore the Future of Epigenetics with EpiCenter
+
+Join us for an exclusive webinar where we dive deep into the latest advancements in histone modification analysis and introduce our pioneering community resource, EpiCenter. Learn how this platform is set to transform the landscape of genomic research by providing high-resolution insights into chromatin dynamics and gene regulation.\
+Webinar Details:
+
+-   Topic: Advances in Histone Modification Analysis: Techniques, Technologies, and Applications
+-   Date: July 31, 2024
+-   Time: TBD
+-   Duration: 1 hour Max
+-   Platform: Zoom
+
+## What You Will Learn:
+
+-   Cutting-edge techniques for histone modification analysis.
+-   How we integrate these technologies to support groundbreaking research.
+-   The impact of AI and machine learning on epigenetic research.
+-   How you can engage with and benefit from the resources we are building.
+
+## Who Should Attend: 
+
+This webinar is ideal for researchers, academics, and students in genetics, molecular biology, and related fields, as well as anyone interested in the latest developments in epigenetics.\
+Register Now! Secure your spot [Link to registration] and be part of this enlightening session.Take the Survey Here

src/mdx-components.tsx

@@ -2,6 +2,11 @@ import type { MDXComponents } from 'mdx/types'
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {
+    h1: ({ children }) => <h3>{children}</h3>,
+    h2: ({ children }) => <h4>{children}</h4>,
+    h3:  ({ children }) => <h5>{children}</h5>,
+    h4:  ({ children }) => <h6>{children}</h6>,
+    ul: ({children}) => <ul style={{marginLeft: '1.5rem'}}>{children}</ul>,
     ...components,
   }
 }

tsconfig.json

@@ -30,7 +30,7 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     "**/*.d.ts",
-    "../mdx.d.ts"
+    "types/**/*.d.ts"
   ],
   "exclude": ["node_modules"]
 }

types/mdx.d.ts

@@ -0,0 +1,4 @@
+declare module '*.mdx' {
+  let MDXComponent: (props: any) => JSX.Element;
+  export default MDXComponent;
+}