mirror of
https://github.com/Llewellynvdm/conky.git
synced 2024-09-28 21:19:10 +00:00
Add copyleft just for funsies.
This commit is contained in:
parent
05c3eb9e18
commit
b9b8769383
@ -13,7 +13,7 @@ export default function ArrowIcon({ className }: ArrowIconProps) {
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
className={`stroke-current text-primary`}
|
||||
className="stroke-current text-primary"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
|
36
web/components/CopyleftIcon.tsx
Normal file
36
web/components/CopyleftIcon.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
interface CopyleftIconProps {
|
||||
className?: string
|
||||
width?: number
|
||||
height?: number
|
||||
}
|
||||
|
||||
export default function CopyleftIcon({
|
||||
className,
|
||||
width,
|
||||
height,
|
||||
}: CopyleftIconProps) {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={width || 980}
|
||||
height={height || 980}
|
||||
fill="none"
|
||||
viewBox="0 0 980 980"
|
||||
className={className}
|
||||
>
|
||||
<circle
|
||||
cx="490"
|
||||
cy="490"
|
||||
r="440"
|
||||
fill="none"
|
||||
strokeWidth="100"
|
||||
className="stroke-current"
|
||||
/>
|
||||
<path
|
||||
d="M219,428H350a150,150 0 1 1 0,125H219a275,275 0 1 0 0-125z"
|
||||
strokeWidth="1"
|
||||
className="stroke-current fill-current"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
16
web/components/Footer.tsx
Normal file
16
web/components/Footer.tsx
Normal file
@ -0,0 +1,16 @@
|
||||
import CopyleftIcon from './CopyleftIcon'
|
||||
|
||||
const Footer: React.FunctionComponent = () => {
|
||||
return (
|
||||
<div className="flex py-4 justify-center items-center">
|
||||
<div className="px-1">
|
||||
<CopyleftIcon width={20} height={20} />
|
||||
</div>
|
||||
<div className="px-1 font-sans text-sm">
|
||||
<p>{new Date().getFullYear()} Conky developers</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Footer
|
@ -1,5 +1,6 @@
|
||||
import { useEffect, useState } from 'react'
|
||||
import { SearchIndex } from '../utils/search'
|
||||
import Footer from './Footer'
|
||||
import Header from './Header'
|
||||
|
||||
function darkModeDefault() {
|
||||
@ -54,11 +55,14 @@ export default function Layout({ children, searchIndex }: LayoutProps) {
|
||||
setDarkMode={setDarkMode}
|
||||
/>
|
||||
</div>
|
||||
<div className="relative pb-24">
|
||||
<div className="relative pb-4">
|
||||
<div className="flex flex-col items-center max-w-3xl w-full mx-auto">
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
<div className="relative">
|
||||
<Footer />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user