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

fix: made page better

Browse source
This commit is contained in:
Alzalia 2025-09-21 22:49:24 +02:00
parent 05f0f80600
commit 890944ab64
6 changed files with 19 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Card.tsx
View file

@ -11,7 +11,7 @@ interface Props {
export default function Card({ title, content, id, downloads }: Props) {
return (
<div className="bg-[#161718] w-lg p-5 flex flex-col gap-5 rounded-xl self-center">
<div className="bg-[#161718] w-xl max-w-4/5 p-5 flex flex-col gap-5 rounded-xl self-center hover:shadow-xl/20 hover:shadow-white transition-shadow mb-5">
<h1 className="text-white text-2xl font-bold" id={id?.toString()}>
<Mdown>{title}</Mdown>
</h1>

15
src/components/Mdown.tsx
View file

@ -22,9 +22,22 @@ export default function Mdown({ children }: Props) {
const { node, ...rest } = props
return <li className="pl-5" {...rest} />
},
p(props) {
const { node, ...rest } = props
return <p className="text-justify" {...rest} />
},
code(props) {
const { node, ...rest } = props
return (
<code
className="bg-gray-900 border-gray-600 border rounded-sm p-1 text-sm"
{...rest}
/>
)
},
a(props) {
const { node, ...rest } = props
const classes = 'text-sky-600 underline'
const classes = 'text-sky-700 underline'
if (rest.href?.startsWith('dl:')) {
let parts = rest.href.split('/')
return (

2
src/routes/index.tsx
View file

@ -31,7 +31,7 @@ function App() {
return (
<div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
<div className="flex flex-col gap-5 pt-10">
<div className="flex flex-col pt-10">
<h1 className="text-5xl text-white text-center mb-10">
{data.title}
</h1>

2
src/routes/lessons/$lessonName.tsx
View file

@ -44,7 +44,7 @@ export default function Projects() {
return (
<div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
<div className="flex flex-col gap-5 pt-10">
<div className="flex flex-col pt-10">
<h1 className="text-5xl text-white text-center mb-10">
{data.title}
</h1>

2
src/routes/lessons/index.tsx
View file

@ -31,7 +31,7 @@ export default function Projects() {
return (
<div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
<div className="flex flex-col gap-5 pt-10">
<div className="flex flex-col pt-10">
<h1 className="text-5xl text-white text-center mb-10">
{data.title}
</h1>

2
src/routes/projects/index.tsx
View file

@ -31,7 +31,7 @@ export default function Projects() {
return (
<div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
<div className="flex flex-col gap-5 pt-10">
<div className="flex flex-col pt-10">
<h1 className="text-5xl text-white text-center mb-10">
{data.title}
</h1>