Skip to content

Rework Menu #15

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
May 18, 2025
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Add Tools page
  • Loading branch information
waaaaargh committed May 16, 2025
commit d525d3c6663d7c978178bc3990c1621ff5768be2
89 changes: 14 additions & 75 deletions src/layouts/Layout.astro
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,11 @@ title = title ? `${title} | ${BASE_TITLE}` : BASE_TITLE;
class="navbar bg-base-100/50 sticky top-0 z-50 w-screen shadow-xl backdrop-blur-sm"
>
<div class="navbar-start">
<div class="dropdown dropdown-start">
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
<div class="hidden md:inline px-5">
<strong>OpenLab Augsburg e.V.</strong>
Copy link
Preview

Copilot AI May 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider using consistent branding text between mobile and desktop views (e.g., 'OpenLab Augsburg e.V.' vs 'OpenLab Augsburg') to enhance user experience.

Suggested change
<strong>OpenLab Augsburg e.V.</strong>
<strong>{BASE_TITLE} e.V.</strong>

Copilot uses AI. Check for mistakes.

</div>
<div class="dropdown dropdown-start md:hidden">
<div tabindex="0" role="button" class="btn btn-ghost">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
Expand All @@ -48,84 +51,20 @@ title = title ? `${title} | ${BASE_TITLE}` : BASE_TITLE;
tabindex="0"
class="menu menu-sm dropdown-content bg-base-100 not-prose sticky z-50 w-64 rounded-t-none p-2 drop-shadow-xl"
>
<li>
<a
class="btn btn-ghost justify-start"
href="https://wiki.openlab-augsburg.de/de/Space/Infrastruktur/chat"
>
<Icon name="mdi:link-variant" size="20" />
Chat
</a>
</li>
<li>
<a
class="btn btn-ghost justify-start"
href="https://wiki.openlab-augsburg.de"
>
<Icon name="mdi:link-variant" size="20" />
Wiki
</a>
</li>
<li>
<a class="btn btn-ghost justify-start" href="https://ola.lol">
<Icon name="mdi:link-variant" size="20" />
Cryptpad
</a>
</li>
<a
class="btn btn-ghost justify-start"
href="https://auth.openlab-augsburg.de"
>
<Icon name="mdi:lock" size="20" />
Member Dashboard
</a>
</ul>
<li><a class="btn btn-ghost justify-start" href="/wo">Wo?!</a></li>
<li><a class="btn btn-ghost justify-start" href="/calendar">Kalender</a></li>
<li><a class="btn btn-ghost justify-start" href="/tools">Tools</a></li>
</ul>
</div>
</div>
<div class="navbar-end hidden px-3 lg:flex">
<div class="navbar-end inline md:hidden px-10">
<strong>OpenLab&nbsp;Augsburg</strong>
</div>
<div class="navbar-end hidden px-3 md:flex">
<ul class="menu menu-horizontal m-0 p-0">
<li><a class="btn btn-ghost" href="/wo">Wo?!</a></li>
<li><a class="btn btn-ghost" href="/calendar">Kalender</a></li>
<li>
<details>
<summary class="btn btn-ghost">Tools</summary>
<ul
class="bg-base-100 not-prose sticky right-1.5 z-50 w-fit rounded-t-none p-2 drop-shadow-xl"
>
<li>
<a
class="btn btn-ghost justify-start"
href="https://wiki.openlab-augsburg.de/de/Space/Infrastruktur/chat"
>
<Icon name="mdi:link-variant" size="20" />
Chat
</a>
</li>
<li>
<a
class="btn btn-ghost justify-start"
href="https://wiki.openlab-augsburg.de"
>
<Icon name="mdi:link-variant" size="20" />
Wiki
</a>
</li>
<li>
<a class="btn btn-ghost justify-start" href="https://ola.lol">
<Icon name="mdi:link-variant" size="20" />
Cryptpad
</a>
</li>
<a
class="btn btn-ghost justify-start"
href="https://auth.openlab-augsburg.de"
>
<Icon name="mdi:lock" size="20" />
Member Dashboard
</a>
</ul>
</details>
</li>
<li><a class="btn btn-ghost" href="/tools">Tools</a></li>
</ul>
</div>
</nav>
Expand Down
76 changes: 76 additions & 0 deletions src/pages/tools.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
---
import Layout from "../layouts/Layout.astro";
import { Icon } from "astro-icon/components";
---

<Layout title="tools">
<div class="my-10 mx-10 md:mx-auto w-auto max-w-prose">
<h2>Tools</h2>

<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div class="card bg-base-100 card-sm w-auto shadow-sm">
<div class="card-body">
<h2 class="card-title">Wiki</h2>
<p>
Hier findest du mehr Informationen zu Infrastruktur und Projekten in unserem Space. Die Wiki wird von unseren Mitgliedern gepflegt.
</p>
<div class="card-actions justify-end">
<a href="https://wiki.openlab-augsburg.de" class="btn btn-md">
<Icon name="mdi:link-variant" size="20" />
Zur Wiki
</a>
</div>
</div>
</div>

<div class="card bg-base-100 card-sm w-auto shadow-sm">
<div class="card-body">
<h2 class="card-title">Cryptpad</h2>
<p>
Wir nutzen Cryptpad zum sicheren gemeinsamen Bearbeiten von Dateien und um datensparsame Umfragen zu erstellen und zu teilen.
</p>
<div class="card-actions justify-end">
<a href="https://ola.lol" class="btn btn-md">
<Icon name="mdi:link-variant" size="20" />
Zu CryptPad
</a>
</div>
</div>
</div>

<div class="card bg-base-100 card-sm w-auto shadow-sm">
<div class="card-body">
<h2 class="card-title">Chat</h2>
<p>
Als Chat-Platform nutzen wir Matrix. Auf unserer Wiki-Seite findest du alle Infos, die du brauchst, um dir einen Account und mitzumachen.
</p>
<div class="card-actions justify-end">
<a href="https://wiki.openlab-augsburg.de/de/Space/Infrastruktur/chat" class="btn btn-md">
<Icon name="mdi:link-variant" size="20" />
Mehr Infos
</a>
</div>
</div>
</div>

<div class="card bg-base-100 card-sm w-auto shadow-sm">
<div class="card-body">
<h2 class="card-title">Mitgliederportal</h2>
<p>
Einige unserer Tools stellen wir nur unseren Mitgliedern zur Verfügung. Diese findest Du auf einen Blick im Mitgliederportal.
</p>
<div class="card-actions justify-end">
<a href="https://auth.openlab-augsburg.de" class="btn btn-md">
<Icon name="mdi:lock" size="20" />

Zum Mitgliederportal
</a>
</div>
</div>
</div>



</div>
</div>
</Layout>