|
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