Function LinksBlock

src/Components/Home/home.jsx:498–540

()

}

function LinksBlock() {
    const dark = useTheme().palette.mode === 'dark';
    const cardTitleSx = {fontWeight: 800, display: 'inline-block', ...gradientTextSx(dark)};
    const thanks = [
        <>本项目受到 <MuiLink href='https://github.com/xichenpan' target='_blank' rel='noopener'>flash 老师</MuiLink> 的{' '}
            <MuiLink href='https://opencs.app' target='_blank' rel='noopener'>OpenCS</MuiLink> 项目的启发。</>,
        <>内测阶段得到了信息学院与生医工学院毕业生们的大力支持，他们的宝贵建议对 OpenSIST 的完善至关重要。</>,
        <>信息学院的倪鹤南老师为本项目提供了诸多行政上的支持。</>,
    ];
    return (
        <Box sx={{width: '100%', maxWidth: 980}}>
            <SectionHeading title='友情链接 & 致谢' subtitle='站在前人的肩膀上，也感谢一路同行的人'/>
            <Box sx={{display: 'grid', gridTemplateColumns: {xs: '1fr', sm: '1fr 1fr'}, gap: {xs: 2, md: 2.5}, alignItems: 'start'}}>
                <Box className='GlassCard' sx={glassSx(dark, {p: {xs: '1.25rem', md: '1.5rem'}})}>
                    <Typography variant='h6' sx={cardTitleSx}>友情链接</Typography>
                    <Divider sx={{my: 1.25, borderColor: 'divider'}}/>
                    {FRIEND_LINKS.map((sec) => (
                        <Box key={sec.group} sx={{mb: 1}}>
                            <Typography variant='overline' sx={{color: 'text.secondary', fontWeight: 700, letterSpacing: '0.08em'}}>
                                {sec.group}
                            </Typography>
                            <Box sx={{mt: 0.25}}>
                                {sec.items.map((item) => <LinkRow key={item.name} item={item} dark={dark}/>)}
                            </Box>
                        </Box>
                    ))}
                </Box>
                <Box className='GlassCard' sx={glassSx(dark, {p: {xs: '1.25rem', md: '1.5rem'}})}>
                    <Typography variant='h6' sx={cardTitleSx}>特别鸣谢</Typography>
                    <Divider sx={{my: 1.25, borderColor: 'divider'}}/>
                    <Stack spacing={1.25}>
                        {thanks.map((t, i) => (
                            <Box key={i} sx={{display: 'flex', gap: 1.25, alignItems: 'flex-start'}}>
                                <Box sx={{mt: '0.5em', width: 7, height: 7, borderRadius: '50%', flexShrink: 0, background: brandGradient(dark)}}/>
                                <Typography variant='body2' sx={{color: 'text.secondary', lineHeight: 1.7}}>{t}</Typography>
                            </Box>
                        ))}
                    </Stack>
                </Box>
            </Box>
        </Box>
    );
}

function brandGradient(dark) {
    return dark ? 'linear-gradient(140deg, #93C0F2, #6BA6E8)' : 'linear-gradient(140deg, #1C5BAA, #4F86CE)';