Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: added all required sub pages UI for the community section #1071

Closed
wants to merge 37 commits into from
Closed

feat: added all required sub pages UI for the community section #1071

Show file tree
Hide file tree
Changes from 23 commits
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
afb457f
extended annoucement banner functionality
AceTheCreator Oct 18, 2022
30c873d
importing changes
AceTheCreator Oct 19, 2022
d931afb
added ng images
AceTheCreator Oct 19, 2022
2873e2c
adding ambassador program section
AceTheCreator Oct 19, 2022
71779bc
implementing ambassador page
AceTheCreator Oct 24, 2022
a479682
adding program section
AceTheCreator Oct 25, 2022
6cebb69
completed first iteration of ambassador page
AceTheCreator Oct 27, 2022
9cc6ee2
enhancing page view
AceTheCreator Oct 31, 2022
fd17b92
added the last section of ambassador page
AceTheCreator Oct 31, 2022
97164f5
enhanced speakers card
AceTheCreator Oct 31, 2022
aee5311
made page responsive
AceTheCreator Oct 31, 2022
84ffa9f
addtions
AceTheCreator Oct 31, 2022
7045fc3
Merge branch 'community' into communityDev
AceTheCreator Oct 31, 2022
b66105e
added link to ambassador page
AceTheCreator Nov 1, 2022
33c7f42
added contributors route
AceTheCreator Nov 2, 2022
11d8536
added contribors page with dummy data
AceTheCreator Nov 2, 2022
8d4698e
creating contributors sub pages
AceTheCreator Nov 7, 2022
285312b
added the subpages for contributors
AceTheCreator Nov 7, 2022
057c0be
made contributors page responsive
AceTheCreator Nov 7, 2022
99db7bb
feat: new community section (#902)
AceTheCreator Nov 7, 2022
4a72c6c
Merge branch 'community' of https://github.com/asyncapi/website into …
AceTheCreator Nov 7, 2022
7ad7585
Completed all required pages
AceTheCreator Nov 7, 2022
0854ead
Fixed fs issue with modelina
AceTheCreator Nov 7, 2022
bd64ff5
Added links to community main page
AceTheCreator Nov 8, 2022
0cbc3fd
updated the community docs link
AceTheCreator Nov 8, 2022
35ad50a
enhanced community homepage
AceTheCreator Nov 10, 2022
920c817
adding contributors list
AceTheCreator Nov 10, 2022
ce078f6
added real ambassadors
AceTheCreator Nov 10, 2022
39f41ed
reused ambassadors data for contributors
AceTheCreator Nov 10, 2022
ade0815
made required changes
AceTheCreator Nov 10, 2022
56b1637
removed unneccessary console
AceTheCreator Nov 10, 2022
1ebe21d
used server side rendering for cobntributors profile
AceTheCreator Nov 10, 2022
edeed20
restructure contributor page
AceTheCreator Nov 10, 2022
74ea903
enhancing community main page
AceTheCreator Nov 14, 2022
d82a4eb
ambassador grid section fix
AceTheCreator Nov 14, 2022
0202ac3
fixed contributors responsiveness
AceTheCreator Nov 14, 2022
580ddf2
.
AceTheCreator Nov 14, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
98 changes: 76 additions & 22 deletions components/JobSummary.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,45 +1,99 @@
import ApplyJobButton from "./buttons/ApplyJob";
import moment from "moment";

export default function JobSummary({ job, className = '' }) {
export default function JobSummary({ job, className = '', extend }) {
return (
<div className={`bg-white shadow overflow-hidden sm:rounded-lg ${className}`}>
<div
className={`bg-white shadow overflow-hidden sm:rounded-lg ${className}`}
>
<div className="px-4 py-5 sm:px-6">
<dl>
<dt className="sr-only">Location</dt>
<dd className="flex mt-1 text-sm text-gray-900">
<svg viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5 text-gray-400"><path fillRule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clipRule="evenodd"></path></svg>
<svg
viewBox="0 0 20 20"
fill="currentColor"
className="h-5 w-5 text-gray-400"
>
<path
fillRule="evenodd"
d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z"
clipRule="evenodd"
></path>
</svg>
<div className="ml-4">
{!job.location || job.location === 'remote' && <p>Remote</p>}
<p className="text-gray-700">{!job.region || job.region === 'any' ? 'Anywhere (on planet Earth)' : job.region}</p>
{!job.location || (job.location === 'remote' && <p>Remote</p>)}
<p className="text-gray-700">
{!job.region || job.region === 'any'
? 'Anywhere (on planet Earth)'
: job.region}
</p>
</div>
</dd>
</dl>
</div>
{!extend && (
<div className="border-t border-gray-200 px-4 py-5 sm:px-6">
<dl>
<dt className="sr-only">Employment type</dt>
<dd className="flex mt-1 text-sm text-gray-900">
<svg
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure everyone will be happy on my suggestion but I think that the SVG you are adding, you shouldn't add the SVG code directly in the file because it decreases code readability as I'm not able to recognise which SVG it is pointing to. If you want to add Tailwind classes inside it, I will suggest having their components inside the icons folder and importing them with the custom name you provide to the component. You already did this for many icons as I can see in the PR.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This review is kinda not related to the PR :( You can open an issue for that

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

But, this issue is not in the official documentation of the AsyncAPI in the website. Maybe there's just some small error you missed while making the Docs Nav, and this can be fixed using the reference of Docs Nav in documentation.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Docs Nav? I'm typically reusing the existing one

viewBox="0 0 20 20"
fill="currentColor"
className="h-5 w-5 text-gray-400"
>
<path
fillRule="evenodd"
d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z"
clipRule="evenodd"
></path>
<path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15a24.98 24.98 0 01-8-1.308z"></path>
</svg>
<span className="ml-4">
{!job.employmentType || job.employmentType === 'full-time'
? 'Full-time'
: job.employmentType}
</span>
</dd>
</dl>
</div>
)}
<div className="border-t border-gray-200 px-4 py-5 sm:px-6">
<dl>
<dt className="sr-only">Employment type</dt>
{!extend && <dt className="sr-only">Closing on</dt>}
<dd className="flex mt-1 text-sm text-gray-900">
<svg viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5 text-gray-400"><path fillRule="evenodd" d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clipRule="evenodd"></path><path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15a24.98 24.98 0 01-8-1.308z"></path></svg>
<span className="ml-4">{!job.employmentType || job.employmentType === 'full-time' ? 'Full-time' : job.employmentType}</span>
</dd>
</dl>
</div>
<div className="border-t border-gray-200 px-4 py-5 sm:px-6">
<dl>
<dt className="sr-only">Closing on</dt>
<dd className="flex mt-1 text-sm text-gray-900">
<svg viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5 text-gray-400"><path fillRule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clipRule="evenodd"></path></svg>
<span className="ml-4">
Closing on&nbsp;
<time dateTime={job.closingOn}>{new Date(job.closingOn).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })}</time>
</span>
<svg
viewBox="0 0 20 20"
fill="currentColor"
className="h-5 w-5 text-gray-400"
>
<path
fillRule="evenodd"
d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
clipRule="evenodd"
></path>
</svg>
{extend ? (
<span className="ml-4">{moment(job.date).format('MMMM D, YYYY')}</span>
) : (
<span className="ml-4">
Closing on&nbsp;
<time dateTime={job.closingOn}>
{new Date(job.closingOn).toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: 'numeric',
})}
</time>
</span>
)}
</dd>
</dl>
</div>

<div className="hidden lg:block border-t border-gray-200 px-4 py-5 sm:px-6">
<ApplyJobButton job={job} className="block text-center" />
<ApplyJobButton job={job} className="block text-center" extend={extend} />
</div>
</div>
)
);
}
9 changes: 5 additions & 4 deletions components/buttons/ApplyJob.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
import Button from './Button'

export default function ApplyJobButton({ job, className = '' }) {

import moment from 'moment';
export default function ApplyJobButton({ job, className = '', extend }) {
const localTime = moment().format('YYYY-MM-DD'); // store localTime
const currentDate = localTime + 'T00:00:00.000Z';
const getHref = (contact) => {

try {
Expand All @@ -17,7 +18,7 @@ export default function ApplyJobButton({ job, className = '' }) {
<Button
href={getHref(job.contact)}
target="_blank"
text="Apply for this job"
text={extend ? currentDate < job.date ? "Add to Calender" : "View Recording" : "Apply for this job"}
className={className}
/>
)
Expand Down
16 changes: 16 additions & 0 deletions components/icons/Asteriks.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
export default function Asteriks({ className }) {
return (
<svg version="1.1" width="15" height="15" id="Layer_1" viewBox="0 0 330 330" className={className}>
<path
id="XMLID_4_"
d="M327.894,117.141l-40-69.281c-4.143-7.175-13.316-9.633-20.49-5.49L220,69.736V15c0-8.284-6.716-15-15-15
h-80c-8.284,0-15,6.716-15,15v54.738L62.597,42.369c-3.445-1.989-7.543-2.528-11.382-1.499c-3.843,1.03-7.119,3.544-9.108,6.989
l-40,69.281c-4.142,7.174-1.684,16.348,5.49,20.49L54.999,165L7.597,192.367c-3.445,1.989-5.959,5.265-6.989,9.107
c-1.029,3.843-0.49,7.938,1.499,11.383l40,69.283c1.989,3.445,5.266,5.959,9.108,6.989c3.843,1.028,7.938,0.491,11.383-1.499
L110,260.263V315c0,8.284,6.716,15,15,15h80c8.284,0,15-6.716,15-15v-54.736l47.402,27.367c7.174,4.143,16.347,1.685,20.49-5.49
l40.001-69.281c1.989-3.445,2.528-7.539,1.499-11.382c-1.03-3.843-3.544-7.119-6.989-9.108L275,165l47.403-27.369
C329.578,133.488,332.036,124.314,327.894,117.141z"
/>
</svg>
);
}
8 changes: 8 additions & 0 deletions components/icons/Community.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

34 changes: 34 additions & 0 deletions components/icons/Conference.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
export default function Conference({ className }) {
return (
<svg className={className} width="20px" height="20px" viewBox="0 0 24 24">
<path
d="M7.5 4.20581L16.5 19.7943"
stroke="#C78017"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19.7942 7.5L4.20573 16.5"
stroke="#C78017"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M14.3293 3.30664L9.6706 20.6933"
stroke="#C78017"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.6934 14.3293L3.30669 9.6706"
stroke="#C78017"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
12 changes: 12 additions & 0 deletions components/icons/Twitter_2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
export default function TwitterSVG() {
return (
<svg
className="w-5 h-5"
aria-hidden="true"
fill="currentColor"
viewBox="0 0 20 20"
>
<path d="M6.29 18.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0020 3.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.073 4.073 0 01.8 7.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 010 16.407a11.616 11.616 0 006.29 1.84" />
</svg>
);
}
66 changes: 66 additions & 0 deletions components/icons/Webinar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
export default function Webinar({ className }) {
return (
<svg className={className} width="20px" height="20px" viewBox="0 0 256 256">
<path
d="m40.59 49.24c-1.28 0-33.08 24.32-33.08 76 0 53.23 30.89 81.28 32.64 81.49s16.43-13.58 16.43-14.68-26.95-20.59-26.95-65.28 26.73-61.33 26.73-62.85c0-.92-12.26-14.68-15.77-14.68z"
fill="#47BCEE"
/>
<path
d="m40.29 214.77a9.09 9.09 0 0 1 -1.14-.07c-1.64-.2-4.12-.51-10.79-7.93a101.48 101.48 0 0 1 -12.11-16.87c-7.63-13.17-16.74-35.07-16.74-64.64 0-28.86 9.43-49.51 17.34-61.74a89.8 89.8 0 0 1 12.44-15.39c7-6.88 9.5-6.88 11.3-6.88 3.49 0 7.2 1.57 14.9 9.4 8.87 9 8.87 10.89 8.87 13.28 0 3.72-2.18 5.75-4.29 7.71-5.55 5.17-22.44 20.89-22.44 55.16 0 23.42 7.81 43 23.21 58.11 1.75 1.72 3.74 3.67 3.74 7.18 0 2.89 0 4.81-12.22 15.59-5.72 5.04-8.69 7.09-12.07 7.09zm.84-155.77c-7.46 7.05-25.62 28.17-25.62 66.26 0 39.53 17.7 63 25.27 71.28 1.54-1.33 3.28-2.92 4.85-4.4-15.92-17.6-24-39.56-24-65.35 0-25.52 8.06-46.81 24-63.36-1.48-1.54-3.1-3.16-4.5-4.43z"
fill="#47BCEE"
/>
<path
d="m74.77 78.6c-1.55 0-21.69 12.71-22.13 46.88-.45 35.05 19.72 52.36 21 52.58s14.24-13.36 14.24-14.46-15.48-11.84-14.68-35.49c.88-25.85 14.9-34.61 14.9-35.71s-11.36-13.8-13.33-13.8z"
fill="#47BCEE"
/>
<path
d="m73.73 186.06a8.38 8.38 0 0 1 -1.38-.12c-7.35-1.22-16.66-16.9-16.75-17.05-5.14-8.72-11.22-23.36-11-43.52.26-19.94 6.73-33.19 12.12-40.78 3.43-4.84 11.62-14 18-14 3.75 0 6.73 2 13.27 9 7.33 7.85 8.1 9.92 8.1 12.77 0 3.51-2.09 5.59-3.47 7-3 3-10.82 10.79-11.43 29a36.5 36.5 0 0 0 11.21 28.19c1.56 1.61 3.51 3.61 3.51 7s-1.46 5.38-6.84 11.14a116.63 116.63 0 0 1 -8.33 8.18c-1.34 1.19-3.74 3.19-7.01 3.19zm.68-97.53c-4.83 4.5-13.5 15.57-13.77 37-.28 21.97 8.26 35.61 13.36 41.79 1.12-1.12 2.3-2.35 3.38-3.5a51.81 51.81 0 0 1 -12.14-36c .64-18.82 7.56-30 12.45-35.83-1.06-1.16-2.22-2.39-3.28-3.46z"
fill="#47BCEE"
/>
<path
d="m215.41 49.24c1.28 0 33.08 24.32 33.08 76 0 53.23-30.89 81.28-32.64 81.49s-16.43-13.58-16.43-14.68 26.95-20.59 26.95-65.28-26.73-61.36-26.73-62.87c0-.9 12.26-14.66 15.77-14.66z"
fill="#47BCEE"
/>
<path
d="m215.7 214.77c-3.38 0-6.34-2-12.06-7.1-12.22-10.79-12.22-12.7-12.22-15.59 0-3.5 2-5.45 3.74-7.18 15.4-15.14 23.21-34.69 23.21-58.11 0-34.27-16.89-50-22.44-55.16-2.11-2-4.29-4-4.29-7.71 0-2.39 0-4.27 8.87-13.28 7.71-7.83 11.41-9.4 14.9-9.4 1.79 0 4.25 0 11.3 6.88a89.8 89.8 0 0 1 12.44 15.39c7.91 12.24 17.34 32.88 17.34 61.74 0 29.57-9.1 51.47-16.74 64.64a101.48 101.48 0 0 1 -12.11 16.86c-6.67 7.41-9.15 7.72-10.8 7.93a9 9 0 0 1 -1.14.09zm-5.33-22.62c1.56 1.48 3.31 3.07 4.85 4.4 7.57-8.23 25.27-31.75 25.27-71.28 0-38.09-18.16-59.21-25.62-66.26-1.4 1.27-3 2.89-4.48 4.43 15.91 16.55 24 37.84 24 63.36-.03 25.78-8.09 47.74-24.02 65.34z"
fill="#47BCEE"
/>
<path
d="m181.23 78.6c1.55 0 21.69 12.71 22.13 46.88.45 35.05-19.72 52.36-21 52.58s-14.24-13.36-14.24-14.46 15.48-11.84 14.68-35.49c-.88-25.85-14.9-34.61-14.9-35.71s11.36-13.8 13.33-13.8z"
fill="#47BCEE"
/>
<path
d="m182.27 186.06c-3.3 0-5.66-2-7-3.15a116.63 116.63 0 0 1 -8.33-8.18c-5.38-5.77-6.84-7.8-6.84-11.14s1.95-5.44 3.51-7a36.5 36.5 0 0 0 11.17-28.17c-.62-18.22-8.47-26.06-11.43-29-1.38-1.38-3.47-3.46-3.47-7 0-2.85.77-4.92 8.1-12.77 6.54-7 9.52-9 13.27-9 6.39 0 14.57 9.16 18 14 5.39 7.6 11.86 20.84 12.12 40.78.26 20.16-5.82 34.79-11 43.52-.09.16-9.41 15.83-16.75 17.05a8.38 8.38 0 0 1 -1.35.06zm-3.65-22.25c1.08 1.15 2.26 2.38 3.38 3.5 5.11-6.17 13.64-19.82 13.36-41.74-.27-21.48-8.94-32.54-13.77-37-1.06 1.07-2.22 2.3-3.28 3.47 4.9 5.87 11.81 17 12.45 35.83a51.81 51.81 0 0 1 -12.14 35.95z"
fill="#47BCEE"
/>
<path
d="m151.07 128.11c0 15.17-10.17 28.47-26.79 27.47-14.77-.89-26.79-12.3-26.79-27.47s10.76-27.07 26.79-27.47c15.83-.39 26.79 12.3 26.79 27.47z"
fill="#47BCEE"
/>
<path
d="m126.06 163.63q-1.12 0-2.27-.07c-19.56-1.18-34.31-16.42-34.31-35.45 0-20 14.55-35 34.59-35.47a33.24 33.24 0 0 1 24.35 9.36 36.5 36.5 0 0 1 10.65 26.09c0 10.56-4 20.4-11 27a31.37 31.37 0 0 1 -22.01 8.54zm-1.07-55h-.52c-11.18.28-19 8.29-19 19.47 0 10.44 8.29 18.82 19.27 19.48a15.85 15.85 0 0 0 12.33-4.15c3.8-3.58 6-9.17 6-15.34a20.43 20.43 0 0 0 -5.82-14.64 17.14 17.14 0 0 0 -12.25-4.82z"
fill="#47BCEE"
/>
<path
d="m40.59 49.24c-1.28 0-33.08 24.32-33.08 76 0 53.23 30.89 81.28 32.64 81.49s16.43-13.58 16.43-14.68-26.95-20.59-26.95-65.28 26.73-61.33 26.73-62.85c0-.92-12.26-14.68-15.77-14.68z"
fill="#47BCEE"
/>
<path
d="m74.77 78.6c-1.55 0-21.69 12.71-22.13 46.88-.45 35.05 19.72 52.36 21 52.58s14.24-13.36 14.24-14.46-15.48-11.84-14.68-35.49c.88-25.85 14.9-34.61 14.9-35.71s-11.36-13.8-13.33-13.8z"
fill="#47BCEE"
/>
<path
d="m215.41 49.24c1.28 0 33.08 24.32 33.08 76 0 53.23-30.89 81.28-32.64 81.49s-16.43-13.58-16.43-14.68 26.95-20.59 26.95-65.28-26.73-61.36-26.73-62.87c0-.9 12.26-14.66 15.77-14.66z"
fill="#47BCEE"
/>
<path
d="m181.23 78.6c1.55 0 21.69 12.71 22.13 46.88.45 35.05-19.72 52.36-21 52.58s-14.24-13.36-14.24-14.46 15.48-11.84 14.68-35.49c-.88-25.85-14.9-34.61-14.9-35.71s11.36-13.8 13.33-13.8z"
fill="#47BCEE"
/>
<path
d="m151.07 128.11c0 15.17-10.17 28.47-26.79 27.47-14.77-.89-26.79-12.3-26.79-27.47s10.76-27.07 26.79-27.47c15.83-.39 26.79 12.3 26.79 27.47z"
fill="#e83a2a"
/>
</svg>
);
}
Loading