- rename from jitsi_calendar to atocal, to reflect more the usage. This plugin allows to create events

- add initial documentation

templates/confirm.php

@@ -12,34 +12,34 @@ $h = static function (string $value): string {
 ?>
 
 <div id="app-content">
-    <div class="jitsi-calendar-container">
+    <div class="atocal-container">
 
-        <div class="jitsi-calendar-card">
+        <div class="atocal-card">
 
             <h1>
-                Add Jitsi Meeting to Calendar
+                Add To Calendar
             </h1>
 
-            <p class="jitsi-calendar-intro">
+            <p class="atocal-intro">
                 The following meeting will be added to your
                 Nextcloud Calendar.
             </p>
 
             <?php if ($_['error'] !== ''): ?>
-                <div class="jitsi-calendar-error">
+                <div class="atocal-error">
                     <?= $h($_['error']) ?>
                 </div>
             <?php endif; ?>
 
-            <div class="jitsi-calendar-details">
+            <div class="atocal-details">
 
-                <div class="jitsi-calendar-row">
+                <div class="atocal-row">
                     <strong>Title</strong>
                     <span><?= $h($_['summary']) ?></span>
                 </div>
 
                 <?php if ($_['description'] !== ''): ?>
-                    <div class="jitsi-calendar-row">
+                    <div class="atocal-row">
                         <strong>Description</strong>
                         <span class="description">
                             <?= nl2br($h($_['description'])) ?>
@@ -47,25 +47,25 @@ $h = static function (string $value): string {
                     </div>
                 <?php endif; ?>
 
-                <div class="jitsi-calendar-row">
+                <div class="atocal-row">
                     <strong>Start</strong>
                     <span><?= $h(str_replace('T', ' ', $_['start'])) ?></span>
                 </div>
 
-                <div class="jitsi-calendar-row">
+                <div class="atocal-row">
                     <strong>End</strong>
                     <span><?= $h(str_replace('T', ' ', $_['end'])) ?></span>
                 </div>
 
                 <?php if ($_['organizer'] !== ''): ?>
-                    <div class="jitsi-calendar-row">
+                    <div class="atocal-row">
                         <strong>Organizer</strong>
                         <span><?= $h($_['organizer']) ?></span>
                     </div>
                 <?php endif; ?>
 
                 <?php if ($_['location'] !== ''): ?>
-                    <div class="jitsi-calendar-row">
+                    <div class="atocal-row">
                         <strong>Location</strong>
                         <span>
                             <a
@@ -133,7 +133,7 @@ $h = static function (string $value): string {
                     value="<?= $h($_['url']) ?>"
                 >
 
-                <div class="jitsi-calendar-actions">
+                <div class="atocal-actions">
 
                     <button
                         type="submit"

templates/style.css

@@ -1,10 +1,10 @@
-.jitsi-calendar-container {
+.atocal-container {
     max-width: 760px;
     margin: 60px auto;
     padding: 20px;
 }
 
-.jitsi-calendar-card {
+.atocal-card {
     background: var(--color-main-background);
     border: 1px solid var(--color-border);
     border-radius: 12px;
@@ -12,17 +12,17 @@
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 
-.jitsi-calendar-card h1 {
+.atocal-card h1 {
     margin-top: 0;
     margin-bottom: 12px;
 }
 
-.jitsi-calendar-intro {
+.atocal-intro {
     color: var(--color-text-maxcontrast);
     margin-bottom: 28px;
 }
 
-.jitsi-calendar-error {
+.atocal-error {
     background: var(--color-error);
     color: var(--color-error-text);
     border-radius: 6px;
@@ -30,13 +30,13 @@
     margin-bottom: 28px;
 }
 
-.jitsi-calendar-details {
+.atocal-details {
     border-top: 1px solid var(--color-border);
     border-bottom: 1px solid var(--color-border);
     margin-bottom: 28px;
 }
 
-.jitsi-calendar-row {
+.atocal-row {
     display: grid;
     grid-template-columns: 150px 1fr;
     gap: 16px;
@@ -44,26 +44,26 @@
     border-bottom: 1px solid var(--color-border);
 }
 
-.jitsi-calendar-row:last-child {
+.atocal-row:last-child {
     border-bottom: 0;
 }
 
-.jitsi-calendar-row span {
+.atocal-row span {
     overflow-wrap: anywhere;
 }
 
-.jitsi-calendar-row .description {
+.atocal-row .description {
     white-space: normal;
 }
 
-.jitsi-calendar-actions {
+.atocal-actions {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
 }
 
-.jitsi-calendar-actions button,
-.jitsi-calendar-actions a {
+.atocal-actions button,
+.atocal-actions a {
     display: inline-block;
     padding: 10px 18px;
     border-radius: 6px;
@@ -71,13 +71,13 @@
     cursor: pointer;
 }
 
-.jitsi-calendar-actions button.primary {
+.atocal-actions button.primary {
     background: var(--color-primary-element);
     color: var(--color-primary-element-text);
     border: 0;
 }
 
-.jitsi-calendar-actions a.secondary {
+.atocal-actions a.secondary {
     border: 1px solid var(--color-border);
     color: var(--color-main-text);
 }