From f2cf270a1fa15ce18b4e7dfc1ff7699934040e26 Mon Sep 17 00:00:00 2001 From: Marcus Kammer Date: Tue, 6 Feb 2024 10:12:13 +0100 Subject: [PATCH] Update accordion docs --- docs/component/accordion-page.html | 159 +++++++++++++++++++++++------ docs/component/accordion.org | 30 +++++- 2 files changed, 155 insertions(+), 34 deletions(-) diff --git a/docs/component/accordion-page.html b/docs/component/accordion-page.html index 2dcaf02..a815984 100644 --- a/docs/component/accordion-page.html +++ b/docs/component/accordion-page.html @@ -10,16 +10,15 @@

Accordion Example

-
+

+ data-bs-target=#collapse-firstAccordion-1 aria-expanded=true + aria-controls=collapse-firstAccordion-1>What is the purpose of this website?

+ id=collapse-firstAccordion-1 data-bs-parent=#firstAccordion>
This website is designed to provide information and resources on various topics related to user experience, design thinking, and agile methodologies. @@ -30,12 +29,11 @@

+ data-bs-target=#collapse-firstAccordion-2 aria-expanded=false + aria-controls=collapse-firstAccordion-2>How can I contact the support team?

+ id=collapse-firstAccordion-2 data-bs-parent=#firstAccordion>
You can reach our support team by sending an email to support@example.com. We'll be happy to assist you with any questions or issues you may have. @@ -46,12 +44,11 @@

+ data-bs-target=#collapse-firstAccordion-3 aria-expanded=false + aria-controls=collapse-firstAccordion-3>Is there a mobile app available?

+ id=collapse-firstAccordion-3 data-bs-parent=#firstAccordion>
Yes, we have a mobile app available for both iOS and Android devices. You can download it from the App Store or Google Play Store. @@ -62,12 +59,11 @@

+ data-bs-target=#collapse-firstAccordion-4 aria-expanded=false + aria-controls=collapse-firstAccordion-4>What payment methods do you accept?

+ id=collapse-firstAccordion-4 data-bs-parent=#firstAccordion>
We accept payments through credit cards, PayPal, and bank transfers. You can choose the payment method that suits you best during the checkout process. @@ -78,12 +74,11 @@

+ data-bs-target=#collapse-firstAccordion-5 aria-expanded=false + aria-controls=collapse-firstAccordion-5>How do I reset my password?

+ id=collapse-firstAccordion-5 data-bs-parent=#firstAccordion>
To reset your password, go to the login page and click on the 'Forgot Password' link. Follow the instructions sent to your registered email address to create a new password. @@ -94,13 +89,11 @@

+ data-bs-target=#collapse-firstAccordion-6 aria-expanded=false + aria-controls=collapse-firstAccordion-6>Can I contribute to your knowledge sharing initiatives?

+ id=collapse-firstAccordion-6 data-bs-parent=#firstAccordion>
Absolutely! We encourage contributions from our community. You can participate in our knowledge sharing initiatives by joining our forums and sharing your insights and experiences. @@ -111,13 +104,119 @@

+

+
+
+ You can find the schedule for upcoming webinars and events on our Events page. We regularly update it with details of + upcoming sessions. +
+
+
+
+
+
+

+ +

+
+
+ This website is designed to provide information and resources on various topics related to user experience, design + thinking, and agile methodologies. +
+
+
+
+

+ +

+
+
+ You can reach our support team by sending an email to support@example.com. We'll be happy to assist you with any + questions or issues you may have. +
+
+
+
+

+ +

+
+
+ Yes, we have a mobile app available for both iOS and Android devices. You can download it from the App Store or Google + Play Store. +
+
+
+
+

+ +

+
+
+ We accept payments through credit cards, PayPal, and bank transfers. You can choose the payment method that suits you + best during the checkout process. +
+
+
+
+

+ +

+
+
+ To reset your password, go to the login page and click on the 'Forgot Password' link. Follow the instructions + sent to your registered email address to create a new password. +
+
+
+
+

+ +

+
+
+ Absolutely! We encourage contributions from our community. You can participate in our knowledge sharing initiatives by + joining our forums and sharing your insights and experiences. +
+
+
+
+

+

+ id=collapse-secondAccordion-7 data-bs-parent=#secondAccordion>
You can find the schedule for upcoming webinars and events on our Events page. We regularly update it with details of upcoming sessions. diff --git a/docs/component/accordion.org b/docs/component/accordion.org index 9eedd8f..32f4358 100644 --- a/docs/component/accordion.org +++ b/docs/component/accordion.org @@ -1,7 +1,7 @@ -#+title: Using cl-sbt/accordion Macros in a Web Application +#+title: Using dev.metalisp.sbt/component/accordion Macros in a Web Application #+author: Marcus Kammer #+email: marcus.kammer@mailbox.org -#+date: 2024-02-04T20:18+01:00 +#+date: 2024-02-06T10:12+01:00 * Introduction The accordion component is a popular UI element that helps to organize and @@ -34,7 +34,7 @@ how it works: - Bootstrap's JavaScript library manages the animations and transitions for smooth content expansion and collapse. -* Integrating cl-sbt/accordion Macros +* Integrating dev.metalisp.sbt/component/accordion Macros To create Bootstrap-style accordions in your Common Lisp web application, you can use the cl-sbt/accordion macros. These macros provide a convenient way to @@ -55,7 +55,29 @@ can integrate them into your project: "Generates an HTML page with accordion using accordion macros." (with-output-to-string (spinneret:*html*) (with-page (:title "Accordion Example" :main-con t) - (accordion () + (accordion (:id "firstAccordion") + "What is the purpose of this website?" + "This website is designed to provide information and resources on various topics related to user experience, design thinking, and agile methodologies." + + "How can I contact the support team?" + "You can reach our support team by sending an email to support@example.com. We'll be happy to assist you with any questions or issues you may have." + + "Is there a mobile app available?" + "Yes, we have a mobile app available for both iOS and Android devices. You can download it from the App Store or Google Play Store." + + "What payment methods do you accept?" + "We accept payments through credit cards, PayPal, and bank transfers. You can choose the payment method that suits you best during the checkout process." + + "How do I reset my password?" + "To reset your password, go to the login page and click on the 'Forgot Password' link. Follow the instructions sent to your registered email address to create a new password." + + "Can I contribute to your knowledge sharing initiatives?" + "Absolutely! We encourage contributions from our community. You can participate in our knowledge sharing initiatives by joining our forums and sharing your insights and experiences." + + "What is the schedule for upcoming webinars and events?" + "You can find the schedule for upcoming webinars and events on our Events page. We regularly update it with details of upcoming sessions.") + + (accordion (:id "secondAccordion") "What is the purpose of this website?" "This website is designed to provide information and resources on various topics related to user experience, design thinking, and agile methodologies."