diff --git a/_assets/styles/accordion.css b/_assets/styles/accordion.css
new file mode 100644
index 0000000..97ec737
--- /dev/null
+++ b/_assets/styles/accordion.css
@@ -0,0 +1,64 @@
+.accordion {
+ max-width: 800px;
+ margin: 30px auto;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ border-radius: 8px;
+ overflow: hidden;
+}
+
+.accordion-item {
+ border-bottom: 1px solid #e0e0e0;
+ background: white;
+ transition: all 0.3s ease;
+}
+
+.accordion-item:last-child {
+ border-bottom: none;
+}
+
+.accordion-header {
+ padding: 20px;
+ background: white;
+ cursor: pointer;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-weight: 500;
+ color: #333;
+ transition: all 0.3s ease;
+}
+
+.accordion-header:hover {
+ background: #f8f9fa;
+}
+
+.accordion-header::after {
+ content: '+';
+ font-size: 20px;
+ color: #666;
+ transition: transform 0.3s ease;
+}
+
+.accordion-header.active::after {
+ transform: rotate(45deg);
+}
+
+.accordion-content {
+ padding: 0;
+ max-height: 0;
+ overflow: hidden;
+ transition: all 0.3s ease;
+ background: #f8f9fa;
+}
+
+.accordion-content.active {
+ padding: 20px;
+ max-height: 300px;
+ overflow-y: auto;
+}
+
+.accordion-content p {
+ margin: 0;
+ color: #666;
+ line-height: 1.6;
+}
diff --git a/_layouts/layout.html b/_layouts/layout.html
index 0c9abf1..47529fb 100644
--- a/_layouts/layout.html
+++ b/_layouts/layout.html
@@ -6,10 +6,14 @@
+
+
+
{% if config.author %}{% endif %}
{% if config.isbn %}{% endif %}
{% block style %}
{% for resource in plugins.resources.css %}
+ {{resource}}
{% if resource.url %}
{% else %}
@@ -21,6 +25,51 @@
{% block body %}{% endblock %}
- {% block javascript %}{% endblock %}
+ {% block javascript %}
+
+ {% endblock %}