11 | {children}
12 |
13 | );
14 | }
15 |
16 | export default Label;
17 |
--------------------------------------------------------------------------------
/people/YishayMendelsohn.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ישי מנדלסון",
3 | "github": "myishay",
4 | "facebook": "https://www.facebook.com/myishay",
5 | "linkedin": "https://www.linkedin.com/in/yishay-mendelsohn-174493133/",
6 | "description": "מפתח בחברה datree.io ומנחה את הפודקאסט קוד פתוח יחד עם דימה ברוסילובסקי",
7 | "website": "https://www.facebook.com/openkodpod"
8 | }
9 |
--------------------------------------------------------------------------------
/people/SagiLevi.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "שגיא לוי",
3 | "github": "lesagi",
4 | "facebook": "https://www.facebook.com/lesagi3/",
5 | "linkedin": "https://www.linkedin.com/in/sagi-levi-8b3395132/",
6 | "stackoverflow": "https://stackoverflow.com/users/7841035/sale108",
7 | "description": "מפתח פולסטאק, אוהב שפות, אוהב אלגוריתמים ועושה צעדים ראשונים בתרומה לקוד פתוח"
8 | }
9 |
--------------------------------------------------------------------------------
/people/JacobRakhamimov.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "יעקב רחמימוב",
3 | "github": "jacobra19",
4 | "twitter": "https://twitter.com/yakovrakhamimov",
5 | "linkedin": "https://www.linkedin.com/in/rakhamimov/",
6 | "stackoverflow": "https://stackoverflow.com/users/8146168/jacobra19",
7 | "website": "https://yakov.dev",
8 | "description": "חובב פיצות מושבע, רגיש ללקטוז"
9 | }
10 |
--------------------------------------------------------------------------------
/people/AdirKandel.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "אדיר קנדל",
3 | "github": "adirkandel",
4 | "facebook": "https://www.facebook.com/adirkandel/",
5 | "linkedin": "https://www.linkedin.com/in/adir-kandel/",
6 | "description": "Full stack ביכולות אבל Front end developer בלב ❤️. אני לא גזען פשוט מאוהב ב- Vue. מנהל את הערוץ והבלוג של FED Cast IL.",
7 | "website": "https://fedcast.co.il"
8 | }
9 |
--------------------------------------------------------------------------------
/people/AdirSlutzki.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "אדיר סלוצקי",
3 | "github": "Adir-SL",
4 | "facebook": "https://www.facebook.com/slutzkis",
5 | "linkedin": "https://www.linkedin.com/in/adir-slutzki-1686189",
6 | "twitter": "https://twitter.com/adircode",
7 | "description": "מעצב UI/UX ומאסטר ב-CSS מרצה במכללות ברחבי הארץ ומכין שקשוקה מעולה, אוהב לעשות אנימציות ופרויקטים אישיים."
8 | }
9 |
--------------------------------------------------------------------------------
/people/YehudaKahan.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "יהודה קאהן",
3 | "github": "yehuda-kahan",
4 | "linkedin": "https://www.linkedin.com/in/yehuda-kahan-00294418a/",
5 | "description": "אני סטודנט שנה אחרונה למדעי המחשב. אני נהנה מהאתגרים שיש בתחום הזה, ואוהב ללמוד ולדעת לכתוב קוד בצורה נכונה. בזמני הפנוי אני מבלה עם משפחתי מנגן ומשחק כדורסל. ואני מאוד רוצה לתרום ולהיות חלק מקהילת המפתחים"
6 | }
7 |
--------------------------------------------------------------------------------
/prettier.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('prettier').Config} */
2 | module.exports = {
3 | arrowParens: 'always',
4 | printWidth: 100,
5 | singleQuote: true,
6 | tabWidth: 2,
7 | endOfLine: 'lf',
8 | useTabs: false,
9 | overrides: [
10 | {
11 | files: '*.scss',
12 | options: {
13 | singleQuote: false,
14 | },
15 | },
16 | ],
17 | };
18 |
--------------------------------------------------------------------------------
/people/DavidMarom.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "דוד מרום",
3 | "github": "DavidMarom",
4 | "twitter": "https://twitter.com/DavidMaromIl",
5 | "linkedin": "https://www.linkedin.com/in/maromdavid/",
6 | "stackoverflow": "https://stackoverflow.com/users/7032501/david-marom",
7 | "description": "סטאק מועדף: React, Node.js. אוהב כלבים וחתולים באותה מידה. מנגן על גיטרה, בס, ובעיקר על העצבים."
8 | }
9 |
--------------------------------------------------------------------------------
/people/SaharHagbi.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "סהר חג'בי",
3 | "github": "saharhagbi",
4 | "facebook": "https://www.facebook.com/sahar.hagbi/",
5 | "linkedin": "https://www.linkedin.com/in/sahar-hagbi/",
6 | "description": "עוסק בעיקר בעבודת צד שרת (Java, C#, nodeJS) ומתעניין מאוד ביכלות ענן! בכלל, אוהב את כל מה שקשור להתעסקות עם שרתים. בזמני הפנוי אוהב לרוץ ולראות כדורגל, תלמיד ישיבה לשעבר"
7 | }
8 |
--------------------------------------------------------------------------------
/people/kobikadosh.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "קובי קדוש",
3 | "github": "wildcard",
4 | "facebook": "https://www.facebook.com/kobi.kadosh",
5 | "twitter": "https://twitter.com/kobikadosh",
6 | "linkedin": "https://www.linkedin.com/in/kobikadosh/",
7 | "website": "https://kobi.kadosh.me",
8 | "description": "Code Artisan, Web solutionist & Learning Tech Lead, DevEd Engineer @wix"
9 | }
10 |
--------------------------------------------------------------------------------
/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import { ThemeProvider } from 'next-themes';
2 | import { AppProps } from 'next/dist/shared/lib/router/router';
3 | import '../styles/globals.scss';
4 |
5 | function MyApp({ Component, pageProps }: AppProps) {
6 | return (
7 | -
9 | {technologies.map((technologie, index) => (
10 |
- 11 | {technologie} 12 | 13 | ))} 14 |
11 | {' '}
12 |
14 | ) : (
15 | <>
16 | );
17 | };
18 |
19 | export default Footer;
20 |
--------------------------------------------------------------------------------
/styles/Home.module.scss:
--------------------------------------------------------------------------------
1 | @import "media";
2 |
3 | .container {
4 | width: 100%;
5 |
6 | .cards__wrapper {
7 | display: grid;
8 | grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
9 | grid-auto-rows: 1fr;
10 | gap: 30px 45px;
11 | justify-items: center;
12 | padding: 0 25px;
13 | margin: 0 auto;
14 | max-width: 1280px;
15 | margin-bottom: 100px;
16 | }
17 | }
18 |
19 | @media screen and (max-width: 600px) {
20 | .container {
21 | width: 100%;
22 |
23 | .cards__wrapper {
24 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
25 | }
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/components/socialNetworks/socialNetworks.module.scss:
--------------------------------------------------------------------------------
1 | @import "../../styles/media";
2 |
3 | .social {
4 | &__list {
5 | display: flex;
6 | gap: 4px;
7 | list-style: none;
8 | max-height: 50px;
9 | }
10 | &__btn {
11 | color: #fff;
12 | width: 50px;
13 | height: 50px;
14 | border-radius: 50%;
15 | display: flex;
16 | justify-content: center;
17 | align-items: center;
18 | a {
19 | width: 100%;
20 | height: 100%;
21 | }
22 | &__icon {
23 | padding: 4px;
24 | max-width: 34px;
25 | }
26 | }
27 | }
28 |
29 | @media only screen and (max-width: $mobile) {
30 | }
31 |
--------------------------------------------------------------------------------
/people/HilaFish.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "הילה פיש",
3 | "github": "hilafish",
4 | "facebook": "https://www.facebook.com/hila.fish",
5 | "twitter": "https://twitter.com/Hilafish1",
6 | "linkedin": "https://www.linkedin.com/in/hila-fish",
7 | "website": "https://medium.com/@hilafish",
8 | "description": "אני עובדת כ- Senior DevOps Engineer, התרומה שלי לפרויקטי קוד פתוח כרגע היא בעיקר בהטמעתם בסביבות השונות בעבודה, כתיבת בלוג פוסטים על יוז קייסים של הטמעת כלי קוד פתוח וכן הפצת הבשורה בכנסים (כמרצה וכאורחת). מעבר לזה, אני סולנית בהרכב קאברים, מנהלת תוכנית בקהילת ״באות״ וחלק ממארגני כנסי DevOpsDays TLV ו-StatsCraft.",
9 | "roles": ["Admin"]
10 | }
11 |
--------------------------------------------------------------------------------
/people/MichalPorag.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "מיכל פורג",
3 | "github": "MichalPorag",
4 | "facebook": "https://www.facebook.com/miporagi",
5 | "twitter": "https://twitter.com/MichalPorag",
6 | "linkedin": "https://www.linkedin.com/in/michal-porag-9522b5142/",
7 | "website": "https://medium.com/@miporagi",
8 | "description": "אני מיכל פורג, מפתחת פולסטאק ב-Outbrain, סטודנטית למדעי המחשב באוניברסיטה הפתוחה ומנהלת את קהילת PullRequest. אני תורמת קוד בעיקר לפרויקט \"הייתי_שם\", זה אתר שמנציח עדויות של נפגעי אלימות במערכות יחסים מכל סוג ומקשר בינם לבין גורמים שיכולים לעזור להם (עוד בשלבי בנייה). אני אוהבת לצייר, לקרוא וחתולים.",
9 | "roles": ["Admin", "Mentor"]
10 | }
11 |
--------------------------------------------------------------------------------
/people/YonatanBenAvraham.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "יונתן בן אברהם",
3 | "github": "yonbav",
4 | "facebook": "https://www.facebook.com/yonatan.b.avraham",
5 | "twitter": "https://twitter.com/yonbav",
6 | "linkedin": "https://www.linkedin.com/in/yonatan-ben-avraham-727b40a5/",
7 | "website": "https://medium.com/@yonbav",
8 | "stackoverflow": "https://stackoverflow.com/users/5558375/yonbav",
9 | "description": "אני יונתן בן אברהם מפתח בקאנד ב outbrain. את לימודי התוכנה שלי התחלתי בממר״ם, בקורס תכנות. במסגרת הצבא סיימתי תואר במדעי המחשב במכללה למנהל. חוץ מלכתוב קוד אני אוהב מאוד לנגן, מנגן בגיטרה פסנתר ומפוחית (באופן חובבני). אוהב מאוד לטייל, עשיתי את רוב החלקים של שביל ישראל."
10 | }
11 |
--------------------------------------------------------------------------------
/people/noam-honig.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "נועם הניג",
3 | "github": "noam-honig",
4 | "facebook": "https://www.facebook.com/noam.honig.9",
5 | "twitter": "https://twitter.com/noamhonig",
6 | "stackoverflow": "https://stackoverflow.com/users/49008/noam",
7 | "linkedin": "https://www.linkedin.com/in/noamhonig/",
8 | "description": "מפתח fullstack מלא שנים, אחראי על ספריית Remult – a CRUD framework for fullstack TypeScript. בין השאר פיתחתי את אפליקצית חגי לחלוקת סלי מזון לנזקקים (קוד פתוח כמובן) בעזרתה מחלקים כיום כחצי מליון משלוחים בשנה זוכת פרס הנשיא להתנדבות 2020. שמח מאד ללוות צוותים בפיתוח פרוייקטי fullstack בעיקר עבור עולם ההתנדבות, אבל לא רק.",
9 | "roles": ["Mentor"]
10 | }
11 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 | ---
8 |
9 | **Is your feature request related to a problem? Please describe.**
10 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
11 |
12 | **Describe the solution you'd like**
13 | A clear and concise description of what you want to happen.
14 |
15 | **Describe alternatives you've considered**
16 | A clear and concise description of any alternative solutions or features you've considered.
17 |
18 | **Additional context**
19 | Add any other context or screenshots about the feature request here.
20 |
--------------------------------------------------------------------------------
/pages/projects.tsx:
--------------------------------------------------------------------------------
1 | import next from 'next';
2 | import React, { useState } from 'react';
3 | import Description from '../components/description/Description';
4 | import Navbar from '../components/layout/navbar/navbar';
5 | import style from '../styles/projects.module.scss';
6 | import ProjectPage from '../components/projectPage/projectPage';
7 | import Footer from '../components/layout/footer/footer';
8 | import Layout from '../components/layout/layout';
9 |
10 | export default function Vast() {
11 | const [currentHeight, setCurrentHeight] = useState(0);
12 | console.log(currentHeight);
13 |
14 | return (
15 | projects
17 |10 | {useTranslator('title', languageFile)} 11 | {useTranslator('description', languageFile)} 12 |
13 |14 | {useTranslator('contribute', languageFile)} 15 | 16 | ✍ 17 | 18 |
19 | 20 | ); 21 | } 22 | 23 | export default MainPageDescription; 24 | -------------------------------------------------------------------------------- /e2e/home.spec.ts: -------------------------------------------------------------------------------- 1 | import { test, expect } from '@playwright/test'; 2 | 3 | test('page should have title of "קהילת Pull Request"', async ({ page }) => { 4 | await page.goto('http://localhost:3000/'); 5 | const title = await page.title(); 6 | expect(title).toBe('קהילת Pull Request'); 7 | }); 8 | 9 | test('page should have a button called "addMeButton" with value of "הוסיפו אותי"', async ({ 10 | page, 11 | }) => { 12 | await page.goto('http://localhost:3000/'); 13 | await expect(page.locator('.addMeButton')).toHaveText('הוסיפו אותי'); 14 | }); 15 | 16 | test('a div with "personCard" class should have a "Mentor" text label', async ({ page }) => { 17 | await page.goto('http://localhost:3000/'); 18 | await expect( 19 | page.locator('.personCard', { 20 | hasText: 'בנימין גרינבאום', 21 | }) 22 | ).toHaveText(/Mentor/); 23 | }); 24 | -------------------------------------------------------------------------------- /pages/articles.tsx: -------------------------------------------------------------------------------- 1 | import { GetStaticProps } from 'next'; 2 | import Description from '../components/description/Description'; 3 | import Layout from '../components/layout/layout'; 4 | import { PersonCard } from '../components/personCard/personCard'; 5 | import { getPeople, IPerson } from '../services/people'; 6 | import styles from '../styles/Home.module.scss'; 7 | import { randomShuffle } from '../utils/randomShuffle'; 8 | interface IHomeProps { 9 | people: IPerson[]; 10 | } 11 | 12 | export default function Articles({ people }: IHomeProps) { 13 | return ( 14 |Scafolding for article page
16 |
12 |
13 |
14 |
15 | {imageUrl && (
16 |
17 |
20 | )}
21 |
22 | );
23 | }
24 |
25 | export default ImageOptions;
26 |
--------------------------------------------------------------------------------
/pages/os-rel-design.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 | import SquerLogoGenerator from '../components/os-rel-design/squerComponent/SquerComponent';
3 | import RectangleLogoGenerator from '../components/os-rel-design/rectangleComponent/RectangleComponent';
4 | import style from '../styles/os-rel-design.module.scss';
5 |
6 | export default function OsRelDesign() {
7 | const [component, setComponent] = useState('squered');
8 | return (
9 | Change image size
18 | onSetSize(e.target.value)} value={size} type="number"> 19 |
10 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/utils/canvas.ts:
--------------------------------------------------------------------------------
1 | import html2canvas from 'html2canvas';
2 |
3 | // take canvas and download it as .png
4 | // I took from https://instructobit.com/tutorial/109/Downloading-and-saving-an-HTML-canvas-as-an-image-using-Javascript
5 | export function downloadCanvas(canvas) {
6 | // get canvas data
7 | const image = canvas.toDataURL();
8 |
9 | // create temporary link
10 | const tmpLink = document.createElement('a');
11 | tmpLink.download = 'image.png'; // set the name of the download file
12 | tmpLink.href = image;
13 |
14 | // temporarily add link to body and initiate the download
15 | document.body.appendChild(tmpLink);
16 | tmpLink.click();
17 | document.body.removeChild(tmpLink);
18 | }
19 |
20 | // renders html elements to canvas
21 | export function renderCanvas(inputRef) {
22 | html2canvas(inputRef.current, { scale: 2 }).then((canvas) => {
23 | downloadCanvas(canvas);
24 | });
25 | }
26 |
--------------------------------------------------------------------------------
/components/typography/title.tsx:
--------------------------------------------------------------------------------
1 | const Title = ({ children, center, className, ...rest }: TitleProps) => {
2 | // @ts-ignore
3 | const { fontSize } = rest;
4 |
5 | return (
6 |
11 |
12 |
13 |
14 | {component === 'squered' &&
7 |
24 | );
25 | };
26 |
27 | interface TitleProps {
28 | children: object | string;
29 | center?: boolean;
30 | className: string;
31 | rest?: any;
32 | }
33 |
34 | Title.defaultProps = {
35 | className: '',
36 | center: 'left',
37 | };
38 |
39 | export default Title;
40 |
--------------------------------------------------------------------------------
/components/description/Description.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useRef, useState } from 'react';
2 | import style from './description.module.scss';
3 | import colors from '../../styles/colors';
4 |
5 | const Description = ({ descriptionOutput, descriptionHeight }) => {
6 | const myRef = useRef(null);
7 | const [height, setHeight] = useState(0);
8 |
9 | useEffect(() => {
10 | descriptionHeight(height);
11 | }, [descriptionHeight, height]);
12 |
13 | useEffect(() => {
14 | const handleResize = () => {
15 | setHeight(myRef.current.offsetHeight);
16 | };
17 | window.addEventListener('resize', handleResize);
18 | handleResize();
19 | return () => {
20 | window.removeEventListener('resize', handleResize);
21 | };
22 | }, [myRef]);
23 |
24 | return (
25 | {children}
8 | 9 | 23 |
26 | {descriptionOutput}
27 |
28 | );
29 | };
30 |
31 | export default Description;
32 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 | ---
8 |
9 | **Describe the bug**
10 | A clear and concise description of what the bug is.
11 |
12 | **To Reproduce**
13 | Steps to reproduce the behavior:
14 |
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 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 |
28 | - OS: [e.g. iOS]
29 | - Browser [e.g. chrome, safari]
30 | - Version [e.g. 22]
31 |
32 | **Smartphone (please complete the following information):**
33 |
34 | - Device: [e.g. iPhone6]
35 | - OS: [e.g. iOS8.1]
36 | - Browser [e.g. stock browser, safari]
37 | - Version [e.g. 22]
38 |
39 | **Additional context**
40 | Add any other context about the problem here.
41 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/styles/globals.scss:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600&display=swap");
2 |
3 | * {
4 | box-sizing: border-box;
5 | color: inherit;
6 | text-decoration: none;
7 | padding: 0;
8 | margin: 0;
9 |
10 | *:focus {
11 | outline: none;
12 | }
13 | }
14 |
15 | html {
16 | font-family: Assistant, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu,
17 | Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
18 | direction: rtl;
19 | background-color: var(--background-color);
20 | color: var(--text);
21 | font-size: 10px;
22 |
23 | @media screen and (max-width: 600px) {
24 | font-size: 9px;
25 | }
26 | }
27 |
28 | html {
29 | --primary: #ce5a55;
30 | --background-color: #e8e8e8;
31 | --background-description: white;
32 | --card-background: white;
33 | --header-background: #242831;
34 | --text: #1d1d1d;
35 | }
36 |
37 | html.dark {
38 | --primary: #ce5a55;
39 | --background-color: #353535;
40 | --background-description: #202529;
41 | --card-background: #292e33;
42 | --header-background: #000;
43 | --text: #e8e8e8;
44 | }
45 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 Pull Request Community
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 |
--------------------------------------------------------------------------------
/components/os-rel-design/rectangleComponent/RectangleComponent.module.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | background: linear-gradient(rgb(125, 125, 125, 0.1), rgb(125, 125, 125, 0.1)),
3 | url("../../../public/assets/rectangleBackground.svg");
4 | background-size: cover;
5 | width: 540px;
6 | height: 124px;
7 | padding: 0 24px;
8 | display: flex;
9 | align-items: center;
10 | justify-content: space-evenly;
11 |
12 | .logoBackground {
13 | min-height: 84px;
14 | min-width: 84px;
15 | width: 84px;
16 | height: 84px;
17 | background: linear-gradient(60deg, #01007d 0%, #832ec6 47.92%, #dc665e 100%);
18 | border-radius: 18px;
19 | margin: 0 12px;
20 | display: flex;
21 | align-items: center;
22 | justify-content: center;
23 | transform: rotate(-45deg);
24 |
25 | .logo {
26 | width: 100%;
27 | height: 80%;
28 | transform: rotate(45deg);
29 | }
30 | }
31 |
32 | .heart {
33 | width: 86px;
34 | }
35 |
36 | .uploadImageContainer {
37 | display: flex;
38 | height: 100%;
39 | align-items: center;
40 |
41 | .ImageUpload {
42 | width: auto;
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/components/os-rel-design/squerComponent/SquerComponent.module.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | background-image: url("../../../public/assets/squerBackground.svg");
3 | width: 480px;
4 | height: 480px;
5 | background-repeat: no-repeat;
6 | background-size: cover;
7 | display: flex;
8 | flex-direction: column;
9 | align-items: center;
10 |
11 | .logoContainer {
12 | margin: 36px 0;
13 | width: 124px;
14 | background: linear-gradient(60deg, #01007d 0%, #832ec6 47.92%, #dc665e 100%);
15 | border-radius: 24px;
16 | display: flex;
17 | align-items: center;
18 | justify-content: center;
19 | transform: rotate(-45deg);
20 |
21 | &::after {
22 | content: "";
23 | padding-bottom: 100%;
24 | }
25 |
26 | .logo {
27 | width: 100%;
28 | height: 78%;
29 | transform: rotate(45deg);
30 | }
31 | }
32 |
33 | .heartsContainer {
34 | display: flex;
35 | gap: 30px;
36 | .heart {
37 | width: 56px;
38 | }
39 | }
40 | .uploadImageContainer {
41 | height: 100%;
42 | display: flex;
43 | align-items: center;
44 |
45 | .ImageApload {
46 | width: auto;
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/components/buttons/basicButton.tsx:
--------------------------------------------------------------------------------
1 | import colors from '../../styles/colors';
2 |
3 | const BasicButton = ({ children, className }: BasicButtonProps) => {
4 | return (
5 | <>
6 |
7 |
30 |
31 | );
32 | };
33 |
34 | interface BasicButtonProps {
35 | children: object | string;
36 | className: string;
37 | }
38 |
39 | BasicButton.defaultProps = {
40 | className: '',
41 | };
42 |
43 | export default BasicButton;
44 |
--------------------------------------------------------------------------------
/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import { GetStaticProps } from 'next';
2 | import Description from '../components/description/Description';
3 | import Layout from '../components/layout/layout';
4 | import { PersonCard } from '../components/personCard/personCard';
5 | import { getPeople, IPerson } from '../services/people';
6 | import styles from '../styles/Home.module.scss';
7 | import { randomShuffle } from '../utils/randomShuffle';
8 | import MainPageDescription from '../components/main-page-description/MainPageDescription';
9 |
10 | interface IHomeProps {
11 | people: IPerson[];
12 | }
13 |
14 | export default function Home({ people }: IHomeProps) {
15 | return (
16 |
18 |
24 |
19 | {people.map((person, i) => (
20 |
23 |
8 |
28 | );
29 | }
30 |
31 | export default ProjectsPage;
32 |
--------------------------------------------------------------------------------
/public/assets/Heart.svg:
--------------------------------------------------------------------------------
1 |
24 |
--------------------------------------------------------------------------------
/components/layout/layout.tsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import Head from 'next/head';
3 | import { getMetaData } from '../../services/metaData';
4 | import Navbar from './navbar/navbar';
5 | import Footer from './footer/footer';
6 | import Description from '../description/Description';
7 | import { useState } from 'react';
8 |
9 | const Layout = ({ children, descriptionText }: LayoutProps) => {
10 | const currentRoute = useRouter().pathname;
11 | const { title, metaContents } = getMetaData(currentRoute);
12 | const [currentHeight, setCurrentHeight] = useState(0);
13 |
14 | return (
15 | 9 | 10 | Vest 11 |
12 |13 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut 14 | labore et dolore magna aliqua. Ac orci phasellus egestas tellus rutrum tellus pellentesque 15 | eu tincidunt. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc. 16 | Quam quisque id diam vel quam elementum pulvinar. Amet tellus cras adipiscing enim eu. 17 | Libero volutpat sed cras ornare arcu dui vivamus. Quisque egestas diam in arcu cursus 18 | euismod. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. In egestas erat 19 | imperdiet sed euismod nisi porta. Gravida in fermentum et sollicitudin ac orci phasellus 20 | egestas tellus.{' '} 21 |
22 | 23 |
24 |
27 | Mozilla Public License 2.0
26 |
16 |
17 |
18 |
19 |
20 |
21 | {title}
22 | {metaContents && metaContents.map((meta, i) => )}
23 |
24 | {
28 | setCurrentHeight(hight);
29 | }}
30 | />
31 |
34 | );
35 | };
36 |
37 | interface LayoutProps {
38 | children: object;
39 | descriptionText?: object;
40 | }
41 |
42 | export default Layout;
43 |
--------------------------------------------------------------------------------
/components/os-rel-design/rectangleComponent/RectangleComponent.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import React, { useRef, useState } from 'react';
3 | import style from './RectangleComponent.module.scss';
4 | import logo from '../../../public/assets/logo.svg';
5 | import heart from '../../../public/assets/Heart.svg';
6 | import ImageOptions from '../ImageOptions/ImageOptions';
7 | import { renderCanvas } from '../../../utils/canvas';
8 |
9 | export default function RectangleLogoGenerator() {
10 | const [size, setSize] = useState(94);
11 | const [imageUrl, setImageUrl] = useState('');
12 |
13 | const inputRef = useRef();
14 |
15 | return (
16 | <>
17 | {children}
32 |
33 |
18 | {/* pull request logo */}
19 | 
24 | {/* image upload */}
25 |
32 |
20 | 
21 |
22 | {/* heart */}
23 |
26 | {!!imageUrl && (
27 | // eslint-disable-next-line @next/next/no-img-element
28 | 
29 | )}
30 |
31 |
18 |
32 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | {!!imageUrl && (
28 |
29 | )}
30 |
31 | -
38 | {socialLinks.map(function (item, i) {
39 | return (
40 |
-
41 |
42 | 49 | 52 |50 | 51 |
53 | );
54 | })}
55 |
52 | {content}{' '} 53 | {isShowMoreSupport && ( 54 | 57 | )} 58 | 71 |
72 | ); 73 | }; 74 | 75 | ShowMore.defaultProps = { 76 | mobileMaxCharacter: null, 77 | }; 78 | 79 | export default ShowMore; 80 | -------------------------------------------------------------------------------- /public/Star 1.svg: -------------------------------------------------------------------------------- 1 | 34 | -------------------------------------------------------------------------------- /public/assets/logo.svg: -------------------------------------------------------------------------------- 1 | 20 | -------------------------------------------------------------------------------- /public/images/logo-2.0.svg: -------------------------------------------------------------------------------- 1 | 20 | -------------------------------------------------------------------------------- /docs/contributing.md: -------------------------------------------------------------------------------- 1 | # Contribution To The Pull Request Website 2 | 3 | Thank you, it is not obvious that you are devoting your time to contributing to our community. 4 | We appreciate it very much.❤️🙏🏻 5 | 6 | Before jumping into the deep water, it's essential to discuss a bit of communication. 7 | One of the biggest challenges on each project (especially on open-source projects) is communication. 8 | Good communication can lead to great achievements, effective teamwork, time efficiency and make the working process fun and easy. 9 | It is important to remember that all contributions are made voluntarily by people that devote their time and hard work. We are all part of a team, so _please be passionate and polite to each other_. 10 | 11 | Please follow this guide to make your experience as pleasant and easy as possible. 12 | 13 | ## The Ways You Can Contribute To The Pull Request Website: 14 | 15 | - Opening a [new issue](https://github.com/Pull-Request-Community/pull-request-community-website/issues/new) with a bug or a feature proposal. 16 | - Add documentation for existing features. 17 | - Improvement of our tests. 18 | - Solving an issue or adding a new feature. 19 | 20 | ## The Preferred Way To Contribute: 21 | 22 | 1. Pick an issue from the [issues list](https://github.com/Pull-Request-Community/pull-request-community-website/issues) or [open a new issue](https://github.com/Pull-Request-Community/pull-request-community-website/issues/new) and _ask_, by writing a new comment on the issue's page, to own the task. 23 | 2. Wait for the maintainer's ownership approval. Keep in mind that they may not approve that. Like we said at the beggining, communication is everything. 24 | 3. Fork the project. For more details, please read this article: [My first contribution to open source: Make a fork of the repo / Galen Corey](https://opensource.com/article/19/11/first-open-source-contribution-fork-clone). 25 | 4. Clone the forked project to your local machine (see instructions below). 26 | 5. Try to brake the task into subtasks. 27 | 6. Open a new branch (see instructions below). 28 | 7. While working on an issue, feel free to ask any questions on the issue's page. 29 | 8. Open pull request (make sure you open the pull request on the original project and not on the forked project). 30 | 9. Make sure all the tests are passing. 31 | 10. Merge to the _main_ branch. 32 | 33 | ## Working On Issue: 34 | 35 | Having a clear work flow of code development can be very useful. Therefore, please work on branches that are linked to a relevant issue. 36 | Don't you know how to connect a branch to an issue? No problem, follow this [guide](https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-a-branch-for-an-issue). 37 | 38 | ## Developing In A Branch: 39 | 40 | Please make sure you follow this list: 41 | 42 | 1. Link your branch to the relevant issue. 43 | 2. Use meaningful names for commits. 44 | 3. Create small commits for each logic unit at a time. 45 | 4. Use a [tasks list](https://docs.github.com/en/issues/tracking-your-work-with-issues/about-task-lists) to manage your work. 46 | 47 | ## TSX Specifications: 48 | 49 | Please follow this functional component pattern: 50 | 51 | ``` 52 | interface Props { 53 | prop:
58 |
66 |
104 | );
105 | }
106 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Pull Request Community Pages
2 |
3 | > View it online: https://pullrequest.co.il/
4 |
5 | ## Adding your profile
6 |
7 | ### What to write?
8 |
9 | First of all, please write in Hebrew. Share things that will help other people know what makes
10 | you unique: hobbies, talents, fun-facts, technologies that you love.
11 |
12 | Here are some examples of things that can fit well:
13 |
14 | ✅ מדברת סינית שוטפת
15 | ✅ מתנדב במד"א
16 | ✅ חובבת מושבעת של בדיקות אוטומטיות וקוד מסודר
17 | ✅ אוהב לאפות עוגות וקינוחים
18 | ✅ לשעבר תלמיד ישיבה
19 | ✅ מנגנת בחליל פן
20 | ✅ גולש רוח וגלים וצולל בכל הזדמנות אפשרית
21 | ✅ מתנדבת בשיקודס
22 | ✅ בזמני הפנוי אוהב לתופף, להקליט ולהופיע עם הלהקה שלי
23 |
24 | And these are examples of things that don't really add value, they may sound "smart" but when
25 | other people read it, it doesn't help them connect with you:
26 |
27 | 🚫 אוהב לקודד ולישון, לא בהכרח בסדר הזה
28 | 🚫 It's okay password, I'm insecure too
29 | 🚫 מחליף תחביבים כל שבוע, מוזמנים לשאול אותי מה הפעם.
30 |
31 | ### The technical stuff
32 |
33 | You can add / update your personal profile by creating a Pull Request to this repo:
34 |
35 | 1. Create a new JSON file in the [people](people/) directory, and name it as your GitHub username.
36 | e.g. If you GitHub user is MichalPorag, `MichalPorag.json`.
37 |
38 | The JSON file should look something like:
39 |
40 | ```json
41 | {
42 | "name": "השם שלך",
43 | "github": "Your GitHub Username (not link, just the username)",
44 | "facebook": "Link to your Facebook Profile (optional)",
45 | "twitter": "Link to your Twitter Profile (optional)",
46 | "linkedin": "Link to your LinkedIn page (optional)",
47 | "stackoverflow": "Link to your Stack Overflow page (optional)",
48 | "website": "Link to your personal blog / website (optional)",
49 | "mastodon": "Link to your personal Mastodon profile (optional)",
50 | "description": "פסקה או שתיים על עצמך: רקע מקצועי, עבודה, תחביבים ומה שחשוב לך שהחברים בקבוצה ידעו"
51 | }
52 | ```
53 |
54 | The `name` and `description` fields are required and **need to be in Hebrew**.
55 | All the other fields are optional.
56 |
57 | Use the `description` field to introduce yourself: technologies that you love, hobbies, fun-facts,
58 | and anything that you are passionate about. Are you an architect? Do you speak Chinese? Studied amusement park
59 | and roller coaster engineering? This is the place to brag!
60 |
61 | 2. By default, we'll use your GitHub photo. If you don't have a GitHub profile photo,
62 | or want to use a different one, add it under [public/images/people](public/images/people) in jpeg format.
63 | Use your GitHub username for the image, e.g. `MichalPorag.jpg`.
64 |
65 | Then, add `"customImage": true` to your profile JSON that you created in the previous step.
66 |
67 | 3. Create a pull request with new files.
68 |
69 | ## Running a development environment
70 |
71 | ### In the cloud
72 |
73 | Open the project in [CodeSandbox](https://codesandbox.io/s/github/urish/pull-request-community) to start hacking in your browser.
74 |
75 | ### Locally
76 |
77 | First, make sure you have all the dependencies installed by running
78 |
79 | ```bash
80 | npm install
81 | ```
82 |
83 | Then, run the local development server:
84 |
85 | ```bash
86 | npm run dev
87 | ```
88 |
89 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
90 |
91 | # Contributing to the project:
92 |
93 | If you are interested in contributing to the project, please follow this [guide](https://github.com/Pull-Request-Community/pull-request-community-website/blob/master/docs/contributing.md).
94 |
--------------------------------------------------------------------------------
/schemas/people-schema.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json-schema.org/draft-07/schema",
3 | "$id": "http://example.com/example.json",
4 | "type": "object",
5 | "title": "PullRequest personal user profile",
6 | "default": {},
7 | "examples": [
8 | {
9 | "name": "מיכל פורג",
10 | "github": "MichalPorag",
11 | "facebook": "https://www.facebook.com/miporagi",
12 | "twitter": "https://twitter.com/MichalPorag",
13 | "linkedin": "https://www.linkedin.com/in/michal-porag-9522b5142/",
14 | "website": "https://medium.com/@miporagi",
15 | "description": "אני מיכל פורג, מפתחת פולסטאק ב-Skillset, סטודנטית למדעי המחשב באוניברסיטה הפתוחה ומנהלת את קהילת PullRequest. אני תורמת קוד בעיקר לפרויקט \"הייתי_שם\", זה אתר שמנציח עדויות של נפגעי אלימות במערכות יחסים מכל סוג ומקשר בינם לבין גורמים שיכולים לעזור להם (עוד בשלבי בנייה). אני אוהבת לצייר, לקרוא וחתולים.",
16 | "roles": ["Admin"],
17 | "customImage": false
18 | }
19 | ],
20 | "required": ["name", "github", "description"],
21 | "properties": {
22 | "name": {
23 | "$id": "#/properties/name",
24 | "type": "string",
25 | "title": "Full name",
26 | "description": "Your full name, in Hebrew",
27 | "examples": ["מיכל פורג"]
28 | },
29 | "github": {
30 | "$id": "#/properties/github",
31 | "type": "string",
32 | "title": "GitHub Username",
33 | "pattern": "^[A-Za-z\\d](?:[A-Za-z\\d]|-(?=[A-Za-z\\d])){0,38}$",
34 | "description": "Your GitHub username",
35 | "examples": ["MichalPorag"]
36 | },
37 | "facebook": {
38 | "$id": "#/properties/facebook",
39 | "type": "string",
40 | "title": "Your Facebook profile URL",
41 | "format": "uri",
42 | "examples": ["https://www.facebook.com/miporagi"]
43 | },
44 | "twitter": {
45 | "$id": "#/properties/twitter",
46 | "type": "string",
47 | "title": "Your Twitter profile URL",
48 | "format": "uri",
49 | "examples": ["https://twitter.com/MichalPorag"]
50 | },
51 | "linkedin": {
52 | "$id": "#/properties/linkedin",
53 | "type": "string",
54 | "title": "Your LinkedIn Page",
55 | "format": "uri",
56 | "examples": ["https://www.linkedin.com/in/michal-porag-9522b5142/"]
57 | },
58 | "website": {
59 | "$id": "#/properties/website",
60 | "type": "string",
61 | "title": "Personal blog / website",
62 | "description": "Your personal blog or website (it has to be about you)",
63 | "format": "uri",
64 | "examples": ["https://medium.com/@miporagi"]
65 | },
66 | "stackoverflow": {
67 | "$id": "#/properties/stackoverflow",
68 | "type": "string",
69 | "title": "Stackoverflow profile link",
70 | "format": "uri",
71 | "examples": ["https://stackoverflow.com/users/1348195/benjamin-gruenbaum"]
72 | },
73 | "description": {
74 | "$id": "#/properties/description",
75 | "type": "string",
76 | "title": "Personal introduction",
77 | "description": "Technologies that you love, hobbies, fun-facts, and anything that you are passionate about. Are you an architect? Do you speak Chinese? Studied amusement park and roller coaster engineering? This is the place to brag!",
78 | "examples": [
79 | "אני מיכל פורג, מפתחת פולסטאק ב-Skillset, סטודנטית למדעי המחשב באוניברסיטה הפתוחה ומנהלת את קהילת PullRequest. אני תורמת קוד בעיקר לפרויקט \"הייתי_שם\", זה אתר שמנציח עדויות של נפגעי אלימות במערכות יחסים מכל סוג ומקשר בינם לבין גורמים שיכולים לעזור להם (עוד בשלבי בנייה). אני אוהבת לצייר, לקרוא וחתולים."
80 | ]
81 | },
82 | "roles": {
83 | "$id": "#/properties/roles",
84 | "type": "array",
85 | "title": "Community roles",
86 | "description": "Only people who have role on pull request community",
87 | "examples": [["Admin"]]
88 | },
89 | "customImage": {
90 | "$id": "#/properties/customImage",
91 | "type": "boolean",
92 | "title": "Custom image",
93 | "description": "Only people who want their own picture",
94 | "examples": [false]
95 | }
96 | },
97 | "additionalProperties": true
98 | }
99 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Citizen Code of Conduct
2 |
3 | ## 1. Purpose
4 |
5 | A primary goal of Pull Request Community is to be inclusive to the largest number of contributors, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).
6 |
7 | This code of conduct outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior.
8 |
9 | We invite all those who participate in Pull Request Community to help us create safe and positive experiences for everyone.
10 |
11 | ## 2. Open [Source/Culture/Tech] Citizenship
12 |
13 | A supplemental goal of this Code of Conduct is to increase open [source/culture/tech] citizenship by encouraging participants to recognize and strengthen the relationships between our actions and their effects on our community.
14 |
15 | Communities mirror the societies in which they exist and positive action is essential to counteract the many forms of inequality and abuses of power that exist in society.
16 |
17 | If you see someone who is making an extra effort to ensure our community is welcoming, friendly, and encourages all participants to contribute to the fullest extent, we want to know.
18 |
19 | ## 3. Expected Behavior
20 |
21 | The following behaviors are expected and requested of all community members:
22 |
23 | - Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
24 | - Exercise consideration and respect in your speech and actions.
25 | - Attempt collaboration before conflict.
26 | - Refrain from demeaning, discriminatory, or harassing behavior and speech.
27 | - Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
28 | - Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
29 |
30 | ## 4. Unacceptable Behavior
31 |
32 | The following behaviors are considered harassment and are unacceptable within our community:
33 |
34 | - Violence, threats of violence or violent language directed against another person.
35 | - Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
36 | - Posting or displaying sexually explicit or violent material.
37 | - Posting or threatening to post other people's personally identifying information ("doxing").
38 | - Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
39 | - Inappropriate photography or recording.
40 | - Inappropriate physical contact. You should have someone's consent before touching them.
41 | - Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
42 | - Deliberate intimidation, stalking or following (online or in person).
43 | - Advocating for, or encouraging, any of the above behavior.
44 | - Sustained disruption of community events, including talks and presentations.
45 |
46 | ## 5. Weapons Policy
47 |
48 | No weapons will be allowed at Pull Request Community events, community spaces, or in other spaces covered by the scope of this Code of Conduct. Weapons include but are not limited to guns, explosives (including fireworks), and large knives such as those used for hunting or display, as well as any other item used for the purpose of causing injury or harm to others. Anyone seen in possession of one of these items will be asked to leave immediately, and will only be allowed to return without the weapon. Community members are further expected to comply with all state and local laws on this matter.
49 |
50 | ## 6. Consequences of Unacceptable Behavior
51 |
52 | Unacceptable behavior from any community member, including sponsors and those with decision-making authority, will not be tolerated.
53 |
54 | Anyone asked to stop unacceptable behavior is expected to comply immediately.
55 |
56 | If a community member engages in unacceptable behavior, the community organizers may take any action they deem appropriate, up to and including a temporary ban or permanent expulsion from the community without warning (and without refund in the case of a paid event).
57 |
58 | ## 7. Reporting Guidelines
59 |
60 | If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer as soon as possible. miporagi@gmail.com.
61 |
62 | Additionally, community organizers are available to help community members engage with local law enforcement or to otherwise help those experiencing unacceptable behavior feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.
63 |
64 | ## 8. Addressing Grievances
65 |
66 | If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify Pull-Request-Community with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies.
67 |
68 | ## 9. Scope
69 |
70 | We expect all community participants (contributors, paid or otherwise; sponsors; and other guests) to abide by this Code of Conduct in all community venues--online and in-person--as well as in all one-on-one communications pertaining to community business.
71 |
72 | This code of conduct and its related procedures also applies to unacceptable behavior occurring outside the scope of community activities when such behavior has the potential to adversely affect the safety and well-being of community members.
73 |
74 | ## 10. Contact info
75 |
76 | miporagi@gmail.com
77 |
78 | ## 11. License and attribution
79 |
80 | The Citizen Code of Conduct is distributed by [Stumptown Syndicate](http://stumptownsyndicate.org) under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
81 |
82 | Portions of text derived from the [Django Code of Conduct](https://www.djangoproject.com/conduct/) and the [Geek Feminism Anti-Harassment Policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy).
83 |
84 | _Revision 2.3. Posted 6 March 2017._
85 |
86 | _Revision 2.2. Posted 4 February 2016._
87 |
88 | _Revision 2.1. Posted 23 June 2014._
89 |
90 | _Revision 2.0, adopted by the [Stumptown Syndicate](http://stumptownsyndicate.org) board on 10 January 2013. Posted 17 March 2013._
91 |
--------------------------------------------------------------------------------
/components/layout/navbar/navbar.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import Img from 'next/image';
3 | import { useMediaQuery } from 'react-responsive';
4 | import { mdiGithub } from '@mdi/js';
5 | import Icon from '@mdi/react';
6 | import { useTheme } from 'next-themes';
7 | import BasicButton from '../../buttons/basicButton';
8 | import { useRouter } from 'next/router';
9 | import SocialNetworks from '../../socialNetworks/socialNetworks';
10 | import { mobile } from '../../../utils/mediaQueries';
11 | import { useEffect, useState } from 'react';
12 | import styles from './navbar.module.scss';
13 | import { useTranslator } from '../../language/useTranslator';
14 | import languageFile from './navbar.language.json';
15 |
16 | const Navbar = ({ DesHeight }) => {
17 | const { asPath } = useRouter();
18 | const isMobile = useMediaQuery({ query: mobile });
19 | const [className, setClassName] = useState('navbar__logo');
20 | const [mounted, setMounted] = useState(false);
21 | const { setTheme, resolvedTheme } = useTheme();
22 |
23 | const addMeTranslate = useTranslator('add_me', languageFile);
24 |
25 | useEffect(() => {
26 | const scrollHandler = () => {
27 | if (window.pageYOffset >= DesHeight - 50) {
28 | setClassName('navbar__logo small');
29 | }
30 | if (window.pageYOffset <= DesHeight - 50) {
31 | setClassName('navbar__logo');
32 | }
33 | };
34 | window.addEventListener('scroll', scrollHandler);
35 |
36 | return () => window.removeEventListener('scroll', scrollHandler);
37 | }, [DesHeight]);
38 |
39 | // When mounted on client, now we can show the UI
40 | useEffect(() => setMounted(true), []);
41 |
42 | if (!mounted) return null;
43 |
44 | return (
45 |
67 | {roles && (
68 |
103 |
69 | {roles.map((role, i) => (
70 |
73 | ))}
74 |
75 | )}
76 |
77 |
87 | {name}
78 |
88 | {icons.map(
89 | ({ link, icon }) =>
90 | link && (
91 |
97 |
102 |
46 |
239 | );
240 | };
241 |
242 | export default Navbar;
243 |
--------------------------------------------------------------------------------
/public/assets/rectangleBackground.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
47 | 
92 |
93 |
94 |
95 |
96 |
238 |
48 |
78 | {!isMobile &&
80 |
84 | {addMeTranslate}{' '}
85 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |