switched few things around

This commit is contained in:
Heli-o 2024-04-20 17:26:09 +02:00
parent 42bf9f6363
commit c76d397330
7 changed files with 84 additions and 70 deletions

29
package-lock.json generated
View file

@ -76,6 +76,7 @@
"@types/js-yaml": "^4.0.9", "@types/js-yaml": "^4.0.9",
"@types/node": "^20.11.29", "@types/node": "^20.11.29",
"@types/pretty-time": "^1.1.5", "@types/pretty-time": "^1.1.5",
"@types/react": "^18.2.79",
"@types/source-map-support": "^0.5.10", "@types/source-map-support": "^0.5.10",
"@types/ws": "^8.5.10", "@types/ws": "^8.5.10",
"@types/yargs": "^17.0.32", "@types/yargs": "^17.0.32",
@ -1184,6 +1185,22 @@
"integrity": "sha512-5yl+BYwmnRWZb783W8YYoHXvPY8q/rp7ctHBVaGBB9RxlzGpHNJ72tGQMK7TrUSnxzl1dbDcBDuBCSbtfnSQGg==", "integrity": "sha512-5yl+BYwmnRWZb783W8YYoHXvPY8q/rp7ctHBVaGBB9RxlzGpHNJ72tGQMK7TrUSnxzl1dbDcBDuBCSbtfnSQGg==",
"dev": true "dev": true
}, },
"node_modules/@types/prop-types": {
"version": "15.7.12",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
"integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==",
"dev": true
},
"node_modules/@types/react": {
"version": "18.2.79",
"resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.79.tgz",
"integrity": "sha512-RwGAGXPl9kSXwdNTafkOEuFrTBD5SA2B3iEB96xi8+xu5ddUa/cpvyVCSNn+asgLCTHkb5ZxN8gbuibYJi4s1w==",
"dev": true,
"dependencies": {
"@types/prop-types": "*",
"csstype": "^3.0.2"
}
},
"node_modules/@types/source-map-support": { "node_modules/@types/source-map-support": {
"version": "0.5.10", "version": "0.5.10",
"resolved": "https://registry.npmjs.org/@types/source-map-support/-/source-map-support-0.5.10.tgz", "resolved": "https://registry.npmjs.org/@types/source-map-support/-/source-map-support-0.5.10.tgz",
@ -1665,6 +1682,12 @@
"node": ">=18" "node": ">=18"
} }
}, },
"node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"dev": true
},
"node_modules/d3": { "node_modules/d3": {
"version": "7.8.5", "version": "7.8.5",
"resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz", "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz",
@ -3198,9 +3221,9 @@
} }
}, },
"node_modules/katex": { "node_modules/katex": {
"version": "0.16.8", "version": "0.16.10",
"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.8.tgz", "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.10.tgz",
"integrity": "sha512-ftuDnJbcbOckGY11OO+zg3OofESlbR5DRl2cmN8HeWeeFIV7wTXvAOx8kEjZjobhA+9wh2fbKeO6cdcA9Mnovg==", "integrity": "sha512-ZiqaC04tp2O5utMsl2TEZTXxa6WSC4yo0fv5ML++D3QZv/vx2Mct0mTlRx3O+uUkjfuAgOkzsCmq5MiUEsDDdA==",
"funding": [ "funding": [
"https://opencollective.com/katex", "https://opencollective.com/katex",
"https://github.com/sponsors/katex" "https://github.com/sponsors/katex"

View file

@ -98,6 +98,7 @@
"@types/js-yaml": "^4.0.9", "@types/js-yaml": "^4.0.9",
"@types/node": "^20.11.29", "@types/node": "^20.11.29",
"@types/pretty-time": "^1.1.5", "@types/pretty-time": "^1.1.5",
"@types/react": "^18.2.79",
"@types/source-map-support": "^0.5.10", "@types/source-map-support": "^0.5.10",
"@types/ws": "^8.5.10", "@types/ws": "^8.5.10",
"@types/yargs": "^17.0.32", "@types/yargs": "^17.0.32",

View file

@ -4,18 +4,15 @@ import * as Component from "./quartz/components"
// components shared across all pages // components shared across all pages
export const sharedPageComponents: SharedLayout = { export const sharedPageComponents: SharedLayout = {
head: Component.Head(), head: Component.Head(),
header: [ header: [Component.DesktopOnly(Component.PageImage()), Component.Homebar()],
Component.DesktopOnly(Component.PageImage()), footer: Component.Footer({
Component.Homebar(),
],
footer: [
Component.Footer({
links: { links: {
"Main social profile": "https://derg.social/@ulysia", "Main social profile": "https://derg.social/@ulysia",
}, },
rings: {
Fediring: "https://fediring.net/",
},
}), }),
Component.Rings()
],
} }
// components for pages that display a single page (e.g. a single note) // components for pages that display a single page (e.g. a single note)

View file

@ -5,12 +5,14 @@ import { i18n } from "../i18n"
interface Options { interface Options {
links: Record<string, string> links: Record<string, string>
rings: Record<string, string>
} }
export default ((opts?: Options) => { export default ((opts?: Options) => {
const Footer: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => { const Footer: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
const year = new Date().getFullYear() const year = new Date().getFullYear()
const links = opts?.links ?? [] const links = opts?.links ?? []
const rings = opts?.rings ?? []
return ( return (
<footer class={`${displayClass ?? ""}`}> <footer class={`${displayClass ?? ""}`}>
<hr /> <hr />
@ -21,6 +23,22 @@ export default ((opts?: Options) => {
</li> </li>
))} ))}
</ul> </ul>
<div class="rings">
{Object.entries(rings).map(([text, link]) => (
<div class="ring">
<a href={link}>{text}</a>
<a class="ringbtn" href={link + "previous?host=nexie.net"}>
</a>
<a class="ringbtn" href={link + "random"}>
Random
</a>
<a class="ringbtn" href={link + "next?host=nexie.net"}>
</a>
</div>
))}
</div>
</footer> </footer>
) )
} }

View file

@ -1,53 +0,0 @@
import { pathToRoot } from "../util/path"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import { classNames } from "../util/lang"
import { i18n } from "../i18n"
const Rings: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
const baseDir = pathToRoot(fileData.slug!)
return (
<div class="rings">
<div class="ring">
<a href ="https://fediring.net">Fediring</a>
<a class="ringbtn" href="https://fediring.net/previous?host=nexie.net"></a>
<a class="ringbtn" href="https://fediring.net/random">Random</a>
<a class="ringbtn" href="https://fediring.net/next?host=nexie.net"></a>
</div>
</div>
)
}
Rings.css = `
.rings {
display:flex;
flex-direction: column;
}
.ring {
display:flex;
flex-flow: row wrap;
}
.ringbtn {
font-size: 0.9rem !important;
border-radius: 16px !important;
border:none !important;
background-color: rgba(100,100,100, 0.3) !important;
padding: 0.4rem 0.8rem !important;
margin: 0.2rem 0.4rem !important;
text-decoration: none !important;
width: fit-content !important;
height: fit-content !important;
cursor:pointer !important;
}
.ringbtn:hover{
background-color: rgba(100,100,100, 0.5) !important;
}
.ring svg {
display:none !important;
}
`
export default (() => Rings) satisfies QuartzComponentConstructor

View file

@ -21,7 +21,6 @@ import RecentNotes from "./RecentNotes"
import Breadcrumbs from "./Breadcrumbs" import Breadcrumbs from "./Breadcrumbs"
import PageImage from "./PageImage" import PageImage from "./PageImage"
import Homebar from "./Homebar" import Homebar from "./Homebar"
import Rings from "./Rings"
export { export {
ArticleTitle, ArticleTitle,
@ -47,5 +46,4 @@ export {
Breadcrumbs, Breadcrumbs,
PageImage, PageImage,
Homebar, Homebar,
Rings,
} }

View file

@ -13,3 +13,33 @@ footer {
margin-top: -1rem; margin-top: -1rem;
} }
} }
.rings {
display:flex;
flex-direction: column;
}
.ring {
display:flex;
flex-flow: row wrap;
}
.ringbtn {
font-size: 0.9rem !important;
border-radius: 16px !important;
border:none !important;
background-color: rgba(100,100,100, 0.3) !important;
padding: 0.4rem 0.8rem !important;
margin: 0.2rem 0.4rem !important;
text-decoration: none !important;
width: fit-content !important;
height: fit-content !important;
cursor:pointer !important;
}
.ringbtn:hover{
background-color: rgba(100,100,100, 0.5) !important;
}
.ring svg {
display:none !important;
}