Added logo (#41)

docusaurus.config.js

@@ -14,7 +14,7 @@ const config = {
   baseUrl: "/",
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
-  favicon: "img/ciroh_logo.png",
+  favicon: "img/docuhub-logo.png",
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
@@ -55,10 +55,10 @@ const config = {
         // ... other stylesheets
       ],
       navbar: {
-        title: "CIROH Docs",
+        title: "CIROH DocuHub",
         logo: {
           alt: "CIROH Logo",
-          src: "img/ciroh_logo.png",
+          src: "img/docuhub-logo.png",
         },
         items: [
           {
@@ -79,11 +79,6 @@ const config = {
             position: "left",
             label: "Education",
           },
-          {
-            href: "https://ciroh.org",
-            label: "ciroh.org",
-            position: "left",
-          },
           {
             href: "/blog",
             label: "Blog",
@@ -94,11 +89,6 @@ const config = {
             label: "About us",
             position: "right",
           },
-          {
-            href: "/Contribute",
-            label: "How to contribute",
-            position: "right",
-          },
           // {
           //   href: 'https://github.com/CIROH-UA',
           //   label: 'GitHub',

src/components/HomepageFeatures/index.js

@@ -99,37 +99,36 @@ export default function HomepageFeatures() {
         </div>
 
         <div className="row" style={{ paddingTop: 30 }}>
-          <div className="col col--4" style={{ textAlign: "center" }}>
-            <img alt="noaaImage" src="img/noaalogo.png" />
-          </div>
-          <div className="col col--4" style={{ textAlign: "center" }}>
-            <img alt="awiImage" src="img/awi.png" style={{ marginTop: 125 }} />
-          </div>
-          <div className="col col--4" style={{ textAlign: "center" }}>
-            <img
-              alt="cirohImage"
-              src="img/cirohlogo-trans.png"
-              style={{ height: 275, width: 275, marginTop: 15 }}
-            />
-          </div>
-        </div>
-
-        <div className="row" style={{ paddingTop: 30 }}>
-          <div className="alert alert--info" role="alert">
-            Are you enjoying our <strong>CIROH information hub</strong> website?
-            Interested in{" "}
-            <strong>
-              contributing or adding your documentation, tutorials, training
-              data, and more?
-            </strong>
-            <span>
-              {" "}
-              Discover how you can contribute to enhance our platform.{" "}
-            </span>
-            <br /><br />
-            <a className="button button--info" href="/Contribute">
-              How to Contribute?
-            </a>
+          <div
+            className="flex-container alert alert--info"
+            style={{ display: "flex" }}
+          >
+            <div>
+              <img
+                src="img/docuhub-logo.png"
+                style={{ maxWidth: "40%" }}
+                alt="Logo"
+              />
+            </div>
+            <div style={{'padding-top':'5px', 'margin-left':'-175px'}}>
+              <strong>CONTRIBUTE</strong>
+              <br />
+              Are you enjoying our <strong>CIROH DocuHub</strong>{" "}
+              website? Interested in{" "}
+              <strong>
+                contributing or adding your documentation, tutorials, training
+                data, and more?
+              </strong>
+              <span>
+                {" "}
+                Discover how you can contribute to enhance our platform.{" "}
+              </span>
+              <br />
+              <br />
+              <a className="button button--info" href="/Contribute">
+                How to Contribute?
+              </a>
+            </div>
           </div>
         </div>
 
@@ -147,6 +146,23 @@ export default function HomepageFeatures() {
             </div>
           </div>
         </div>
+
+        <div className="row" style={{ paddingTop: 30 }}>
+          <div className="col col--4" style={{ textAlign: "center" }}>
+            <img alt="noaaImage" src="img/noaalogo.png" />
+          </div>
+          <div className="col col--4" style={{ textAlign: "center" }}>
+            <img alt="awiImage" src="img/awi.png" style={{ marginTop: 125 }} />
+          </div>
+          <div className="col col--4" style={{ textAlign: "center" }}>
+            <img
+              alt="cirohImage"
+              src="img/cirohlogo-trans.png"
+              style={{ height: 275, width: 275, marginTop: 15 }}
+            />
+          </div>
+        </div>
+
       </div>
     </section>
   );

src/pages/contribute.md

@@ -1,6 +1,6 @@
 # How to Contribute Code?
 
-Thank you for your interest in contributing to the CIROH technical documentation site! We welcome contributions in various forms, whether it's commenting on and adding CIROH project details or submitting pull requests (PRs). In this guide, we'll walk you through the process of contributing code to the CIROH Docusite.
+Thank you for your interest in contributing to the CIROH DocuHub - CIROH's technical documentation site! We welcome contributions in various forms, whether it's commenting on and adding CIROH project details or submitting pull requests (PRs). In this guide, we'll walk you through the process of contributing code to the CIROH DocuHub.
 
 Our website is constructed using [Docusaurus](https://docusaurus.io/), a modern static website generator.
 

src/pages/index.js

@@ -11,33 +11,26 @@ function HomepageHeader() {
   const {siteConfig} = useDocusaurusContext();
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
-      <div className="container">
-        <h1 className="hero__title">{siteConfig.title}</h1>
-        {/* <p className="hero__subtitle">{siteConfig.tagline}</p> */}
-        {/* <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/docs/products/products-intro">
-            Documentation            
-          </Link>
-          <Link style={{marginLeft: '20px'}}
-            className="button button--info button--lg"
-            to="/docs/services/">
-            Cloud Services            
-          </Link>
-        </div> */}
-        <span style={{ fontSize: 20 }}>
-                  <b>CIROH</b>, a partnership between <b>NOAA</b> and{" "}
-                  <b>the University of Alabama</b>, is a national consortium
-                  committed to advance the forecasting of floods, droughts, and
-                  water quality. CIROH scientists work to improve hydrologic
-                  process understanding, operational hydrologic forecasting
-                  techniques and workflows, community water modeling,
-                  translation of forecasts to actionable products, and use of
-                  water predictions in decision making.
-                </span>
+    <div className="container">
+      <div className="hero-content">
+        <div className="hero-flex-container">
+          <div className="hero-text">
+            <h1 className="hero__title">{siteConfig.title}</h1>
+            <span style={{ fontSize: 20 }}>
+              Welcome to <b>CIROH's DocuHub </b> – a carefully curated central repository
+              providing in-depth technical insights into <b>CIROH's projects, services, and documentation. </b>
+              This invaluable resource is designed to empower team members, collaborators, 
+              and community stakeholders with the knowledge needed to enhance their understanding and contributions. 
+              Explore DocuHub to deepen your understanding and actively engage in our collaborative learning culture.
+            </span>
+          </div>
+          {/* <div className="hero-image">
+            <img src="img/docuhub-logo.png" alt="Logo" style={{ maxWidth: '15%' }} />
+          </div> */}
+        </div>
       </div>
-    </header>
+    </div>
+  </header>
   );
 }