From 8b5d95821e29aa449d1ed3d672f3f0a31faae5f2 Mon Sep 17 00:00:00 2001
From: Lucky Shrestha <luckshrestha@gmail.com>
Date: Wed, 18 Oct 2023 10:02:01 +0545
Subject: [PATCH] Add Guidelines page

---
 src/App.js                    |   2 +
 src/components/SiteHeader.js  |   1 +
 src/pages/Guidelines/index.js | 124 ++++++++++++++++++++++++++++++++++
 3 files changed, 127 insertions(+)
 create mode 100644 src/pages/Guidelines/index.js

diff --git a/src/App.js b/src/App.js
index 0e461680..37e2a561 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,6 +7,7 @@ import User from './pages/User';
 import Checker from './pages/Checker';
 import Me from './pages/Me';
 import NotFound from './pages/NotFound';
+import Guidelines from './pages/Guidelines';
 
 const App = () => (
   <Fragment>
@@ -18,6 +19,7 @@ const App = () => (
           <Route exact path="/checker" component={Checker} />
           <Route exact path="/user/:username" component={User} />
           <Route exact path="/me" component={Me} />
+          <Route exact path="/guidelines" component={Guidelines} />
           <Route component={NotFound} />
         </Switch>
       </Router>
diff --git a/src/components/SiteHeader.js b/src/components/SiteHeader.js
index 1c910b3e..7f91ea18 100644
--- a/src/components/SiteHeader.js
+++ b/src/components/SiteHeader.js
@@ -56,6 +56,7 @@ const SiteHeader = () => {
                                 <li className='nav__item'><a className='nav__link' href="/#swag">SWAG</a></li>
                                 <li className='nav__item'><a className='nav__link' href="/#faq">FAQs</a></li>
                                 <li className='nav__item'><Link className='nav__link' to="/checker">Checker</Link></li>
+                                <li className='nav__item'><Link className='nav__link' to="/guidelines">Guidelines</Link></li>
                             </ul>
 
                             <button className="menu-close d-lg-none">
diff --git a/src/pages/Guidelines/index.js b/src/pages/Guidelines/index.js
new file mode 100644
index 00000000..8aca6c5f
--- /dev/null
+++ b/src/pages/Guidelines/index.js
@@ -0,0 +1,124 @@
+import React, { Fragment } from 'react';
+import SiteHeader from 'components/SiteHeader';
+
+const Guidelines = () => (
+  <Fragment>
+    <SiteHeader />
+    <div className="container py-14x">
+      <h2>Frogtoberfest Participation Guidelines</h2>
+      <div>
+        <div className="my-10x">
+          <p>
+            <strong>Frogtoberfest</strong> is dedicated to fostering high-quality contributions to Open Source projects.
+          </p>
+          <p className="pt-5x">
+            Our mission is to inspire the Nepali community to get involved in Open Source and work together to improve
+            projects that power our modern digital landscape.
+          </p>
+          <p className="pt-5x">
+            With that in mind, we have prepared a few guidelines to ensure meaningful participation and contributions
+            throughout <strong>Frogtoberfest</strong>.
+          </p>
+        </div>
+        <div className="my-10x">
+          <h4>
+            <span role="img" aria-label="Wrench" className="mr-2x">
+              🔧
+            </span>
+            <span>Meaningful code changes</span>
+          </h4>
+          <p className="pt-5x">
+            Contributions should focus on meaningful code changes, such as bug fixes, new features, or improvements,
+            rather than superficial alterations or cosmetic modifications.
+          </p>
+        </div>
+        <div className="my-10x">
+          <h4>
+            <span role="img" aria-label="Orange books" className="mr-2x">
+              📚
+            </span>
+            <span>Documentation enhancements</span>
+          </h4>
+          <p className="pt-5x">
+            Encourage participants to contribute to project documentation, including updates, corrections, or
+            clarifications, to improve the overall quality and usability of the project.
+          </p>
+        </div>
+        <div className="my-10x">
+          <h4>
+            <span role="img" aria-label="Magnifying glass" className="mr-2x">
+              🔍
+            </span>
+            <span>Issue tracking</span>
+          </h4>
+          <p className="pt-5x">
+            Participants should prioritize issues or tasks listed in the project's issue tracker. This ensures alignment
+            with project priorities and helps address existing challenges.
+          </p>
+        </div>
+        <div className="my-10x">
+          <h4>
+            <span role="img" aria-label="Light bulb" className="mr-2x">
+              💡
+            </span>
+            <span>Value-added contributions</span>
+          </h4>
+          <p className="pt-5x">
+            Stress the importance of making contributions that provide clear value to the open-source project and its
+            users. Ask participants to consider how their contributions benefit the community.
+          </p>
+        </div>
+        <div className="my-10x">
+          <h4>
+            <span role="img" aria-label="Glowing star" className="mr-2x">
+              🌟
+            </span>
+            <span>Quality over quantity</span>
+          </h4>
+          <p className="pt-5x">
+            The emphasis on quality has resulted in participants submitting fewer, but more substantial, PRs. This
+            approach ensures that contributions are valuable to the open-source community.
+          </p>
+        </div>
+        <div className="my-10x">
+          <h4>
+            <span role="img" aria-label="Eye in speech bubble" className="mr-2x">
+              👁️‍🗨️
+            </span>
+            <span>Code review process</span>
+          </h4>
+          <p className="pt-5x">
+            The code review process will be conducted after the event's completion to maintain the quality of
+            contributions.
+          </p>
+          <p className="pt-5x">
+            Experienced reviewers will provide valuable feedback, enhancing the overall quality of PRs. The rejection of
+            low-quality PRs will reinforce the importance of quality contributions, and participants will become more
+            conscious of submitting meaningful changes.
+          </p>
+        </div>
+        <div className="my-10x">
+          <p>
+            This approach ensures that the final report for <strong>Frogtoberfest</strong> reflects the true value of
+            contributions, as only high-quality PRs that meet the established guidelines will be counted towards
+            participants' achievements.
+          </p>
+          <p>
+            Happy contributing!
+            <span role="img" aria-label="Frog" className="ml-2x">
+              🐸
+            </span>
+          </p>
+          <p className="pt-5x">
+            As <strong>Frogtoberfest</strong> continues, we remain dedicated to these principles, ensuring that
+            participants continue to make valuable contributions that benefit the open-source community. These
+            guidelines will continue to serve as a cornerstone for promoting high-quality contributions and fostering a
+            thriving open-source ecosystem.
+          </p>
+        </div>
+      </div>
+    </div>
+  </Fragment>
+);
+
+export default Guidelines;