diff --git a/public/images/techno4.png b/public/images/techno4.png new file mode 100644 index 0000000000000000000000000000000000000000..1845e2a3867026092292b826dd5580e5555deae2 Binary files /dev/null and b/public/images/techno4.png differ diff --git a/public/images/techno4a.svg b/public/images/techno4a.svg new file mode 100644 index 0000000000000000000000000000000000000000..081aeaa2634aa3bf5bc21b8b49537d63b6213a62 --- /dev/null +++ b/public/images/techno4a.svg @@ -0,0 +1 @@ +<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1837.5871 1039.94"><defs><style>.cls-1{fill:#cdd6e0;}.cls-2,.cls-3,.cls-4,.cls-5,.cls-6{stroke:#000;}.cls-2,.cls-3,.cls-5,.cls-6{stroke-miterlimit:8.0042;}.cls-2,.cls-4,.cls-5{fill:#fff;}.cls-2,.cls-6{stroke-width:1.5px;}.cls-7{fill:#ebccb2;}.cls-3,.cls-5{stroke-width:5.9973px;}.cls-3,.cls-8,.cls-6,.cls-9{fill:none;}.cls-10{fill:#40596b;}.cls-11{fill:#f4feff;}.cls-12{fill:#334a5e;}.cls-13{fill:#ff7058;}.cls-14{fill:#1976d2;}.cls-15{fill:#006ed4;}.cls-4{stroke-miterlimit:10;stroke-width:.5px;}.cls-16{fill:#acb3ba;}.cls-8{stroke-width:32px;}.cls-8,.cls-9{stroke:#c5e0e0;stroke-miterlimit:11.3;}.cls-9{stroke-width:16px;}.cls-17{fill:#ffd15c;}</style></defs><g id="Background"><g id="layer1"><path id="path110" class="cls-9" d="M615.2212,527.6162h612.1075"/><path id="path110-1" class="cls-9" d="M208.3095,435.5061l69.2005-108.897"/><path id="path110-1-4" class="cls-9" d="M200.0537,198.7638l63.9868,46.9534"/><path id="path110-1-0" class="cls-9" d="M612.1601,198.8488l-39.1281-90.4658"/><path id="path110-1-7" class="cls-9" d="M916.8758,99.27L916.226.0524"/><path id="path110-1-2" class="cls-9" d="M1746.1399,86.8651l87.6168-47.7836"/><path id="path110-1-26" class="cls-9" d="M1647.9987,399.2005l125.8108-.8303"/><path id="path110-1-6" class="cls-9" d="M1315.8611,959.9709l59.0872,75.019"/><path id="path110-1-9" class="cls-9" d="M535.7544,1028.7469l9.3737-119.3994"/><path id="path110-1-09" class="cls-9" d="M.1779,509.069l119.7145-2.663"/><path id="path110-47" class="cls-9" d="M376.4524,264.0038l196.9254-23.5627"/><path id="path110-47-6" class="cls-9" d="M692.3775,227.9914l160.1302-61.9512"/><path id="path110-47-6-2" class="cls-9" d="M915.1795,597.6844l.4573-373.9213"/><path id="path110-6" class="cls-9" d="M247.5005,493.674l254.4258,19.4187"/><path id="path110-7" class="cls-9" d="M502.1977,806.7361l-298.9012-256.8409"/><path id="path110-2" class="cls-9" d="M915.1478,865.2986l3.3596-148.6021"/><path id="path110-74" class="cls-9" d="M968.8609,688.1276l257.6348,189.3244"/><path id="path110-0" class="cls-9" d="M1308.1747,870.9287l268.3467-419.2889"/><path id="path110-68" class="cls-9" d="M974.4621,136.1161l644.4672-19.0147"/><path id="path110-3" class="cls-9" d="M1612.2367,335.278l63.0668-155.7382"/><path id="path110-9" class="cls-9" d="M981.1325,158.0733l548.9222,219.0807"/><path id="path110-4" class="cls-9" d="M593.0401,484.1079l270.3478-293.2736"/><path id="path110-4-2" class="cls-9" d="M968.2264,188.5902l275.6065,306.536"/><path id="path56-5-6" class="cls-9" d="M867.3734,936.0617l-268.4363-355.914"/><path id="path56-5-6-2" class="cls-9" d="M1241.2062,581.6933l-276.4327,354.2684"/><g id="g174"><circle id="path173" class="cls-8" cx="553.3006" cy="527.6162" r="54.1605"/><circle id="path174" class="cls-7" cx="553.3006" cy="527.6162" r="30.5156"/></g><g id="g174-0"><circle id="path173-9" class="cls-8" cx="1276.8842" cy="527.6162" r="54.1605"/><circle id="path174-3" class="cls-7" cx="1276.8842" cy="527.6162" r="30.5156"/><circle id="path174-3-2" class="cls-7" cx="1586.4339" cy="394.9222" r="30.5156"/><circle id="path174-3-3" class="cls-7" cx="313.434" cy="271.9222" r="30.5156"/><circle id="path174-3-4" class="cls-7" cx="1276.8842" cy="915.9222" r="30.5156"/></g><g id="g174-0-6"><circle id="path173-9-2" class="cls-8" cx="917.1555" cy="154.0496" r="54.1605"/></g><g id="g174-0-6-7"><circle id="path173-9-2-9" class="cls-8" cx="313.434" cy="271.9222" r="54.1605"/></g><g id="g174-0-6-2"><circle id="path173-9-2-3" class="cls-8" cx="638.434" cy="243.9222" r="54.1605"/></g><g id="g174-0-6-9"><circle id="path173-9-2-2" class="cls-8" cx="916.434" cy="658.9222" r="54.1605"/></g><g id="g174-0-6-97"><circle id="path173-9-2-36" class="cls-8" cx="544.434" cy="846.9222" r="54.1605"/></g><g id="g174-0-6-93"><circle id="path173-9-2-1" class="cls-8" cx="184.434" cy="494.9222" r="54.1605"/></g><g id="g174-0-6-78"><circle id="path173-9-2-4" class="cls-8" cx="1586.4339" cy="394.9222" r="54.1605"/></g><g id="g174-0-6-3"><circle id="path173-9-2-6" class="cls-8" cx="1682.4339" cy="120.9222" r="54.1605"/></g><g id="g174-0-6-6"><circle id="path173-9-2-32" class="cls-8" cx="1276.434" cy="915.9222" r="54.1605"/></g></g><g id="laptop"><path id="path71" class="cls-1" d="M1053.433,1020.8834c-1.1582,1.673-2.8311,5.7911-5.1476,5.7911h-263.9438c-1.673,0-3.9894-3.9894-5.1476-5.7911,0,0-3.9894,12.6117,5.1476,12.6117h263.9438c8.6222.5148,5.1476-12.6117,5.1476-12.6117Z"/><path id="path72" class="cls-16" d="M1025.8932,970.9516h-219.1596c-3.4747,0-6.8206,2.8312-8.6223,6.3059l-18.4027,41.3096c-1.1582,4.6328.5148,8.6222,4.6328,8.6222h263.9438c3.9894,0,6.3059-3.9894,4.6328-8.6222l-18.4028-41.3096c-1.1582-3.4747-5.1476-6.3059-8.6222-6.3059h0Z"/><polygon id="polygon72" class="cls-1" points="888.8381 996.8183 939.2847 996.8183 945.5905 1018.0523 881.8888 1018.0523 888.8381 996.8183"/><path id="path73" class="cls-12" d="M1019.5874,970.9516h-206.5478c-6.3059,0-11.4535-5.1476-11.4535-11.4535v-136.5404c0-6.3059,5.1476-11.4535,11.4535-11.4535h206.5478c6.3059,0,11.4535,5.1476,11.4535,11.4535v136.5404c0,6.3059-5.1476,11.4535-11.4535,11.4535Z"/><rect id="rect77" class="cls-13" x="942.1159" y="913.1043" width="67.6911" height="12.0969"/><g id="g76"><rect id="rect75" class="cls-15" x="871.3118" y="937.9882" width="80.3028" height="12.0969"/><rect id="rect76" class="cls-15" x="963.5827" y="937.9882" width="48.7737" height="12.0969"/></g><rect id="rect73" class="cls-10" x="813.683" y="824.1159" width="204.875" height="134.8674"/><rect id="rect74" class="cls-17" x="823.3347" y="884.9865" width="32.6874" height="12.0969"/><rect id="rect78" class="cls-1" x="903.7662" y="921.6632" width="61.9" height="12.0969"/><g id="g80"><rect id="rect79" class="cls-13" x="977.1197" y="921.6632" width="32.6874" height="12.0969"/><rect id="rect80" class="cls-13" x="822.3052" y="848.181" width="43.626" height="12.0969"/></g><rect id="rect82" class="cls-1" x="877.8994" y="848.181" width="85.4504" height="12.0969"/><rect class="cls-11" x="813.683" y="824.1159" width="204.875" height="134.8674"/><rect id="rect81" class="cls-14" x="933.1076" y="855.9384" width="77.2142" height="4.3395"/><g id="FDO_Logo"><path class="cls-14" d="M852.1886,873.4864c0-7.7891,6.3729-14.1621,14.1621-14.1621,3.8946,0,7.4351,1.4162,9.9135,4.2486l4.9567-4.9567c-3.5405-3.8946-8.8513-6.3729-14.8702-6.3729-11.6837,0-21.2431,9.5594-21.2431,21.2431,0,6.0189,2.4784,11.3297,6.3729,15.2242l4.9567-4.9567c-2.4784-2.8324-4.2486-6.3729-4.2486-10.2675Z"/><path class="cls-14" d="M871.3075,868.5297c-1.0622-1.4162-2.8324-2.1243-4.9567-2.1243-3.8946,0-7.081,3.1865-7.081,7.081,0,2.1243.7081,3.8946,2.1243,4.9567l4.9567-4.9567,4.9567-4.9567Z"/><path class="cls-14" d="M841.213,898.6241l4.9567-4.9567c-4.9567-5.3108-8.1432-12.3918-8.1432-20.181,0-15.5783,12.7459-28.3242,28.3242-28.3242,7.7891,0,14.8702,3.1865,20.181,8.1432l4.9567-4.9567c-6.3729-6.3729-15.2242-10.2675-25.1377-10.2675-19.4729,0-35.4052,15.9323-35.4052,35.4052,0,9.9135,3.8946,18.7648,10.2675,25.1377Z"/><path class="cls-14" d="M859.4773,899.9526l8.9017.7485-1.2443,5.9005c-.2751.831-1.0404,1.4287-1.722,1.3449l-4.4299-.5447c-.8729.0656-1.62-.891-1.5362-1.5725l.0307-5.8767Z"/><path class="cls-14" d="M882.9374,895.2654l6.0692-6.5548,3.8843,4.6126c.4855.7283.4855,1.6994,0,2.1849l-3.156,3.156c-.4855.7283-1.6994.7283-2.1849.2428l-4.6126-3.6415Z"/><path class="cls-14" d="M894.0562,873.2919l-1.6098-8.7869,6.0204-.345c.874.0478,1.6514.6298,1.7491,1.3094l.635,4.4178c.292.8252-.4354,1.7969-1.1151,1.8946l-5.6795,1.5101Z"/><circle class="cls-14" cx="866.3507" cy="873.4864" r="7.2462"/><path class="cls-14" d="M887.4702,873.6084c0,11.6897-9.5331,21.309-21.1185,21.309-5.561,0-10.8111-2.4886-14.8712-6.2068l-5.3108,4.9567c5.3112,5.3677,12.7608,8.6098,20.2779,8.6098,15.5382,0,28.3242-12.9014,28.3242-28.5798,0-7.5704-2.9387-15.0354-8.2402-20.392l-5.3108,5.3108c3.8951,3.9846,6.2493,9.3917,6.2493,14.9922Z"/></g><circle class="cls-4" cx="991.2419" cy="884.4477" r="14.1223"/><circle class="cls-7" cx="991.2419" cy="884.4477" r="11.3406"/><rect id="rect81-2" class="cls-14" x="913.6424" y="923.0314" width="96.6794" height="4.3395"/><rect id="rect81-3" class="cls-14" x="933.1076" y="913.1043" width="77.2142" height="4.3395"/><rect id="rect81-4" class="cls-14" x="913.6424" y="932.9586" width="96.6794" height="4.3395"/><g id="g5-0"><g id="g4-9-78"><path id="rect1-2-68" class="cls-2" d="M958.8518,877.3225v14.8012c0,.5023-.4044.9068-.9068.9068h-14.7919c-.5023,0-.9068-.4044-.9068-.9068v-18.7056c0-.5023.4044-.9068.9068-.9068h9.9335"/><path id="path2-0-8" class="cls-6" d="M952.4356,872.3243l6.7016,5.7816"/></g><g id="g4-4"><path id="rect1-3" class="cls-2" d="M955.771,880.8631v14.8012c0,.5023-.4044.9068-.9068.9068h-14.7919c-.5023,0-.9068-.4044-.9068-.9068v-18.7056c0-.5023.4044-.9068.9068-.9068h9.9335"/><path id="path2-1" class="cls-6" d="M949.3547,875.8649l6.7016,5.7816"/><g id="g3-4"><path id="path3-92" class="cls-6" d="M943.1507,883.7153h8.6353"/><path id="path3-7-0" class="cls-6" d="M943.1507,892.4003h8.6353"/><path id="path3-6-6" class="cls-6" d="M943.1507,888.0578h8.6353"/></g></g></g></g></g><g id="Animation"><g id="g5-0-2"><g id="g4-9-78-2"><path id="rect1-2-68-2" class="cls-5" d="M1616.2322,319.9707v45.4669c0,1.5431-1.2423,2.7854-2.7854,2.7854h-45.4383c-1.5431,0-2.7854-1.2423-2.7854-2.7854v-57.4604c0-1.5431,1.2423-2.7854,2.7854-2.7854h30.5139"/><path id="path2-0-8-2" class="cls-3" d="M1596.5225,304.6172l20.5861,17.7601"/></g><g id="g4-4-2"><path id="rect1-3-2" class="cls-5" d="M1606.7684,330.8469v45.4669c0,1.5431-1.2423,2.7854-2.7854,2.7854h-45.4383c-1.5431,0-2.7854-1.2423-2.7854-2.7854v-57.4604c0-1.5431,1.2423-2.7854,2.7854-2.7854h30.5139"/><path id="path2-1-2" class="cls-3" d="M1587.0587,315.4934l20.5861,17.7601"/><g id="g3-4-2"><path id="path3-92-2" class="cls-3" d="M1568.0008,339.6084h26.5261"/><path id="path3-7-0-2" class="cls-3" d="M1568.0008,366.2875h26.5261"/><path id="path3-6-6-2" class="cls-3" d="M1568.0008,352.948h26.5261"/></g></g></g><g id="g5-6"><g id="g4-9-5"><path id="rect1-2-6" class="cls-5" d="M623.3159,504.7813v45.4669c0,1.5431-1.2423,2.7854-2.7854,2.7854h-45.4383c-1.5431,0-2.7854-1.2423-2.7854-2.7854v-57.4604c0-1.5431,1.2423-2.7854,2.7854-2.7854h30.5139"/><path id="path2-0-9" class="cls-3" d="M603.6062,489.4278l20.5861,17.7601"/></g><g id="g4-3"><path id="rect1-7" class="cls-5" d="M613.8522,515.6575v45.4669c0,1.5431-1.2423,2.7854-2.7854,2.7854h-45.4383c-1.5431,0-2.7854-1.2423-2.7854-2.7854v-57.4604c0-1.5431,1.2423-2.7854,2.7854-2.7854h30.5139"/><path id="path2-4" class="cls-3" d="M594.1425,500.304l20.5861,17.7601"/><g id="g3-5"><path id="path3-2" class="cls-3" d="M575.0846,524.4191h26.5261"/><path id="path3-7-54" class="cls-3" d="M575.0846,551.0981h26.5261"/><path id="path3-6-74" class="cls-3" d="M575.0846,537.7586h26.5261"/></g></g></g></g></svg> \ No newline at end of file diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx index b062390fe6e79ce057db305b34267b9fa02b62cf..a167c4654acb72e3c49a7a3329c6f9129d7fea7c 100644 --- a/src/components/ContentArea.tsx +++ b/src/components/ContentArea.tsx @@ -4,9 +4,10 @@ import Grid from '@mui/material/Grid' import Paper from '@mui/material/Paper' import Box from '@mui/material/Box' import QueryPanel from './header/QueryPanel' -import Content from 'src/components/Content' +import Content from '@components/Content' import Typography from '@mui/material/Typography' import Divider from '@mui/material/Divider' +import Graphic from '@components/FDOImage' const Item = styled(Paper)(({ theme }) => ({ backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff', @@ -49,7 +50,9 @@ export default function RowAndColumnSpacing () { <Grid container spacing={2} columns={20} justifyContent="center" alignItems="center" marginTop={2}> <Grid item xs={6}> - <Item><Content/></Item> + <Item> + <Graphic/> + </Item> </Grid> <Grid item xs={6}> <Item><Content/></Item> diff --git a/src/components/FDOImage.tsx b/src/components/FDOImage.tsx new file mode 100644 index 0000000000000000000000000000000000000000..a95805d2392ec571af2587b2a68c7a9d20f7e174 --- /dev/null +++ b/src/components/FDOImage.tsx @@ -0,0 +1,20 @@ +import * as React from 'react' +import Box from '@mui/material/Box' +import { CardContent } from '@mui/material' +import Card from '@mui/material/Card' + +export default function FDPCard () { + return ( + <Card sx={{ backgroundColor: 'white', maxWidth: 480 }}> + <CardContent> + <Box> + <img + style={{ width: '100%' }} + src="/public/images/techno4.png" + title="FDO Network" + /> + </Box> + </CardContent> + </Card> + ) +}