Changed website style

2025-01-15 22:11:56 +01:00
parent b894930e12
commit 7036e907d7
7 changed files with 101 additions and 34 deletions
@@ -7,11 +7,9 @@ type AppCardProps = {

 export default function AppCard(props: AppCardProps) {
  return (
-    <div className="app-card">
-      <a href={`/${props.href}`} f-client-nav={false}>
-        <span className="material-symbols-outlined">{props.app.icon}</span>
-        <p>{props.app.name}</p>
-      </a>
-    </div>
+    <a class="app-card" href={`/${props.href}`} f-client-nav={false}>
+      <span class="material-symbols-outlined">{props.app.icon}</span>
+      <p>{props.app.name}</p>
+    </a>
  );
 }
@@ -9,17 +9,19 @@ export default function AppNavigator(props: AppNavigatorProps) {
  if (!props.apps) {
    return (
      <>
-        <h2>Welcome to PolyMPR!</h2>
-        <p>No apps available.</p>
+        <h2>App catalog</h2>
+        <p>
+          No apps are currently available. Please contact the maintainers team
+          to address this issue.
+        </p>
      </>
    );
  }

  return (
    <>
-      <h2>Welcome to PolyMPR!</h2>
-      <h3>app list</h3>
-      <div className="app-list">
+      <h2>App catalog</h2>
+      <div class="app-list">
        {Object.entries(props.apps).map(([key, app]) => (
          <AppCard href={key} app={app} />
        ))}
@@ -18,7 +18,7 @@ export default async function App(
        <title>PolyMPR</title>
        <link
          rel="stylesheet"
-          href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
+          href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
        />
        <link
          rel="stylesheet"
@@ -26,6 +26,7 @@ export default async function App(
        />
        <link rel="stylesheet" href="/styles/main.css" />
        <link rel="stylesheet" href="/styles/app.css" />
+        <link rel="stylesheet" href="styles/app-cards.css" />
      </head>
      <body f-client-nav>
        <Header link={link} />
@@ -26,7 +26,7 @@ export const handler: Handlers = {
 };

 // deno-lint-ignore require-await
-export default async function About(_request: Request, context: FreshContext) {
+export default async function Apps(_request: Request, context: FreshContext) {
  return (
    <>
      <AppNavigator apps={context.data} />