Skip to content

Commit

Permalink
Merge pull request #293 from Shariq2003/RedesignRules
Browse files Browse the repository at this point in the history 
Redesigned Rules and Regulations Page | Attractive UI | Modern Styling | Issue #279
  • Loading branch information
@rishicds
rishicds authored Oct 28, 2024
2 parents 7280349 + fd01a49 commit 14ad1b2
Showing 1 changed file with 128 additions and 87 deletions.
215 changes: 128 additions & 87 deletions src/app/(pages)/RulesAndRegulations/page.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,63 @@
'use client'
import { motion } from "framer-motion";
import { AiOutlineInfoCircle, AiOutlineSafetyCertificate, AiOutlineWarning, AiFillProfile } from "react-icons/ai";
import { MdEmojiEvents, MdEmail } from "react-icons/md";
import { GiHealthNormal } from "react-icons/gi";

function Sidebar() {
return (
<div className="hidden lg:block lg:w-1/4 bg-gradient-to-b from-blue-500 to-purple-600 text-white p-6 h-screen sticky top-0 overflow-y-auto">
<ul className="space-y-6">
<li className="hover:text-indigo-200">
<a href="#general-conduct" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> General Conduct
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#event-registration" className="flex items-center">
<MdEmojiEvents className="inline mr-2" /> Event Registration
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#code-of-conduct" className="flex items-center">
<AiOutlineSafetyCertificate className="inline mr-2" /> Code of Conduct
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#use-of-resources" className="flex items-center">
<AiFillProfile className="inline mr-2" /> Use of Resources
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#social-media-conduct" className="flex items-center">
<MdEmail className="inline mr-2" /> Social Media Conduct
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#health-and-safety" className="flex items-center">
<GiHealthNormal className="inline mr-2" /> Health & Safety
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#breach-of-rules" className="flex items-center">
<AiOutlineWarning className="inline mr-2" /> Breach of Rules
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#contact-information" className="flex items-center">
<MdEmail className="inline mr-2" /> Contact Information
</a>
</li>
</ul>
</div>
);
}

export default function RulesAndRegulations() {
return (
<>
<div className="px-12 justify-content">
<div className="flex flex-col lg:flex-row">
<Sidebar />
<div className="px-6 lg:w-3/4 lg:h-screen overflow-y-auto text-gray-800">
<div className="text-center pt-10">
<motion.h1
className="text-5xl font-extrabold bg-gradient-to-r from-blue-500 to-purple-500 text-transparent bg-clip-text"
Expand All @@ -14,106 +67,94 @@ export default function RulesAndRegulations() {
>
Rules and Regulations for GDSC RCIIT
</motion.h1>

<motion.p
className="text-gray-600 text-l mt-4 max-w-6xl mx-auto"
className="text-gray-600 text-l mt-4 max-w-2xl mx-auto"
initial={{ opacity: 0, y: 50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8, delay: 0.2 }}
>
Welcome to Google Developer Student Clubs RCC Institute of Information Technology (GDSC RCIIT). To ensure a productive and respectful environment for all participants, members, and contributors, we have established the following rules and regulations. By participating in any GDSC RCIIT event or activity, you agree to abide by these rules.
Welcome to GDSC RCIIT! Please adhere to these rules to maintain a productive environment.
</motion.p>
</div>
<h1></h1>
<p>
</p>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">1. General Conduct</h2>
<p>
All participants are expected to conduct themselves in a manner that reflects positively on GDSC RCIIT. This includes being respectful to other participants, speakers, organizers, and any third-party collaborators. Inappropriate behavior, harassment, or discrimination of any kind will not be tolerated.
</p>
<ul>
<li>~ Treat everyone with respect, regardless of their background, race, gender, or opinions.</li>
<li>~ Avoid any behavior that could be perceived as harassment, bullying, or offensive.</li>
<li>~ Foster a collaborative and inclusive environment for learning and sharing knowledge.</li>
</ul>
<Section title="General Conduct" id="general-conduct" icon={<AiOutlineInfoCircle />}>
<p>Participants should conduct themselves positively and respectfully at GDSC RCIIT events.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Respect everyone, regardless of background or opinions.</li>
<li>Maintain a collaborative, inclusive environment.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">2. Event Registration and Attendance</h2>
<p>
To participate in GDSC RCIIT events, workshops, or competitions, all participants must register through the official platform provided. You agree to:
</p>
<ul>
<li>~ Provide accurate and up-to-date information during registration.</li>
<li>~ Attend the event on time and actively participate in scheduled activities.</li>
<li>~ Notify the organizers in case of cancellation or if you are unable to attend after registering.</li>
</ul>
<Section title="Event Registration" id="event-registration" icon={<MdEmojiEvents />}>
<p>To join events, register accurately and participate actively.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Provide accurate information during registration.</li>
<li>Attend events punctually and participate fully.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">3. Code of Conduct for Events and Competitions</h2>
<p>
GDSC RCIIT events and competitions are designed to foster collaboration, learning, and innovation. All participants must adhere to the following rules:
</p>
<ul>
<li>~ Respect time limits, rules, and regulations set for each specific event or competition.</li>
<li>~ Ensure that all work submitted during competitions or hackathons is original and does not violate any copyright or intellectual property laws.</li>
<li>~ Respect the decisions made by judges, organizers, and mentors.</li>
<li>~ Avoid any form of cheating, plagiarism, or sabotage of other participants' work.</li>
</ul>
<Section title="Code of Conduct" id="code-of-conduct" icon={<AiOutlineSafetyCertificate />}>
<p>Respect time limits, and rules in events, maintaining originality in submissions.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Respect time limits and rules in events.</li>
<li>Ensure all submitted work is original.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">4. Use of Resources</h2>
<p>
During workshops, hackathons, and other events, participants may be provided with access to various resources, including software, development tools, and mentorship. Participants must:
</p>
<ul>
<li>~ Use these resources responsibly and for their intended purpose.</li>
<li>~ Avoid any misuse or unauthorized distribution of materials or tools provided during events.</li>
<li>~ Respect the intellectual property rights of others and the fair use of shared resources.</li>
</ul>
<Section title="Use of Resources" id="use-of-resources" icon={<AiFillProfile />}>
<p>Utilize provided resources responsibly and respect intellectual property rights.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Use resources responsibly and as intended.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">5. Online and Social Media Conduct</h2>
<p>
GDSC RCIIT encourages participants to engage and share their experiences online. However, participants must maintain professionalism and respect when posting on social media or other public platforms:
</p>
<ul>
<li>~ Avoid posting negative or inflammatory comments about individuals, events, or the organization.</li>
<li>~ Do not share confidential information, including details of unannounced projects or private discussions.</li>
<li>~ Credit GDSC RCIIT appropriately when sharing event photos, presentations, or content.</li>
</ul>
<Section title="Social Media Conduct" id="social-media-conduct" icon={<MdEmail />}>
<p>Engage online respectfully and maintain professionalism in public posts.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Avoid posting inflammatory comments.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">6. Health and Safety</h2>
<p>
For in-person events, participants must follow all health and safety guidelines provided by GDSC RCIIT or the venue. This includes:
</p>
<ul>
<li>~ Following proper hygiene and sanitation protocols.</li>
<li>~ Complying with any safety measures, such as wearing masks or maintaining social distancing, as required by local regulations or event guidelines.</li>
<li>~ Reporting any safety hazards or incidents to event organizers immediately.</li>
</ul>
<Section title="Health and Safety" id="health-and-safety" icon={<GiHealthNormal />}>
<p>Follow health and safety protocols during in-person events.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Follow proper hygiene protocols.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">7. Breach of Rules</h2>
<p>
Violation of these rules and regulations may result in disciplinary action, including but not limited to:
</p>
<ul>
<li>~ Warning or reprimand from the organizers.</li>
<li>~ Disqualification from events or competitions.</li>
<li>~ Removal from the event or GDSC RCIIT activities without a refund (if applicable).</li>
<li>~ Permanent exclusion from future GDSC RCIIT events and activities.</li>
</ul>
<Section title="Breach of Rules" id="breach-of-rules" icon={<AiOutlineWarning />}>
<p>Violations may result in disciplinary actions, including exclusion from future events.</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li>Warning or reprimand from organizers.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">8. Amendments</h2>
<p>
GDSC RCIIT reserves the right to modify or update these rules and regulations at any time. Any changes will be communicated to participants, and it is your responsibility to stay informed of any updates. Continued participation in GDSC RCIIT activities implies acceptance of the revised rules.
</p>
<Section title="Contact Information" id="contact-information" icon={<MdEmail />}>
<p>
Have questions? Contact us at:
<br /><strong>Email:</strong> [email protected]
<br /><strong>Address:</strong> RCC Institute of Information Technology, Kolkata, India
</p>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">9. Contact Information</h2>
<p>
If you have any questions or concerns regarding these rules and regulations, feel free to contact us at:
</p>
<p><strong><i>Email</i></strong>: [email protected]</p>
<p><strong><i>Address</i></strong>: RCC Institute of Information Technology, Kolkata, India</p>

<p className="mb-6">Thank you for adhering to these rules and regulations and contributing to the positive experience at GDSC RCIIT.</p>
<p className="mt-6 text-center">Thank you for contributing to the positive experience at GDSC RCIIT.</p>
</div>
</>
</div>
);
}

function Section({ title, id, icon, children }) {
return (
<motion.div
className="mt-8 p-4 border-b border-gray-200"
id={id}
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }}
>
<h2 className="text-2xl mb-2 text-indigo-400 font-bold flex items-center">
{icon} <span className="ml-2">{title}</span>
</h2>
{children}
</motion.div>
);
}

0 comments on commit 14ad1b2

Please sign in to comment.