feat: some more explanation tooltips and better title handling

src/containers/GlobalStats.jsx

@@ -34,7 +34,10 @@ const GlobalStats = () => {
 
   return (
     <div className="bg-grey-50 flex space-x-4 leading-normal px-4 py-2 text-2xs md:text-xs lg:text-sm text-grey-300 whitespace-no-wrap">
-      <div>
+      <div
+        data-tip="Počet přihlášených členů Pirátské strany."
+        data-tip-at="bottom"
+      >
         <strong>{onlineMembers}</strong>{" "}
         <span>
           {onlineMembers === 1 && "člen online"}
@@ -42,11 +45,17 @@ const GlobalStats = () => {
           {(onlineMembers === 0 || onlineMembers > 4) && "členů online"}
         </span>
       </div>
-      <div>
+      <div
+        data-tip="Celkový počet osob, které mají tuto stránku otevřenou."
+        data-tip-at="bottom"
+      >
         <strong>{onlineUsers}</strong> <span>online celkem</span>
       </div>
       {groupSizeHalf !== null && (
-        <div>
+        <div
+          data-tip="Velikost skupiny členů je důležitá při posuzování podpory návrhů postupu."
+          data-tip-at="bottom"
+        >
           <span>Vel. skupiny členů je</span> <strong>{groupSizeHalf}</strong>
         </div>
       )}
@@ -56,7 +65,9 @@ const GlobalStats = () => {
           <Link
             to="/program"
             className="font-bold"
-            title={nextProgramEntryCaption}
+            aria-label={nextProgramEntryCaption}
+            data-tip={"Následuje bod " + nextProgramEntryCaption}
+            data-tip-at="bottom"
           >
             {nextProgramEntryCaption}
           </Link>

src/pages/Home.jsx

@@ -194,7 +194,8 @@ const Home = () => {
       <article className="container container--wide py-8 lg:py-24 cf2021 bg-white">
         <div className="cf2021__title flex justify-between">
           <h1 className="head-alt-base lg:head-alt-lg">
-            Bod č. {programEntry.number}: {programEntry.title}
+            {programEntry.number !== "" && `Bod č. ${programEntry.number}: `}
+            {programEntry.title}
           </h1>
           {displayActions && (
             <DropdownMenu right triggerSize="lg" className="pl-4 pt-1 lg:pt-5">