├── .DS_Store
├── .github
├── ISSUE_TEMPLATE
│ ├── bug_report.md
│ └── feature_request.md
├── config.yml
└── pull_request_template.md
├── .gitignore
├── LICENSE
├── README.md
├── Website design.mov
├── assets
├── .DS_Store
├── GsLogo_White.png
├── Gs_icon.png
├── Picture1.png
├── Picture2.png
├── Picture3.png
├── Picture4.png
├── Picture5.png
├── Readme.md
├── aboutpage
│ ├── .DS_Store
│ ├── README.md
│ └── Simran Bhardwaj
│ │ ├── .DS_Store
│ │ ├── Animate design 2.png
│ │ ├── Design 1.png
│ │ └── Design working.mov
├── contacts
│ └── README.md
├── events
│ └── README.md
├── footer
│ ├── README.md
│ └── vedika agarwal
│ │ └── footer.png
├── girlscript_community_website_new.gif
├── girlscript_styleguide.png
├── homepage
│ ├── .DS_Store
│ ├── README.md
│ ├── jhasuraj
│ │ ├── README.md
│ │ └── home.jpg
│ ├── rutuja
│ │ └── rutuja.png
│ └── vedika
│ │ └── homepage.png
├── img1.png
├── img2.png
└── programs
│ └── README.md
├── backend
├── README.md
├── backend
│ ├── __init__.py
│ ├── __pycache__
│ │ ├── __init__.cpython-38.pyc
│ │ ├── settings.cpython-38.pyc
│ │ ├── urls.cpython-38.pyc
│ │ └── wsgi.cpython-38.pyc
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
├── db.sqlite3
└── manage.py
├── contribute.md
├── frontend
├── .env
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
├── src
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── Components
│ │ ├── 404
│ │ │ ├── 404.css
│ │ │ └── 404.js
│ │ ├── Common
│ │ │ ├── About.js
│ │ │ ├── Common.js
│ │ │ ├── Join.js
│ │ │ └── Newsletter.js
│ │ ├── EventSection
│ │ │ └── EventSection.js
│ │ ├── Footer
│ │ │ ├── footer.js
│ │ │ └── footer.module.css
│ │ ├── Home
│ │ │ └── Home.js
│ │ ├── Mission
│ │ │ ├── Mission.js
│ │ │ └── mission.module.css
│ │ ├── Navbar
│ │ │ ├── GS_logo_black(1).png
│ │ │ ├── NavComp.js
│ │ │ ├── Navbar.js
│ │ │ └── navbar.css
│ │ ├── OurCommunity
│ │ │ └── OurCommunity.js
│ │ ├── OurImpact
│ │ │ └── OurImpact.js
│ │ ├── OurPrograms
│ │ │ └── OurPrograms.js
│ │ ├── ScrollTop
│ │ │ ├── ScrollTop.js
│ │ │ └── scrollTop.module.css
│ │ ├── Testimonial
│ │ │ ├── Card1.js
│ │ │ ├── Cardtemplate.js
│ │ │ ├── Testimonial.css
│ │ │ └── Testimonial.js
│ │ ├── Upcomingeve
│ │ │ ├── CardTemplate.js
│ │ │ ├── Pastevents.js
│ │ │ ├── Upcomingeve.css
│ │ │ ├── Upcomingeve.js
│ │ │ └── Upcomingevents.js
│ │ ├── ourCommunity
│ │ │ ├── ourCommunity.css
│ │ │ └── ourCommunity.js
│ │ └── ourImpact
│ │ │ ├── ourImpact.css
│ │ │ └── ourImpact.js
│ ├── Pages
│ │ └── Homepage.js
│ ├── Test_data
│ │ ├── Mission.js
│ │ ├── Testimonial.js
│ │ ├── UpcomingEve.js
│ │ └── ourImpactPiChartData.js
│ ├── images
│ │ ├── GsLogo_White.png
│ │ ├── Gs_icon.png
│ │ ├── andrea.png
│ │ ├── bg.png
│ │ ├── event1.jpeg
│ │ ├── event2.jpeg
│ │ ├── event3.jpg
│ │ ├── event4.jpg
│ │ ├── event5.jpg
│ │ ├── login_bg.png
│ │ ├── loginbg.png
│ │ ├── ocomma.png
│ │ └── scomma.png
│ ├── index.css
│ └── index.js
└── yarn.lock
├── package-lock.json
└── style.md
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GirlScript/Girscript-Community-Website/957a030e3aefd4a0fa07c5106ef189687ae31ac6/.DS_Store
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: "\U0001F41B Bug report"
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: bug
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce the Current Behavior**
14 | Steps to reproduce the current behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Related Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: "\U0001F680 Feature request"
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 |
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 |
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 |
22 |
23 |
24 | ###### Do you want to work on this issue - [Yes/No]
25 |
--------------------------------------------------------------------------------
/.github/config.yml:
--------------------------------------------------------------------------------
1 | newIssueWelcomeComment: >
2 | Thanks for opening for issue here! Be sure to follow the issue template! Mentors will soon assign you :)
3 | newPRWelcomeComment: >
4 | Thanks for opening this pull request! Mentors will soon Review your PR :)
5 | firstPRMergeComment: >
6 | Congrats on merging your first pull request! We here at behaviorbot are proud of you!
7 |
--------------------------------------------------------------------------------
/.github/pull_request_template.md:
--------------------------------------------------------------------------------
1 | # Description
2 |
3 | Please include a summary of the change and which issue is fixed.
4 | Please also include relevant motivation and context.
5 |
6 | Closes # (issue)
7 |
8 | ## Type of change
9 |
10 | Please delete options that are not relevant.
11 |
12 | - [ ] Bug fix (non-breaking change which fixes an issue)
13 | - [ ] New feature (non-breaking change which adds functionality)
14 | - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
15 | - [ ] This change requires a documentation update
16 |
17 | # Checklist:
18 |
19 | - [ ] My code follows the style guidelines of this project
20 | - [ ] I have performed a self-review of my own code
21 | - [ ] I have commented my code, particularly in hard-to-understand areas
22 | - [ ] I have made corresponding changes to the documentation
23 | - [ ] My changes generate no new warnings
24 | - [ ] I have added tests that prove my fix is effective or that my feature works
25 | - [ ] Any dependent changes have been merged and published in downstream modules
26 |
27 | ## Screenshots
28 |
29 | Original | Updated
30 | :--------------------: |:--------------------:
31 | **original screenshot** | updated screenshot |
32 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | **/node_modules
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 GirlScript
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | # Girlscript Community Website
4 |
5 |
6 |
7 |
5 |
6 |
14 | 🎉First off All, thanks for taking the time out of your schedule and deciding to contribute here!👍
15 |
16 |
17 | ## Assistance to get started:page_facing_up:
18 |
19 |
20 | If you're new to contributing and have no idea about working with repositories, be sure to check [GitHub docs to getting started](https://docs.github.com/en/free-pro-team@latest/github/getting-started-with-github) from GitHub may also be helpful to refer.
21 |
22 |
23 |
24 | This project aims to simplify and guide the way beginners make their first contribution. If you are looking to make your first contribution, follow the steps below.
25 |
26 | _If you're not comfortable with command line, [here are tutorials using GUI tools.](#tutorials-using-other-tools)_
27 |
28 |
29 |
30 | #### If you don't have git on your machine, [install it](https://help.github.com/articles/set-up-git/).
31 |
32 | ## Fork this repository
33 |
34 | Fork this repository by clicking on the fork button on the top of this page.
35 | This will create a copy of this repository in your account.
36 | 
37 |
38 |
39 | ## Clone the repository
40 |
41 | 
42 |
43 |
44 | 
45 |
46 |
47 |
48 |
49 | Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the _copy to clipboard_ icon.
50 |
51 | Open a terminal and run the following git command:
52 |
53 | ```
54 | git clone "url you just copied"
55 | ```
56 |
57 | where "url you just copied" (without the quotation marks) is the url to this repository (your fork of this project). See the previous steps to obtain the url.
58 |
59 | 
60 |
61 |
62 | ## Create a branch
63 |
64 | Change to the repository directory on your computer (if you are not already there):
65 |
66 | 
67 |
68 |
69 |
70 | Now create a branch using the `git checkout` command:
71 |
72 | ```
73 | git checkout -b your-new-branch-name
74 | ```
75 |
76 | For example:
77 |
78 | ```
79 | git checkout -b your_branch_name
80 | ```
81 |
82 | ## Folder Structure Guidelines for Designers
83 | Organize your design files in an hierarchy as shown below before making PR
84 | ```
85 | |-- assets
86 | |-- homepage
87 | | |-- your_name
88 | | |-- file_name.png
89 | | |-- file_name.jpg
90 | |-- aboutpage
91 | | |-- your_name
92 | | |-- file_name1.png
93 | | |-- file_name2.png
94 | |-- events
95 | |-- contact
96 | |-- programs
97 | |-- footer
98 | ```
99 |
100 | Guidelines:
101 | - Replace *your_name* with your own name
102 | - You can choose any filename
103 | - You can submit as many files you want in any format in your own folder(s).
104 | - Do not make changes in others folder
105 | - If you want to submit component or page not mentioned here, create an issue regarding the same.
106 |
107 | ## Make necessary changes and commit those changes
108 |
109 | Now open the file, make the changes u want. Now, save the file.
110 |
111 | If you execute the command `git status` on terminal(or git bash), you'll see there are changes.
112 |
113 | Add those changes to the branch you just created using the `git add` command:
114 |
115 | ```
116 | git add your_file_ name
117 | ```
118 |
119 | Now commit those changes using the `git commit` command:
120 |
121 | ```
122 | git commit -m "type a message describing your contribution or changes you made"
123 | ```
124 |
125 |
126 | ## Push changes to GitHub
127 |
128 | Push your changes using the command `git push`:
129 |
130 | ```
131 | git push origin add-your-branch-name
132 | ```
133 |
134 | replacing `add-your-branch-name` with the name of the branch you created earlier.
135 |
136 | ## Submit your changes for review
137 |
138 | If you go to your repository on GitHub, you'll see a `Compare & pull request` button. Click on that button.
139 |
140 | 
141 |
142 | Now submit the pull request.
143 |
144 | 
145 |
146 | Soon I'll be merging all your changes into the master branch of this project. You will get a notification email once the changes have been merged.
147 |
148 | ## Where to go from here?
149 |
150 | Congrats! You just completed the standard _fork -> clone -> edit -> pull request_ workflow that you'll encounter often as a contributor!
151 |
152 | Celebrate your contribution and share it with your friends and followers.
153 |
154 |
155 |
--------------------------------------------------------------------------------
/frontend/.env:
--------------------------------------------------------------------------------
1 | SKIP_PREFLIGHT_CHECK=true
2 | NODE_PATH=./src
3 |
--------------------------------------------------------------------------------
/frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | # Set Up Frontend of Website Locally
2 |
3 | 1.Go to the folder where you cloned the repository GirlScript-Community-Website
4 |
5 | 2.Go inside GirlScript-Community-Website directory
6 | `cd GirlScript-Community-Website`
7 |
8 | 3.Go inside frontend directory
9 | `cd frontend`
10 |
11 | 4.Installing node_modules
12 | `npm install`
13 |
14 | 5.Starting up the server
15 | `npm start`
16 |
17 | 6.Go to your Web Browser and type
18 | `http://localhost:3000`
19 |
20 | Hurrah!! You have locally deployed the Frontend of the Website
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "GirlScript",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@fortawesome/fontawesome-svg-core": "^1.2.35",
7 | "@fortawesome/free-brands-svg-icons": "^5.15.3",
8 | "@fortawesome/free-solid-svg-icons": "^5.15.3",
9 | "@fortawesome/react-fontawesome": "^0.1.14",
10 | "@testing-library/jest-dom": "^5.11.9",
11 | "@testing-library/react": "^11.2.5",
12 | "@testing-library/user-event": "^12.8.3",
13 | "bootstrap": "^5.0.0-alpha1",
14 | "chokidar": "^2.1.8",
15 | "react": "^17.0.1",
16 | "react-bootstrap": "^1.5.2",
17 | "react-dom": "^17.0.1",
18 | "react-icons": "^4.2.0",
19 | "react-router-dom": "^5.2.0",
20 | "react-scripts": "4.0.3",
21 | "semantic-ui-css": "^2.4.1",
22 | "start": "^5.1.0",
23 | "styled-components": "^5.2.1",
24 | "web-vitals": "^1.1.1"
25 | },
26 | "scripts": {
27 | "start": "react-scripts start",
28 | "build": "react-scripts build",
29 | "test": "react-scripts test",
30 | "eject": "react-scripts eject"
31 | },
32 | "eslintConfig": {
33 | "extends": [
34 | "react-app",
35 | "react-app/jest"
36 | ]
37 | },
38 | "browserslist": {
39 | "production": [
40 | ">0.2%",
41 | "not dead",
42 | "not op_mini all"
43 | ],
44 | "development": [
45 | "last 1 chrome version",
46 | "last 1 firefox version",
47 | "last 1 safari version"
48 | ]
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/frontend/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GirlScript/Girscript-Community-Website/957a030e3aefd4a0fa07c5106ef189687ae31ac6/frontend/public/favicon.ico
--------------------------------------------------------------------------------
/frontend/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | GirlScript
17 |
18 |
19 | You need to enable JavaScript to run this app.
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/frontend/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GirlScript/Girscript-Community-Website/957a030e3aefd4a0fa07c5106ef189687ae31ac6/frontend/public/logo192.png
--------------------------------------------------------------------------------
/frontend/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GirlScript/Girscript-Community-Website/957a030e3aefd4a0fa07c5106ef189687ae31ac6/frontend/public/logo512.png
--------------------------------------------------------------------------------
/frontend/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "GirlScript",
3 | "name": "girlscript foundation",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/frontend/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/frontend/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | height: 40vmin;
7 | pointer-events: none;
8 | }
9 |
10 | @media (prefers-reduced-motion: no-preference) {
11 | .App-logo {
12 | animation: App-logo-spin infinite 20s linear;
13 | }
14 | }
15 |
16 | .App-header {
17 | background-color: #282c34;
18 | min-height: 100vh;
19 | display: flex;
20 | flex-direction: column;
21 | align-items: center;
22 | justify-content: center;
23 | font-size: calc(10px + 2vmin);
24 | color: white;
25 | }
26 |
27 | .App-link {
28 | color: #61dafb;
29 | }
30 |
31 | @keyframes App-logo-spin {
32 | from {
33 | transform: rotate(0deg);
34 | }
35 | to {
36 | transform: rotate(360deg);
37 | }
38 | }
39 |
40 |
41 |
--------------------------------------------------------------------------------
/frontend/src/App.js:
--------------------------------------------------------------------------------
1 | // import logo from './logo.svg';
2 | import { Fragment } from "react";
3 | import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
4 | import "semantic-ui-css/semantic.min.css";
5 | import './App.css';
6 | import React, { PureComponent } from 'react';
7 | // Pages Import
8 |
9 |
10 | import HomePage from "./Pages/Homepage";
11 | import Footer from "./Components/Footer/footer";
12 | import Home from './Components/Home/Home';
13 | import About from './Components/Common/About';
14 | import Eventsection from './Components/EventSection/EventSection';
15 | import OurPrograms from './Components/OurPrograms/OurPrograms';
16 | import OurCommunity from './Components/OurCommunity/OurCommunity';
17 | import OurImpact from './Components/OurImpact/OurImpact';
18 |
19 |
20 |
21 | const App = () => {
22 | return (
23 |
24 |
25 |
26 |
27 |
38 |
41 |
42 |
43 |
44 | );
45 | };
46 |
47 | export default App;
48 |
--------------------------------------------------------------------------------
/frontend/src/App.test.js:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import App from './App';
3 |
4 | test('renders learn react link', () => {
5 | render(
10 |
11 |
Somthing is wrong!!
12 |
The page you are looking for was moved, removed,renamed or might never existed.
13 |
14 |
15 |
17 |
18 |
6 |
Event section
7 |
8 | )
9 | }
10 |
--------------------------------------------------------------------------------
/frontend/src/Components/Footer/footer.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link } from "react-router-dom";
3 | import style from "./footer.module.css";
4 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
5 | import { faHeart, faEnvelope} from '@fortawesome/free-solid-svg-icons'
6 | import {
7 | faFacebook,
8 | faTwitter
9 | } from '@fortawesome/free-brands-svg-icons';
10 | import images from "../../images/GsLogo_White.png";
11 |
12 |
13 | const Footer = () => {
14 | return (
15 |
16 |
112 |
113 | );
114 | };
115 | export default Footer
--------------------------------------------------------------------------------
/frontend/src/Components/Footer/footer.module.css:
--------------------------------------------------------------------------------
1 | .footer {
2 | display: flex;
3 | flex-flow: row wrap;
4 | padding: 30px 50px 20px 50px;
5 | color: #c2d6d7;
6 | background-color: black;
7 | border-top: 1px solid #e5e5e5;
8 | }
9 |
10 | .footer > * {
11 | flex: 1 100%;
12 | }
13 |
14 | .footer-addr {
15 | margin-right: 1.25em;
16 | margin-bottom: 2em;
17 | }
18 |
19 | .nav-title {
20 | font-weight: 600;
21 | font-size: 18px;
22 | color: #fff;
23 | }
24 |
25 | .footer address {
26 | font-style: normal;
27 | color: #c2d6d7;
28 | }
29 |
30 | .footer ul {
31 | list-style: none;
32 | padding-left: 0;
33 | }
34 |
35 | .footer li {
36 | line-height: 2em;
37 | }
38 |
39 | .footer a {
40 | text-decoration: none;
41 | }
42 |
43 | .footer-nav {
44 | display: flex;
45 | flex-flow: row wrap;
46 | }
47 |
48 | .footer-nav > * {
49 | flex: 1 50%;
50 | margin-right: 1.25em;
51 | }
52 | .nav-ul a {
53 | color: #c2d6d7;
54 | }
55 |
56 | .nav-ul a:hover {
57 | color: orange;
58 | }
59 |
60 | .nav-ul-extra {
61 | column-count: 2;
62 | column-gap: 1.25em;
63 | }
64 |
65 | .fa-linkedin,
66 | .fa-slack,
67 | .fa-envelope,
68 | .fa-github,
69 | .fa-github-own,
70 | .fa-slack-own,
71 | .fa-linkedin-own {
72 | padding: 5px;
73 | color: white;
74 | }
75 |
76 | .fa-linkedin:hover,
77 | .fa-linkedin-own:hover {
78 | color: #0088cc;
79 | }
80 |
81 | .fa-slack:hover,
82 | .fa-slack-own:hover {
83 | color: #dd2a7b;
84 | }
85 |
86 | .fa-envelope:hover,
87 | .fa-envelope:hover {
88 | color: #c71610;
89 | }
90 |
91 | .fa-github:hover,
92 | .fa-github-own:hover {
93 | color: #7af7cd;
94 | }
95 |
96 | .footer-dash {
97 | text-align: center;
98 | padding-top: 2px;
99 | width: 90px;
100 | height: 2px;
101 | margin-top: -32px;
102 | margin-bottom: 12px;
103 | background: linear-gradient(
104 | 45deg,
105 | #a40606 0%,
106 | #d98324
107 | 90%
108 | );
109 | background-size: 100% 5px;
110 | /* if linear-gradient, we need to resize it */
111 | }
112 |
113 | .footer-text {
114 | padding-top: 10px;
115 | text-align: center;
116 | font-size: 0.8rem;
117 | background: black;
118 | }
119 |
120 | .nav-item {
121 | margin-bottom: 3.5rem;
122 | }
123 |
124 | /* Social Icons styles */
125 | :root {
126 | --r: 12px;
127 | /* corner radius */
128 | --w: 4px;
129 | /* width of the border */
130 | }
131 |
132 | .col .social li {
133 | color: #ffffff00;
134 | }
135 |
136 | .col .social li a {
137 | position: relative;
138 | line-height: 50px;
139 | font-size: 20px;
140 | text-align: center;
141 | margin-top: 0px;
142 | margin-right: 50px;
143 | margin-left: 0px;
144 | margin-bottom: 40px;
145 | transition: 0.5s;
146 | float: left;
147 | }
148 |
149 | .col .social,
150 | .col .social * {
151 | box-sizing: content-box;
152 | }
153 |
154 | @media screen and (min-width: 40.375em) {
155 | .footer-nav > * {
156 | flex: 1;
157 | }
158 |
159 | .footer-addr {
160 | flex: 1 0px;
161 | }
162 |
163 | .footer-nav {
164 | flex: 2 0px;
165 | }
166 | }
167 |
168 | @media screen and (max-width: 510px) {
169 | .col .social {
170 | display: grid;
171 | grid-template-columns: 50% 50%;
172 | width: fit-content;
173 | }
174 | }
--------------------------------------------------------------------------------
/frontend/src/Components/Home/Home.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default function Home() {
4 | return (
5 |
6 |
Home page
7 |
8 | )
9 | }
10 |
--------------------------------------------------------------------------------
/frontend/src/Components/Mission/Mission.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import style from "./mission.module.css";
3 | import arrayCards from "../../Test_data/Mission";
4 |
5 | const Mission = () => {
6 | return (
7 |
8 |
9 |
10 |
MISSION AND VISION
11 |
12 |
14 | {arrayCards.map((element, i) => {
15 | return (
16 |
19 |
20 |
21 |
{element[1]}
22 |
23 |
24 | );
25 | })}
26 |
28 | );
29 | };
30 |
31 | export default Mission;
--------------------------------------------------------------------------------
/frontend/src/Components/Mission/mission.module.css:
--------------------------------------------------------------------------------
1 | main {
2 | display: flex;
3 | flex-direction: column;
4 | align-items: center;
5 | }
6 |
7 | #hero {
8 | display: flex;
9 | width: 100vw;
10 | }
11 |
12 | #heading {
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | width: 100%;
17 | margin: 4rem 0 2rem 0;
18 | text-align: center;
19 | }
20 |
21 | #title {
22 | display: flex;
23 | font-size: 3.5rem;
24 | line-height: 4rem;
25 | font-weight: bold;
26 | }
27 |
28 | #all-cards {
29 | display: flex;
30 | justify-content: center;
31 | flex-wrap: wrap;
32 | width: 95vw;
33 | margin: 0.5em;
34 | }
35 |
36 | .card-item {
37 | background-color: #95B9C7;
38 | text-align: center;
39 | font-size: 1.5rem;
40 | border-radius: 1em;
41 | box-shadow: 0.3em 0.3em 0.4em grey;
42 | height: auto;
43 | width: 15em;
44 | margin: 1em;
45 | background-position: left center;
46 | transition: background 0.3s ease-out;
47 | }
48 |
49 | .card-item2 {
50 | height: 10em;
51 | }
52 |
53 | .clickable-card {
54 | display: flex;
55 | flex-direction: column;
56 | align-items: center;
57 | padding: 1.6em;
58 | padding-top: 2.5em;
59 | color: var(--bs-light);
60 | }
61 |
62 | .card-title {
63 | font-size: 1.4rem;
64 | margin-bottom: 1.5rem;
65 | line-height: 1.9rem;
66 | font-weight: bold;
67 | }
68 |
69 | .card-content {
70 | font-weight: normal;
71 | text-align: center;
72 | font-size: 1.2rem;
73 | width: 100%;
74 | }
75 |
76 | .card-item:hover {
77 | background: linear-gradient(
78 | 45deg,
79 | #f9d976 0%,
80 | #f39f86 90%
81 | );
82 | }
83 |
84 | @media screen and (orientation: portrait) {
85 | #hero {
86 | flex-direction: column;
87 | }
88 |
89 | }
90 |
--------------------------------------------------------------------------------
/frontend/src/Components/Navbar/GS_logo_black(1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GirlScript/Girscript-Community-Website/957a030e3aefd4a0fa07c5106ef189687ae31ac6/frontend/src/Components/Navbar/GS_logo_black(1).png
--------------------------------------------------------------------------------
/frontend/src/Components/Navbar/NavComp.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./navbar.css";
3 | import Logo from "./GS_logo_black(1).png";
4 | import {Nav, Navbar} from 'react-bootstrap'
5 |
6 | const NavComp = () =>{
7 | return(
8 |
9 |
10 |
11 |
13 |
14 |
15 |
17 |
18 | About
19 | Event
20 | Program
21 | Contact
22 | Login
23 |
24 |
28 |
29 |
30 | );
31 | };
32 | export default NavComp;
--------------------------------------------------------------------------------
/frontend/src/Components/Navbar/Navbar.js:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | import NavComp from "./NavComp.js"
3 |
4 | const Navbar = () => {
5 |
6 | return (
7 |
8 |
9 |
11 |
20 |
22 |
23 |
24 |
66 |
Donate Now
67 |
Join Us
68 |
70 |
71 | );
72 | };
73 |
74 | export default Navbar;
--------------------------------------------------------------------------------
/frontend/src/Components/Navbar/navbar.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | font-family: Verdana, Geneva, Tahoma, sans-serif;
6 | }
7 |
8 | .navbar {
9 | background-color: white !important;
10 | margin: 0px 10px;
11 | }
12 |
13 | .image {
14 | height: auto;
15 | width: auto;
16 | max-height: 100px;
17 | max-width: 250px;
18 | object-fit: scale-down;
19 | }
20 |
21 | .nav-link {
22 | font-size: 1.2em;
23 | margin: 0px 8px;
24 | font-weight: bold;
25 | }
26 |
27 |
28 | .navbar-toggler {
29 | background-color: #e05d00;
30 | }
31 |
32 | .button{
33 | width: 160px;
34 | border-radius: 10px;
35 | background-color: #e05d00;
36 | font-size: 1.2em;
37 | margin: 10px;
38 | color: white;
39 | height: 50px;
40 | text-decoration: none;
41 | padding: 10px;
42 | text-align: center;
43 | }
44 | .mob-show{
45 | display: flex;
46 | flex-direction: row;
47 | }
48 | .button:hover {
49 | background-color: white;
50 | color: #e05d00;
51 | }
52 | @media screen and (max-width:768px){
53 | .nav-link{
54 | text-align: center;
55 | }
56 | .image{
57 | margin-left: 50%;
58 | }
59 | .mob-show{
60 | display: flex;
61 | flex-direction: column;
62 | text-align: center;
63 | padding:10px;
64 | }
65 | .mob-show div:nth-child(1){
66 | padding:10px;
67 | }
68 | .mob-show div:nth-child(2){
69 | padding:20px;
70 | }
71 |
72 | }
73 |
--------------------------------------------------------------------------------
/frontend/src/Components/OurCommunity/OurCommunity.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default function OurCommunity() {
4 | return (
5 |
6 |
our community
7 |
8 | )
9 | }
10 |
--------------------------------------------------------------------------------
/frontend/src/Components/OurImpact/OurImpact.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default function OurImpact() {
4 | return (
5 |
6 |
Our impact
7 |
8 | )
9 | }
10 |
--------------------------------------------------------------------------------
/frontend/src/Components/OurPrograms/OurPrograms.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default function OurPrograms() {
4 | return (
5 |
6 |
Our programs
7 |
8 | )
9 | }
10 |
--------------------------------------------------------------------------------
/frontend/src/Components/ScrollTop/ScrollTop.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from './scrollTop.module.css';
3 |
4 | export default class ScrollTop extends Component {
5 | constructor(props) {
6 | super(props);
7 | this.state = {
8 | isVisible: false
9 | };
10 | }
11 |
12 | componentDidMount() {
13 | var scrollComponent = this;
14 | document.addEventListener("scroll", function(e) {
15 | scrollComponent.toggleVisibility();
16 | });
17 | }
18 |
19 | toggleVisibility() {
20 | if (window.pageYOffset > 50) {
21 | this.setState({
22 | isVisible: true
23 | });
24 | } else {
25 | this.setState({
26 | isVisible: false
27 | });
28 | }
29 | }
30 |
31 | scrollToTop() {
32 | window.scrollTo({
33 | top: 0,
34 | behavior: "smooth"
35 | });
36 | }
37 |
38 | render() {
39 | return (
40 |
41 | {this.state.isVisible && (
42 |
this.scrollToTop()}>
43 |
44 |
46 |
47 | )}
48 |
{ccard}
9 | )
10 | }
11 | export default Cards
--------------------------------------------------------------------------------
/frontend/src/Components/Testimonial/Cardtemplate.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const Cardtemplate = ({comma, description, imgurl, name, textcolor, bgcolor}) => {
4 |
5 | return(
6 |
7 |
8 |
{description}
9 |
10 |
11 |
{name}
12 |
13 |
8 |
Our Mission
9 |
Our Testimonial
10 |
11 |
7 |
8 |
9 | {title}
10 |
11 | {description}
12 |
13 |
14 |
15 | )
16 | }
17 | export default CardTemplate
--------------------------------------------------------------------------------
/frontend/src/Components/Upcomingeve/Pastevents.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import "./Upcomingeve.css";
3 | import Container from 'react-bootstrap/Container';
4 | import Row from 'react-bootstrap/Row';
5 | import * as psteve from "../../Test_data/UpcomingEve";
6 |
7 | const Pastevents = () => {
8 | return(
9 |
10 |
11 |
12 | {psteve.cards2}
13 |
14 |
15 |
16 |
17 |
18 | )
19 | }
20 |
21 | export default Pastevents;
--------------------------------------------------------------------------------
/frontend/src/Components/Upcomingeve/Upcomingeve.css:
--------------------------------------------------------------------------------
1 | #upcomingeve{
2 | width: 18rem;
3 | background-color :#95B9C7;
4 | border-color :#3f978e;;
5 | border-radius: 25em;
6 | height: 30em;
7 | text-align: center;
8 | box-shadow: 10px 10px 20px #55afa6; ;
9 | }
10 | #upcomingeve:hover{
11 | box-shadow: 0px 30px 18px -8px #f5d5b6;;
12 | transform: scale(1.05,1.05);
13 | }
14 | #txtstyling{
15 | font-size:50px;
16 | color:rgb(0, 0, 0);
17 | padding-bottom: 50px;
18 | font-weight: bold;
19 | font-family: 'Rubik', sans-serif;
20 | text-align: center;
21 | text-shadow: rgb(250, 154, 130) 1px 0 10px;
22 | }
23 | .bgstyling{
24 | background-color: #070268 ;
25 | }
26 | h3{
27 | color: #f8dfd1;
28 | padding-bottom: 15px;
29 | font-weight: bold;
30 | font-family: 'Yanone Kaffeesatz', sans-serif;
31 | text-align: center;
32 | }
--------------------------------------------------------------------------------
/frontend/src/Components/Upcomingeve/Upcomingeve.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Upcomingevents from './Upcomingevents';
3 | import Pastevents from './Pastevents';
4 | import "./Upcomingeve.css";
5 | import Carousel from 'react-bootstrap/Carousel';
6 |
7 | const Upcomingeve = () => {
8 | return (
9 | <>
10 | Upcoming Events
11 |
12 |
13 |
14 |
15 | Upcoming events 👉
16 |
18 |
19 | Past events 👉
20 |
22 |
23 |
24 |
25 | )
26 | }
27 |
28 | export default Upcomingeve;
--------------------------------------------------------------------------------
/frontend/src/Components/Upcomingeve/Upcomingevents.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import "./Upcomingeve.css";
3 |
4 | import Container from 'react-bootstrap/Container';
5 | import Row from 'react-bootstrap/Row';
6 | import cards1 from "../../Test_data/UpcomingEve";
7 | const Upcomingevents = () => {
8 | return(
9 |
10 |
11 |
12 | {cards1}
13 |
14 |
15 |
16 |
17 | )
18 | }
19 |
20 | export default Upcomingevents;
--------------------------------------------------------------------------------
/frontend/src/Components/ourCommunity/ourCommunity.css:
--------------------------------------------------------------------------------
1 |
2 | .our_community{
3 | text-align: center;
4 | font-size: 45px;
5 | margin: 80px;
6 | }
7 |
8 |
9 | .our_community_outerdiv{
10 | width: 100%;
11 | position: relative;
12 | display: flex;
13 | flex-direction: row;
14 | flex-wrap: wrap;
15 | justify-content: center;
16 | }
17 |
18 | .our_community_div1 img:hover{
19 | transform: scale(1.1);
20 | transition: all 0.5s ease-in-out ;
21 | }
22 |
23 | @media only screen and (min-width: 1015px) {
24 | .our_community_div1{
25 |
26 |
27 | height: 400px;
28 | width: 400px;
29 | margin: 5%;
30 | display: inline-block;
31 |
32 | }
33 |
34 | .our_community_div2{
35 |
36 | height: 400px;
37 | width: 400px;
38 | margin:5%;
39 | display: inline-block;
40 |
41 | }
42 |
43 | }
44 |
45 |
46 | .our_community_div1 img{
47 | height: 450px;
48 | width: 450px;
49 | margin-top: -10px;
50 | }
51 | .our_community_div2 p{
52 | font-size: 25px;
53 | margin-top: 20px;
54 | }
55 |
56 | @media only screen and (max-width: 1015px) {
57 | .our_impact_outerdiv{
58 | display:initial;
59 | }
60 |
61 | .our_community_div1{
62 |
63 | height: 400px;
64 | width: 400px;
65 | margin: 70px;
66 | margin-top: 27px;
67 | display: inline-block;
68 |
69 | }
70 | .our_community_div2{
71 |
72 | height: 400px;
73 | width: 400px;
74 | margin:70px;
75 | margin-top: 27px;
76 | display: inline-block;
77 | }
78 |
79 |
80 | }
--------------------------------------------------------------------------------
/frontend/src/Components/ourCommunity/ourCommunity.js:
--------------------------------------------------------------------------------
1 | import "./ourCommunity.css";
2 | import React from 'react';
3 | const ourCommunity = () => {
4 |
5 | return (
6 |
7 |
8 |
OUR COMMUNITY
9 |
10 |
11 |
12 |
17 |
18 |
19 |
20 |
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
21 |
22 |
23 |
24 |
25 |
9 |
OUR IMPACT
10 |
11 |
12 |
13 |
14 | Learn More
15 |
16 |
17 |
18 |
19 |
25K
20 |
25K
21 |
25K
22 |
25K
23 |
25K
24 |
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
25 |
26 |
27 |
28 |
29 |
30 | Learn More
31 |
32 |
33 |
34 |
35 |
36 |
37 |
39 |
40 |
41 |
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
42 |
43 |
44 |
45 |
46 |
.png){kind=logo}
7 | 
47 |
48 | - Frontend - React Js
49 | - Backend - Django
50 | - Database - MongoDb
51 |
52 | ---
53 |
54 | ## Getting Started 👨💻
55 | ### Setup the repository to your local environment.
56 |
57 | 1. `fork` the repository - Creates a replica of repository to your local environment.
58 | 2. Clone the repository using `git clone https://github.com/girlscript/Girscript-Community-Website.git` - Downloads all repo files to your machine.
59 | 3. `cd Community-Website` - Takes you to the root directory of the project.
60 |
61 | ## Frontend ⚛️
62 |
63 | Following are the steps to run the frontend of the community-website on your local. All the frontend code will go in the `frontend` directory.
64 |
65 | 1. Navigate to `frontend` folder using `cd frontend`.
66 | 2. Run `npm install`. It will install all the required packages and dependencies.
67 | 3. Run `npm start` to run the server.
68 | 4. Navigate to [http://localhost:3000](http://localhost:3000) to view it in the browser.
69 | ---
70 |
71 | ## Contribution
72 |
73 | This project is an Open source project. Anyone willing to contribute can take up an already opened issue or raise a new issue and work on it after getting assigned.
74 |
75 | ---
76 |
77 |
78 | ## Contributors
79 |
80 | Everyone is welcome to contribute. Please make sure to follow our guidelines mentioned at [contribute.md](contribute.md)
81 |
82 | 
11 |