|
1 |
| -import SocialButton from './SocialButton' |
2 | 1 | import { siteConfig } from '@/lib/config'
|
| 2 | +import SocialButton from './SocialButton' |
3 | 3 |
|
4 | 4 | const Footer = ({ title }) => {
|
5 | 5 | const d = new Date()
|
6 | 6 | const currentYear = d.getFullYear()
|
7 | 7 | const since = siteConfig('SINCE')
|
8 |
| - const copyrightDate = parseInt(since) < currentYear ? since + '-' + currentYear : currentYear |
| 8 | + const copyrightDate = |
| 9 | + parseInt(since) < currentYear ? since + '-' + currentYear : currentYear |
9 | 10 |
|
10 | 11 | return (
|
11 |
| - <footer |
12 |
| - className='relative flex-shrink-0 bg-white dark:bg-[#1a191d] justify-center text-center m-auto w-full leading-6 text-gray-600 dark:text-gray-100 text-sm' |
13 |
| - > |
14 |
| - |
15 |
| - {/* 颜色过度区 */} |
16 |
| - <div id='color-transition' className='h-32 bg-gradient-to-b from-[#f7f9fe] to-white dark:bg-[#1a191d] dark:from-inherit dark:to-inherit'> |
17 |
| - |
18 |
| - </div> |
| 12 | + <footer className='relative flex-shrink-0 bg-white dark:bg-[#1a191d] justify-center text-center m-auto w-full leading-6 text-gray-600 dark:text-gray-100 text-sm'> |
| 13 | + {/* 颜色过度区 */} |
| 14 | + <div |
| 15 | + id='color-transition' |
| 16 | + className='h-32 bg-gradient-to-b from-[#f7f9fe] to-white dark:bg-[#1a191d] dark:from-inherit dark:to-inherit' |
| 17 | + /> |
19 | 18 |
|
20 |
| - {/* 社交按钮 */} |
21 |
| - <div className='w-full h-24'> |
22 |
| - <SocialButton /> |
23 |
| - </div> |
| 19 | + {/* 社交按钮 */} |
| 20 | + <div className='w-full h-24'> |
| 21 | + <SocialButton /> |
| 22 | + </div> |
24 | 23 |
|
25 |
| - <br /> |
| 24 | + <br /> |
26 | 25 |
|
27 |
| - {/* 底部页面信息 */} |
28 |
| - <div id='footer-bottom' className='w-full h-20 flex flex-col p-3 lg:flex-row justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#30343f]'> |
29 |
| - |
30 |
| - <div id='footer-bottom-left'> |
31 |
| - NotionNext {siteConfig('VERSION')} <i className='fas fa-copyright' /> {`${copyrightDate}`} <i className='mx-1 animate-pulse fas fa-heart' /> <a href={siteConfig('LINK')} className='underline font-bold dark:text-gray-300 '>{siteConfig('AUTHOR')}</a>. |
32 |
| - </div> |
33 |
| - |
34 |
| - <div id='footer-bottom-right'> |
35 |
| - {siteConfig('BEI_AN') && <><i className='fas fa-shield-alt' /> <a href='https://beian.miit.gov.cn/' className='mr-2'>{siteConfig('BEI_AN')}</a></>} |
| 26 | + {/* 底部页面信息 */} |
| 27 | + <div |
| 28 | + id='footer-bottom' |
| 29 | + className='w-full h-20 flex flex-col p-3 lg:flex-row justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#21232A] border-t dark:border-t-[#3D3D3F]'> |
| 30 | + <div id='footer-bottom-left'> |
| 31 | + NotionNext {siteConfig('VERSION')} <i className='fas fa-copyright' />{' '} |
| 32 | + {`${copyrightDate}`} <i className='mx-1 animate-pulse fas fa-heart' />{' '} |
| 33 | + <a |
| 34 | + href={siteConfig('LINK')} |
| 35 | + className='underline font-bold dark:text-gray-300 '> |
| 36 | + {siteConfig('AUTHOR')} |
| 37 | + </a> |
| 38 | + . |
| 39 | + </div> |
36 | 40 |
|
37 |
| - <span className='hidden busuanzi_container_site_pv'> |
38 |
| - <i className='fas fa-eye' /><span className='px-1 busuanzi_value_site_pv'> </span> </span> |
39 |
| - <span className='pl-2 hidden busuanzi_container_site_uv'> |
40 |
| - <i className='fas fa-users' /> <span className='px-1 busuanzi_value_site_uv'> </span> </span> |
| 41 | + <div id='footer-bottom-right'> |
| 42 | + {siteConfig('BEI_AN') && ( |
| 43 | + <> |
| 44 | + <i className='fas fa-shield-alt' />{' '} |
| 45 | + <a href='https://beian.miit.gov.cn/' className='mr-2'> |
| 46 | + {siteConfig('BEI_AN')} |
| 47 | + </a> |
| 48 | + </> |
| 49 | + )} |
41 | 50 |
|
42 |
| - {/* <h1 className='text-xs pt-4 text-light-400 dark:text-gray-400'>{title} {siteConfig('BIO') && <>|</>} {siteConfig('BIO')}</h1> */} |
| 51 | + <span className='hidden busuanzi_container_site_pv'> |
| 52 | + <i className='fas fa-eye' /> |
| 53 | + <span className='px-1 busuanzi_value_site_pv'> </span>{' '} |
| 54 | + </span> |
| 55 | + <span className='pl-2 hidden busuanzi_container_site_uv'> |
| 56 | + <i className='fas fa-users' />{' '} |
| 57 | + <span className='px-1 busuanzi_value_site_uv'> </span>{' '} |
| 58 | + </span> |
43 | 59 |
|
44 |
| - </div> |
| 60 | + {/* <h1 className='text-xs pt-4 text-light-400 dark:text-gray-400'>{title} {siteConfig('BIO') && <>|</>} {siteConfig('BIO')}</h1> */} |
45 | 61 | </div>
|
46 |
| - </footer > |
| 62 | + </div> |
| 63 | + </footer> |
47 | 64 | )
|
48 | 65 | }
|
49 | 66 |
|
|
0 commit comments