Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 00a330b

Browse files
bsyedumarbsyedumar
committed
Updated docs footer
1 parent 5d22f9a commit 00a330b

File tree

2 files changed

+75
-33
lines changed

2 files changed

+75
-33
lines changed

‎src/css/custom.css‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -194,4 +194,16 @@ body * {
194194
/* Let the panel spill outside the navbar if it ever sits inside it */
195195
.navbar {
196196
overflow: visible;
197-
}
197+
}
198+
199+
.screen-reader-text {
200+
position: absolute;
201+
width: 1px;
202+
height: 1px;
203+
padding: 0;
204+
margin: -1px;
205+
overflow: hidden;
206+
clip: rect(0 0 0 0);
207+
white-space: nowrap;
208+
border: 0;
209+
}

‎src/theme/Footer/index.tsx‎

Lines changed: 62 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -4,54 +4,84 @@ const Footer: React.FC = () => {
44
return (
55
<footer role="contentinfo" aria-label="Site footer">
66
<div className="site-footer">
7-
<div className="footer-inner">
7+
<div className="footer-inner">
88
<div className="social-links" aria-label="Social media links">
9+
<a
10+
href="https://www.facebook.com/smythos01"
11+
target="_blank"
12+
rel="noopener noreferrer"
13+
aria-label="Visit SmythOS Facebook page"
14+
>
15+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
16+
<path d="M12.8817 7.8098v1.4585h2.7119l-.294 2.3286h-2.418V20H9.6725v-8.4031H8V9.2683h1.6723V7.5055c0-.8711-.0682-1.2844.316-1.9594.3845-.675 1.469-1.5672 3.3446-1.5457 1.8761.0222 2.667.196 2.667.196l-.4064 2.4817s-1.198-.3047-1.786-.196c-.5873.1085-.926.457-.926 1.3277z" fill="currentColor" />
17+
</svg>
18+
<span className="screen-reader-text">Facebook</span>
19+
</a>
20+
<a
21+
href="https://www.instagram.com/smyth_os/"
22+
target="_blank"
23+
rel="noopener noreferrer"
24+
aria-label="Visit SmythOS Instagram page"
25+
>
26+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
27+
<path fillRule="evenodd" clipRule="evenodd" d="M12 4c-2.1727 0-2.4451.0092-3.2984.0481-.8515.0389-1.433.1741-1.9419.372-.526.2043-.9722.4779-1.417.9226-.4447.4448-.7183.891-.9227 1.417-.1978.5089-.333 1.0904-.3719 1.942C4.0092 9.5548 4 9.8272 4 12c0 2.1726.0092 2.445.0481 3.2983.0389.8515.1741 1.4331.372 1.9419.2043.5261.4779.9723.9226 1.417.4448.4447.891.7183 1.417.9228.5089.1977 1.0904.3329 1.942.3718C9.5548 19.9908 9.8272 20 12 20s2.4451-.0092 3.2984-.0481c.8515-.0389 1.433-.1741 1.9419-.3718.5261-.2045.9722-.4781 1.417-.9228.4447-.4447.7183-.8909.9228-1.417.1977-.5088.3329-1.0904.3718-1.9419.0389-.8533.0481-1.1257.0481-3.2983 0-2.1728-.0092-2.4452-.0481-3.2985-.0389-.8515-.1741-1.433-.3718-1.9419-.2045-.526-.4781-.9722-.9228-1.417-.4448-.4447-.8909-.7183-1.417-.9227-.5089-.1978-1.0904-.333-1.9419-.3719C14.4451 4.0092 14.1727 4 12 4Zm-2.6667 8.0001c0 1.4727 1.1939 2.6666 2.6667 2.6666s2.6667-1.1939 2.6667-2.6666c0-1.4729-1.1939-2.6668-2.6667-2.6668s-2.6667 1.1939-2.6667 2.6668zm-1.4414 0c0-2.269 1.8392-4.1082 4.1081-4.1082 2.2689 0 4.1081 1.8393 4.1081 4.1082 0 2.2687-1.8392 4.108-4.1081 4.108-2.2689 0-4.1081-1.8393-4.1081-4.108zm8.3785-3.3105c.5303 0 .9601-.4298.9601-.96s-.4298-.96-.9601-.96c-.5301 0-.96.4298-.96.96s.4299.96.96.96z" fill="currentColor" />
28+
</svg>
29+
<span className="screen-reader-text">Instagram</span>
30+
</a>
31+
<a
32+
href="https://github.com/SmythOS"
33+
target="_blank"
34+
rel="noopener noreferrer"
35+
aria-label="Visit SmythOS GitHub page"
36+
>
37+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
38+
<path fillRule="evenodd" clipRule="evenodd" d="M12 4c4.4184 0 8 3.672 8 8.2023 0 3.6232-2.2896 6.6969-5.4664 7.7825-.4056.0808-.5496-.1754-.5496-.3938 0-.2704.0096-1.1536.0096-2.2512 0-.7648-.256-1.264-.5432-1.5183 1.7816-.2032 3.6536-.897 3.6536-4.0473 0-.896-.3104-1.6271-.824-2.2016.0832-.2072.3576-1.0415-.0784-2.171 0 0-.6704-.2198-2.1976.841-.6392-.1816-1.324-.273-2.004-.2762-.68.0032-1.364.0946-2.0024.2762-1.5288-1.0608-2.2008-.841-2.2008-.841-.4344 1.1295-.16 1.9638-.0776 2.171-.5112.5745-.824 1.3056-.824 2.2016 0 3.1424 1.868 3.8467 3.6448 4.0539-.2288.2048-.436.566-.508 1.0965-.456.2096-1.6144.5724-2.328-.6812 0 0-.4232-.7881-1.2264-.8457 0 0-.78-.0104-.0544.4984 0 0 .524.252.888 1.2 0 0 .4696 1.464 2.6952.968.004.6856.0112 1.3317.0112 1.5269 0 .2168-.1472.4705-.5464.3945C6.292 18.9015 4 15.8263 4 12.2023 4 7.6719 7.5824 4 12 4Z" fill="currentColor" />
39+
</svg>
40+
<span className="screen-reader-text">GitHub</span>
41+
</a>
42+
<a
43+
href="https://www.youtube.com/@Smyth_OS"
44+
target="_blank"
45+
rel="noopener noreferrer"
46+
aria-label="Visit SmythOS YouTube channel"
47+
>
48+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
49+
<path fillRule="evenodd" clipRule="evenodd" d="M9.9884 14.5863V8.974c1.9922.9375 3.5352 1.8432 5.3601 2.8196-1.5052.8348-3.3679 1.7714-5.36 2.7927zM21.091 6.1828c-.3436-.4528-.9294-.8053-1.5529-.922-1.8328-.348-13.2671-.349-15.099 0-.5.0938-.9453.3204-1.3278.6725-1.6117 1.496-1.1066 9.5187-.7181 10.8182.1633.5625.3745.9682.6405 1.2345.3426.3521.8118.5945 1.3507.7032 1.509.3122 9.2836.4867 15.1218.047a2.6202 2.6202 0 0 0 1.3896-.711c1.4901-1.4902 1.3885-9.9634.1952-11.8424z" fill="currentColor" />
50+
</svg>
51+
<span className="screen-reader-text">YouTube</span>
52+
</a>
53+
<a
54+
href="https://x.com/Smyth_OS"
55+
target="_blank"
56+
rel="noopener noreferrer"
57+
aria-label="Visit SmythOS X (formerly Twitter) page"
58+
>
59+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
60+
<path d="M13.4265 10.8177 19.0103 4.28h-1.3234l-4.8471 5.6764L8.9666 4.28H4.5l5.8562 8.5846L4.5 19.72h1.3234l5.1195-5.9952 4.0905 5.9952H19.5Zm-1.8119 2.122-.5934-.8548-4.7213-6.8013h2.0325l3.8093 5.489.5934.8546 4.9529 7.1355h-2.0326z" fill="currentColor" />
61+
</svg>
62+
<span className="screen-reader-text">X (Twitter)</span>
63+
</a>
964
<a
1065
href="https://discord.gg/smythos"
1166
target="_blank"
1267
rel="noopener noreferrer"
1368
aria-label="Join SmythOS Discord community"
1469
>
15-
{/* Discord Icon */}
16-
<svg
17-
width={25}
18-
height={25}
19-
viewBox="0 0 25 25"
20-
fill="none"
21-
xmlns="http://www.w3.org/2000/svg"
22-
aria-hidden="true"
23-
focusable="false"
24-
>
25-
<path
26-
fillRule="evenodd"
27-
clipRule="evenodd"
28-
d="M15.503 4.92383C16.247 4.92383 17.033 5.18383 17.753 5.47083L18.28 5.68683C19.54 6.21483 20.248 7.32283 20.797 8.53983C21.688 10.5148 22.307 13.1478 22.521 15.1498C22.623 16.0998 22.648 17.0558 22.465 17.6988C22.268 18.3858 21.598 18.8718 20.947 19.2538L20.625 19.4368L20.291 19.6228C20.1177 19.7188 19.9427 19.8135 19.766 19.9068L19.244 20.1768L18.527 20.5338L17.95 20.8178C17.8321 20.8814 17.7027 20.9206 17.5694 20.9332C17.436 20.9458 17.3015 20.9315 17.1738 20.8911C17.0462 20.8507 16.9279 20.7851 16.826 20.6981C16.7242 20.6112 16.6408 20.5046 16.5809 20.3849C16.5211 20.2651 16.4858 20.1345 16.4774 20.0008C16.4689 19.8672 16.4874 19.7332 16.5317 19.6068C16.576 19.4804 16.6452 19.3642 16.7353 19.2651C16.8254 19.166 16.9344 19.086 17.056 19.0298L17.846 18.6398L17.266 18.0308C15.876 18.6008 14.239 18.9238 12.5 18.9238C10.761 18.9238 9.12401 18.6018 7.73401 18.0308L7.15401 18.6388L7.94701 19.0288C8.06455 19.0875 8.16937 19.1688 8.25549 19.268C8.34161 19.3672 8.40735 19.4824 8.44895 19.607C8.49055 19.7317 8.5072 19.8633 8.49795 19.9943C8.48869 20.1254 8.45372 20.2533 8.39501 20.3708C8.33631 20.4884 8.25504 20.5932 8.15583 20.6793C8.05662 20.7654 7.94141 20.8312 7.8168 20.8728C7.56512 20.9568 7.29038 20.9374 7.05301 20.8188L6.50901 20.5488C6.10701 20.3488 5.70401 20.1508 5.30601 19.9418L4.37801 19.4368L4.05701 19.2538C3.40601 18.8718 2.73501 18.3858 2.53901 17.6988C2.35501 17.0558 2.38101 16.1008 2.48201 15.1488C2.69601 13.1478 3.31501 10.5148 4.20601 8.53983C4.75501 7.32283 5.46301 6.21483 6.72301 5.68683C7.55901 5.33683 8.57201 4.92383 9.50001 4.92383C10.103 4.92383 10.577 5.47883 10.49 6.07083C11.1556 5.9736 11.8274 5.92448 12.5 5.92383C13.191 5.92383 13.866 5.97383 14.514 6.07183C14.4947 5.92982 14.5059 5.78533 14.5466 5.64794C14.5874 5.51054 14.6568 5.38337 14.7504 5.27484C14.844 5.16631 14.9596 5.0789 15.0895 5.01838C15.2194 4.95787 15.3597 4.92564 15.503 4.92383ZM9.25001 11.4238C8.78589 11.4238 8.34077 11.6082 8.01258 11.9364C7.68439 12.2646 7.50001 12.7097 7.50001 13.1738C7.50001 13.638 7.68439 14.0831 8.01258 14.4113C8.34077 14.7395 8.78589 14.9238 9.25001 14.9238C9.71414 14.9238 10.1593 14.7395 10.4875 14.4113C10.8156 14.0831 11 13.638 11 13.1738C11 12.7097 10.8156 12.2646 10.4875 11.9364C10.1593 11.6082 9.71414 11.4238 9.25001 11.4238ZM15.75 11.4238C15.2859 11.4238 14.8408 11.6082 14.5126 11.9364C14.1844 12.2646 14 12.7097 14 13.1738C14 13.638 14.1844 14.0831 14.5126 14.4113C14.8408 14.7395 15.2859 14.9238 15.75 14.9238C16.2141 14.9238 16.6593 14.7395 16.9875 14.4113C17.3156 14.0831 17.5 13.638 17.5 13.1738C17.5 12.7097 17.3156 12.2646 16.9875 11.9364C16.6593 11.6082 16.2141 11.4238 15.75 11.4238Z"
29-
fill="currentColor"
30-
/>
70+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
71+
<path fillRule="evenodd" clipRule="evenodd" d="M10.4921 13.3058a.3073.3073 0 0 0-.003-.0559c-.0277-.1952-.0376-.3951-.0939-.5822-.211-.706-.647-1.213-1.389-1.363-.714-.143-1.293.13-1.721.709-.58.782-.524 1.947.117 2.68.689.787 1.809.808 2.522.041.3726-.4011.5432-.8834.568-1.4289zm6.6463-.0168a.3036.3036 0 0 0-.0026-.0504c-.0224-.1691-.0318-.343-.0756-.5069-.188-.7-.595-1.215-1.316-1.405-.637-.168-1.196.015-1.649.49-.745.781-.749 2.116-.017 2.908.72.777 1.855.762 2.542-.039.3435-.4006.4991-.8718.5182-1.3967zm-.0398 4.4968c.1751-.0841.2421-.3302.0843-.4434-.1159-.0831-.2087-.0512-.4257.0413-3.168 1.348-6.338 1.334-9.508.009-.2281-.0954-.3163-.1332-.4278-.0622-.1682.1073-.1032.3671.0762.4543.3412.1659.6827.332 1.0409.506a.3004.3004 0 0 1 .1225.431c-.2847.4493-.5658.894-.8558 1.3319-.031.046-.164.061-.233.04-1.715-.541-3.301-1.34-4.752-2.403-.074-.054-.138-.167-.146-.259-.329-3.631.439-7.018 2.281-10.164.703-1.201.701-1.222 2.199-1.698.788-.25 1.6-.422 2.399-.639.176-.047.264.005.334.164.088.197.219.377.287.58.081.242.205.299.456.263 1.375-.198 2.751-.168 4.125.013.0744.0106.1458-.0342.1793-.1015.129-.2583.2612-.5153.3827-.7785.063-.138.141-.176.294-.147 1.289.244 2.536.619 3.731 1.161.122.056.244.157.318.268 1.413 2.11 2.366 4.404 2.752 6.921.212 1.379.237 2.765.112 4.153-.009.099-.085.221-.168.28-1.44 1.045-3.006 1.845-4.707 2.375-.083.026-.24.011-.276-.043-.2882-.4311-.5635-.871-.8449-1.3193a.3005.3005 0 0 1 .124-.4306c.3565-.1715.6992-.3362 1.0463-.503z" fill="currentColor" />
3172
</svg>
73+
<span className="screen-reader-text">Discord</span>
3274
</a>
33-
3475
<a
3576
href="https://www.linkedin.com/company/smythos/"
3677
target="_blank"
3778
rel="noopener noreferrer"
3879
aria-label="Visit SmythOS LinkedIn page"
3980
>
40-
{/* LinkedIn Icon */}
41-
<svg
42-
width={25}
43-
height={25}
44-
viewBox="0 0 25 25"
45-
fill="none"
46-
xmlns="http://www.w3.org/2000/svg"
47-
aria-hidden="true"
48-
focusable="false"
49-
>
50-
<path
51-
d="M7.44043 5.92385C7.44017 6.45428 7.2292 6.96289 6.85394 7.33777C6.47868 7.71266 5.96986 7.92312 5.43943 7.92285C4.909 7.92259 4.40039 7.71162 4.02551 7.33636C3.65062 6.9611 3.44016 6.45228 3.44043 5.92185C3.4407 5.39142 3.65166 4.88282 4.02692 4.50793C4.40218 4.13305 4.911 3.92259 5.44143 3.92285C5.97186 3.92312 6.48047 4.13408 6.85535 4.50935C7.23024 4.88461 7.4407 5.39342 7.44043 5.92385ZM7.50043 9.40385H3.50043V21.9239H7.50043V9.40385ZM13.8204 9.40385H9.84043V21.9239H13.7804V15.3539C13.7804 11.6939 18.5504 11.3539 18.5504 15.3539V21.9239H22.5004V13.9939C22.5004 7.82385 15.4404 8.05385 13.7804 11.0839L13.8204 9.40385Z"
52-
fill="currentColor"
53-
/>
81+
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
82+
<path d="M7.5619 5.7252c-.0239-1.0825-.798-1.907-2.0551-1.907-1.257 0-2.079.8245-2.079 1.907 0 1.0602.7976 1.9084 2.0313 1.9084h.0235c1.2813 0 2.0793-.8482 2.0793-1.9084zM7.3198 9.1407H3.6452v11.0408h3.6746zM16.3412 8.8814c2.4181 0 4.231 1.5783 4.231 4.9696l-.0003 6.3305h-3.6745v-5.9069c0-1.4836-.5317-2.496-1.862-2.496-1.0152 0-1.6199.6825-1.8855 1.3417-.097.2362-.121.5654-.121.8954v6.1661H9.354s.0484-10.0048 0-11.0408h3.675v1.5638c.4877-.7517 1.3612-1.8234 3.3123-1.8234z" fill="currentColor" />
5483
</svg>
84+
<span className="screen-reader-text">LinkedIn</span>
5585
</a>
5686
</div>
5787

0 commit comments

Comments
 (0)