Migrate news section from old to new website and fix mobile view of g…

…socideas (#25)

* Improve Mobile view of gsoc_ideas page

* Migrate 3300+ lines of code of  all the news from old website to new website

* add responsive news section

src/pages/News.css

@@ -0,0 +1,29 @@
+/* News.css */
+
+.news-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    margin: 0 auto;
+    padding: 2rem;
+    max-width: 800px; /* Adjust the max-width as needed */
+
+
+  }
+
+
+/* Media query for screens with a maximum width of 600px */
+@media (max-width: 600px) {
+  .news-container {
+      padding: 1rem; /* Adjust padding for smaller screens */
+      max-width: 100%; /* Make sure it doesn't exceed the viewport width */
+  }
+}
+
+/* Media query for screens with a maximum width of 1200px */
+@media (max-width: 1200px) {
+  .news-container {
+      max-width: 600px; /* Adjust max-width for medium-sized screens */
+  }
+}

src/pages/gsoc.js

@@ -2,7 +2,7 @@ import React from "react";
 import Layout from "@theme/Layout";
 import styles from "./about.module.css";
 import clsx from "clsx";
-function Hello() {
+function gsoc() {
     return (
         <Layout title="About">
             <div className={styles.aboutContainer}>
@@ -22,13 +22,13 @@ function Hello() {
                             <p> </p>
                             &nbsp;
 
-                            <h2><a href="gsoc_ideas.html">Project Ideas</a></h2>
+                            <h2><a href="gsoc_ideas">Project Ideas</a></h2>
 
                             Ecosystem science has many components, so does PEcAn! Some Project ideas can be found here on our <a href="gsoc_ideas.html">project ideas list.</a>
 
                             <p>&nbsp;</p>
 
-                            <h2><a href="gsoc_apply.html">How to apply?</a></h2>
+                            <h2><a href="gsoc_apply">How to apply?</a></h2>
 
                             There are two steps to the application process:
 
@@ -97,4 +97,4 @@ function Hello() {
     );
 }
 
-export default Hello;
+export default gsoc;

src/pages/gsoc_ideas.js

@@ -2,7 +2,7 @@ import React from "react";
 import Layout from "@theme/Layout";
 import styles from "./about.module.css";
 import clsx from "clsx";
-function Hello() {
+function gsocIdeas() {
     return (
         <Layout title="About">
             <div className={styles.aboutContainer}>
@@ -23,7 +23,7 @@ function Hello() {
                             <h2><a name="ideas">Project Ideas</a></h2>
 
                             Following is a list of project ideas, use this list to contact the appropriate mentors on slack. Feel free to propose your own ideas as well,
-                            in this case contact @kooper in slack so he can put you in contact with the best mentors.
+                            in this case contact @kooper on slack so he can put you in contact with the best mentors.
 
 
                             <hr />
@@ -75,10 +75,10 @@ function Hello() {
                                 <li>The current PEcAn input processing occurs mostly within the primary runtime workflow, but numerous PEcAn applications would benefit from the ability to update near real-time data asynchronously with model execution, handling different data streams in parallel. As part of this we’d also like to make it easier to use PEcAn input processing modules as stand alone tools. This subproject also leverages a joint effort with the Red Hat Collaboratory.</li>
                                 <li>Increase the number of input products supported. Students may focus on one or more of the following:
                                     <ol type="a">
-                                        <li>Add the NMME (seasonal weather forecast) as an meteorological drivers</li>
-                                        <li>Add remote sensing data streams: NASA GEDI (lidar), solar induced fluorescence (e.g., NASA OCO-2, OCO-3), thermal (e.g., NASA ECOSTRESS)
+                                        <li>Add the NMME seasonal weather forecast as an meteorological drivers</li>
+                                        <li>Add remote sensing data streams: NASA GEDI lidar, solar induced fluorescence e.g., NASA OCO-2, OCO-3, thermal e.g., NASA ECOSTRESS
                                         </li>
-                                        <li>Extend our existing support for ingesting data from the National Ecological Observatory Network (NEON) soil moisture and soil respiration data products. This will involve developing integrating NEONSoils code into PEcAn https://github.com/jmzobitz/NEONSoils and internal code from the Dietze lab on soil moisture gap-filling and downscaling.</li>
+                                        <li>Extend our existing support for ingesting data from the National Ecological Observatory Network NEON soil moisture and soil respiration data products. This will involve developing integrating <a href="https://github.com/jmzobitz/NEONSoils" target="_blank">NEONSoils code</a> into PEcAn  and internal code from the Dietze lab on soil moisture gap-filling and downscaling.</li>
                                     </ol>
                                 </li>
                             </ol>
@@ -132,10 +132,8 @@ function Hello() {
                                 <dt><b>Expected outcome:</b></dt>
                                 <dd>The aims here are:
                                     <ol>
-                                        <li>Resurrect a previously-developed R Shiny dashboard for our carbon cycle forecast system (pecan/shiny/ForecastingDashboard), potentially integrating in work done by the Ecological Forecasting Initiative on their dashboard (https://github.com/eco4cast/neon4cast-dashboard) and FMI’s Field Observatory (https://www.fieldobservatory.org/en/home/)
-                                        </li>
-                                        <li>Merge in the functionality from our data assimilation dashboard (pecan/shiny/SDAdashboard)
-                                        </li>
+                                        <li>Resurrect a previously-developed R Shiny dashboard for our <a href="https://github.com/PecanProject/pecan/tree/develop/shiny/ForecastingDashboard" target="_blank">carbon cycle forecast system </a>, potentially integrating in work done by the Ecological Forecasting Initiative on their <a href="https://github.com/eco4cast/neon4cast-dashboard" target="_blank">dashboard</a>  and <a href="https://www.fieldobservatory.org/en/home/" target="_blank">FMI’s Field Observatory</a></li>
+                                        <li>Merge in the functionality from our <a href="https://github.com/PecanProject/pecan/tree/develop/shiny/SDAdashboard" target="_blank" >data assimilation dashboard </a></li>
                                         <li>Resurrect the automated email alert system that sent a subset of visualizations, and links to the full app, to users for the sites they are interested in.</li>
                                     </ol></dd>
                                 <dt><b>Prerequisites:</b></dt>
@@ -160,7 +158,7 @@ function Hello() {
                             <dl>
                                 <dt><b>Expected outcome:</b></dt>
                                 <dd>The primary aims are to migrate content from the old website and then deploy the new PEcAn website,
-                                    as discribed in
+                                    as described in
                                     <a href="https://github.com/PecanProject/web/issues/11">pecanproject/web Issue 11</a>.
                                     Additional ideas may be proposed.</dd>
                                 <dt><b>Prerequisites:</b></dt>
@@ -185,4 +183,4 @@ function Hello() {
     );
 }
 
-export default Hello;
+export default gsocIdeas;