|
1 | 1 | import React from 'react'; |
| 2 | +import { Card, CardHeader, CardContent, CardTitle } from '@/components/ui/card'; |
| 3 | +const linkProps = { className: 'underline', rel: 'noreferrer' }; |
2 | 4 |
|
3 | | -export const Remember = () => { |
4 | | - return ( |
5 | | - <div className='flex mt-7 flex-col rounded-md shadow-md border border-gray-200 p-4 mt-2'> |
6 | | - <h3 |
7 | | - className='flex text-h5mobile md:text-h5 font-semibold border-b pb-3' |
| 5 | +export const Remember = () => ( |
| 6 | + <Card className='mt-7'> |
| 7 | + <CardHeader className='flex flex-row items-center space-x-3 pb-3 border-b'> |
| 8 | + <svg |
| 9 | + xmlns='http://www.w3.org/2000/svg' |
| 10 | + width='32' |
| 11 | + height='32' |
| 12 | + fill='currentColor' |
| 13 | + className='bi bi-info-circle-fill' |
| 14 | + viewBox='0 0 16 16' |
| 15 | + > |
| 16 | + <path d='M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z' /> |
| 17 | + </svg> |
| 18 | + <CardTitle |
| 19 | + className='text-h5mobile md:text-h5' |
8 | 20 | data-test='remember-heading' |
9 | 21 | > |
10 | | - <svg |
11 | | - xmlns='http://www.w3.org/2000/svg' |
12 | | - width='32' |
13 | | - height='32' |
14 | | - fill='currentColor' |
15 | | - className='bi bi-info-circle-fill mr-3' |
16 | | - viewBox='0 0 16 16' |
17 | | - > |
18 | | - <path d='M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z' /> |
19 | | - </svg>{' '} |
20 | 22 | Remember |
21 | | - </h3> |
22 | | - <span |
23 | | - className='inline-block mt-2 ml-2 font-medium antialiased font-semibold' |
24 | | - data-test='contribute-docs-span' |
25 | | - > |
26 | | - Contribute to the JSON Schema Docs |
27 | | - </span> |
28 | | - <div className='mt-2 mb-2' data-test='contribute-docs-div'> |
29 | | - Code isn't the only way to contribute to OSS; Docs are extremely import |
30 | | - for the JSON Schema Ecosystem. At JSON Schema, We value Docs |
31 | | - contributions as much as every other type of contribution! |
| 23 | + </CardTitle> |
| 24 | + </CardHeader> |
| 25 | + <CardContent className='space-y-6'> |
| 26 | + <div className='space-y-2'> |
| 27 | + <span |
| 28 | + className='antialiased font-semibold' |
| 29 | + data-test='contribute-docs-span' |
| 30 | + > |
| 31 | + Contribute to the JSON Schema Docs |
| 32 | + </span> |
| 33 | + <p data-test='contribute-docs-div'> |
| 34 | + Code isn't the only way to contribute to OSS; Docs are extremely |
| 35 | + import for the JSON Schema Ecosystem. At JSON Schema, We value Docs |
| 36 | + contributions as much as every other type of contribution! |
| 37 | + </p> |
32 | 38 | </div> |
33 | | - <span |
34 | | - className='inline-block mt-3 ml-2 font-medium antialiased font-semibold' |
35 | | - data-test='get-started-span' |
36 | | - > |
37 | | - To get started as a Docs contributor: |
38 | | - </span> |
39 | | - <div className='mt-2 mb-2'> |
40 | | - <ol className='list-decimal mt-2 mb-4 ml-5'> |
41 | | - <li className='mt-1 leading-7'> |
| 39 | + |
| 40 | + <div className='space-y-2'> |
| 41 | + <span |
| 42 | + className='antialiased font-semibold' |
| 43 | + data-test='get-started-span' |
| 44 | + > |
| 45 | + To get started as a Docs contributor: |
| 46 | + </span> |
| 47 | + <ol className='list-decimal ml-5 space-y-2'> |
| 48 | + <li className='leading-7'> |
42 | 49 | Familiarize yourself with our project's{' '} |
43 | 50 | <a |
44 | | - className='underline' |
45 | | - rel='noreferrer' |
| 51 | + {...linkProps} |
46 | 52 | href='https://github.com/json-schema-org/community/blob/main/CONTRIBUTING.md' |
47 | 53 | > |
48 | 54 | Contribution Guide |
49 | 55 | </a>{' '} |
50 | 56 | and our{' '} |
51 | 57 | <a |
52 | | - className='underline' |
53 | | - rel='noreferrer' |
| 58 | + {...linkProps} |
54 | 59 | href='https://github.com/json-schema-org/.github/blob/main/CODE_OF_CONDUCT.md' |
55 | 60 | > |
56 | 61 | Code of Conduct |
57 | 62 | </a> |
58 | 63 | . |
59 | 64 | </li> |
60 | | - <li className='mt-1 leading-7'> |
| 65 | + <li className='leading-7'> |
61 | 66 | Head over to our{' '} |
62 | 67 | <a |
63 | | - className='underline' |
64 | | - rel='noreferrer' |
| 68 | + {...linkProps} |
65 | 69 | href='https://github.com/orgs/json-schema-org/projects/16' |
66 | 70 | > |
67 | 71 | JSON Schema Docs Board |
68 | 72 | </a> |
69 | 73 | . |
70 | 74 | </li> |
71 | | - <li className='mt-1 leading-7'> |
| 75 | + <li className='leading-7'> |
72 | 76 | Pick an issue you would like to contribute to and leave a comment |
73 | 77 | introducing yourself. This is also the perfect place to leave any |
74 | 78 | questions you may have on how to get started. |
75 | 79 | </li> |
76 | | - <li className='mt-1 leading-7'> |
| 80 | + <li className='leading-7'> |
77 | 81 | If there is no work done in that Docs issue yet, feel free to open a |
78 | 82 | PR and get started! |
79 | 83 | </li> |
80 | 84 | </ol> |
81 | 85 | </div> |
82 | | - <span |
83 | | - className='inline-block ml-2 font-medium antialiased font-semibold' |
84 | | - data-test='contribute-docs-questions-span' |
85 | | - > |
86 | | - Docs contributor questions? |
87 | | - </span> |
88 | | - <div className='mt-2 mb-2' data-test='contribute-docs-questions-div'> |
89 | | - Do you have a documentation contributor question? Please leave a comment |
90 | | - in the issue or PR or join the <code>#contribute</code> or{' '} |
91 | | - <code>#documentation</code> channels on{' '} |
92 | | - <a |
93 | | - className='underline' |
94 | | - rel='noreferrer' |
95 | | - href='https://json-schema.org/slack' |
| 86 | + |
| 87 | + <div className='space-y-2'> |
| 88 | + <span |
| 89 | + className='antialiased font-semibold' |
| 90 | + data-test='contribute-docs-questions-span' |
96 | 91 | > |
97 | | - Slack |
98 | | - </a>{' '} |
99 | | - and leave a message. |
| 92 | + Docs contributor questions? |
| 93 | + </span> |
| 94 | + <p data-test='contribute-docs-questions-div'> |
| 95 | + Do you have a documentation contributor question? Please leave a |
| 96 | + comment in the issue or PR or join the <code>#contribute</code> or{' '} |
| 97 | + <code>#documentation</code> channels on{' '} |
| 98 | + <a {...linkProps} href='https://json-schema.org/slack'> |
| 99 | + Slack |
| 100 | + </a>{' '} |
| 101 | + and leave a message. |
| 102 | + </p> |
100 | 103 | </div> |
101 | | - </div> |
102 | | - ); |
103 | | -}; |
| 104 | + </CardContent> |
| 105 | + </Card> |
| 106 | +); |
0 commit comments