klemek/meeting-roulette
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: analytics
Deploy / Deploy to Stapler (push) Successful in 1m26s
Details
Lint / eslint (push) Successful in 1m31s
Details

Browse Source
This commit is contained in:
klemek
2026-06-23 22:59:08 +02:00
parent d733af8687
commit 50c3eaddb1
1 changed files with 325 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+35 -10
View File
@@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@@ -31,6 +31,11 @@
<meta property="og:description" content="🎡 Spin your meetings" /> <meta property="og:description" content="🎡 Spin your meetings" />
<!-- <meta property="og:image" content="https://.../preview_640x320.jpg" /> --> <!-- <meta property="og:image" content="https://.../preview_640x320.jpg" /> -->
<meta property="org:url" content="https://meeting.klemek.fr" /> <meta property="org:url" content="https://meeting.klemek.fr" />
<script
defer
src="https://tics.klemek.fr/script.js"
data-website-id="db693ff1-cde1-4951-9e72-49764a7fc7fb"
></script>
</head> </head>
<body class="w-full h-screen max-h-screen"> <body class="w-full h-screen max-h-screen">
<main <main
@@ -43,7 +48,9 @@
<div class="font-title font-black leading-none text-2xl"> <div class="font-title font-black leading-none text-2xl">
Meeting Roulette Meeting Roulette
</div> </div>
<p class="font-title font-light text-2xl">🎡 Spin your meetings</p> <p class="font-title font-light text-2xl">
🎡 Spin your meetings
</p>
</div> </div>
<div <div
class="p-3 rounded-box text-center" class="p-3 rounded-box text-center"
@@ -132,7 +139,9 @@
<div class="hidden lg:block p-3 bg-base-200 rounded-box"> <div class="hidden lg:block p-3 bg-base-200 rounded-box">
<div class="stats stats-vertical w-full"> <div class="stats stats-vertical w-full">
<div class="stat"> <div class="stat">
<div class="stat-title">Meeting duration so far</div> <div class="stat-title">
Meeting duration so far
</div>
<div class="stat-value" :id="rid + 1"> <div class="stat-value" :id="rid + 1">
{{ timeText(elapsedTime) }} {{ timeText(elapsedTime) }}
</div> </div>
@@ -146,7 +155,8 @@
{{ timeText(totalRemainingTime) }} {{ timeText(totalRemainingTime) }}
</div> </div>
<div class="stat-desc" :id="rid + 4"> <div class="stat-desc" :id="rid + 4">
End estimated at: <b>{{ timeText(estimatedEnd, 2) }}</b> End estimated at:
<b>{{ timeText(estimatedEnd, 2) }}</b>
</div> </div>
</div> </div>
<div class="stat"> <div class="stat">
@@ -163,7 +173,11 @@
<div class="hidden lg:block grow"></div> <div class="hidden lg:block grow"></div>
<div class="hidden lg:block p-3 bg-base-200 rounded-box"> <div class="hidden lg:block p-3 bg-base-200 rounded-box">
<div class="dropdown dropdown-top w-full"> <div class="dropdown dropdown-top w-full">
<div tabindex="0" role="button" class="btn m-1 w-full flex"> <div
tabindex="0"
role="button"
class="btn m-1 w-full flex"
>
<div class="grow text-left">Theme</div> <div class="grow text-left">Theme</div>
<svg <svg
width="12px" width="12px"
@@ -209,9 +223,12 @@
</div> </div>
<div class="font-light"> <div class="font-light">
<span v-if="noData">End of meeting?</span> <span v-if="noData">End of meeting?</span>
<span v-else-if="timerStarted">Discuss the current topic</span> <span v-else-if="timerStarted"
>Discuss the current topic</span
>
<span v-else-if="initialSpin" class="animate-pulse"> <span v-else-if="initialSpin" class="animate-pulse">
Enter your <b>topics</b> then click the wheel to <b>spin</b> ! Enter your <b>topics</b> then click the wheel to
<b>spin</b> !
</span> </span>
<span v-else-if="showSelected" class="animate-pulse"> <span v-else-if="showSelected" class="animate-pulse">
Start <b>timer</b> or click the wheel to <b>spin</b> Start <b>timer</b> or click the wheel to <b>spin</b>
@@ -245,7 +262,9 @@
style=" style="
font: bold 1px sans-serif; font: bold 1px sans-serif;
text-align: center; text-align: center;
font-family: 'Courier New', Courier, monospace; font-family:
&quot;Courier New&quot;, Courier,
monospace;
" "
dominant-baseline="middle" dominant-baseline="middle"
text-anchor="end" text-anchor="end"
@@ -259,7 +278,10 @@
r="10%" r="10%"
cx="0" cx="0"
cy="0" cy="0"
style="stroke: var(--wheel); fill: var(--color-base-100)" style="
stroke: var(--wheel);
fill: var(--color-base-100);
"
stroke-width="0.01" stroke-width="0.01"
/> />
</svg> </svg>
@@ -286,7 +308,10 @@
</fieldset> </fieldset>
</div> </div>
<div class="bg-base-200 rounded-box p-3"> <div class="bg-base-200 rounded-box p-3">
<a href="https://github.com/Klemek" target="_blank" class="link" <a
href="https://github.com/Klemek"
target="_blank"
class="link"
>@klemek</a >@klemek</a
> >
- -