alzalia/academic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: alzalia:269ab8c99f3740d85262dbe253ab71387398e3f7
Branches Tags
alzalia:main
...
compare: alzalia:27dbd26459d2139f0c1c7d76dbc28b27841bafca
Branches Tags
alzalia:main

2 commits
269ab8c99f ... 27dbd26459

Author SHA1 Message Date
Alzalia
27dbd26459 fix: download not working 2025-09-06 18:50:16 +02:00
Alzalia
e32c22dc10 fix: forgot to edit title 2025-09-04 21:34:55 +02:00
3 changed files with 22 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -4,13 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta <title>Personal Website</title>
name="description"
content="Web site created using create-tsrouter-app"
/>
<link rel="apple-touch-icon" href="/logo192.png" />
<link rel="manifest" href="/manifest.json" />
<title>Create TanStack App - academic</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

21
src/components/Card.tsx
View file

@ -9,6 +9,24 @@ interface Props {
} }
export default function Card({ title, content, id, downloads }: Props) { export default function Card({ title, content, id, downloads }: Props) {
function download(path: URL, fileName = 'file') {
fetch(path)
.then((response) => response.blob())
.then((blob) => {
const url = window.URL.createObjectURL(new Blob([blob]))
const link = document.createElement('a')
link.href = url
link.download = fileName
document.body.appendChild(link)
link.click()
link.parentNode?.removeChild(link)
})
}
return ( return (
<div className="bg-[#161718] w-lg p-5 flex flex-col gap-5 rounded-xl self-center"> <div className="bg-[#161718] w-lg p-5 flex flex-col gap-5 rounded-xl self-center">
<h1 className="text-white text-2xl font-bold" id={id?.toString()}> <h1 className="text-white text-2xl font-bold" id={id?.toString()}>
@ -24,10 +42,11 @@ export default function Card({ title, content, id, downloads }: Props) {
{downloads.map((e, i) => ( {downloads.map((e, i) => (
<li> <li>
<a <a
href={e.link} href={e.link.toString()}
key={i} key={i}
download={e.filename} download={e.filename}
className="text-sky-600 underline" className="text-sky-600 underline"
onClick={() => download(e.link, e.filename)}
> >
{e.title} {e.title}
</a> </a>

2
src/types/cards.tsx
View file

@ -1,7 +1,7 @@
export type CardDownloadType = { export type CardDownloadType = {
title: string title: string
filename: string filename: string
link: string link: URL
} }
export type CardType = { export type CardType = {