From 3d740fa6a0c24ff1d9e8125853a6ccca218e5e56 Mon Sep 17 00:00:00 2001
From: egorlitin <egorulitin@gmail.com>
Date: Wed, 7 Dec 2022 12:31:47 +0300
Subject: [PATCH 1/2] update accordion style on landing page

---
 app/assets/landing/styles/style.css | 44 ++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/app/assets/landing/styles/style.css b/app/assets/landing/styles/style.css
index 02d0c186..b15ac96b 100644
--- a/app/assets/landing/styles/style.css
+++ b/app/assets/landing/styles/style.css
@@ -25,6 +25,48 @@ body {
   font-family: 'Onest', sans-serif;
 }
 
+.accordion {
+  --bs-accordion-bg: none;
+  --bs-accordion-color: white;
+  --bs-accordion-btn-color: white;
+  --bs-accordion-icon-color: #fff;
+  --bs-accordion-border-width: 0px;
+}
+
+.accordion-collapse {
+  margin-left: 35px;
+}
+
+.accordion-button:focus {
+  box-shadow: none;
+  border-color: rgba(0, 0, 0, 0);
+}
+
+.accordion-button:not(.collapsed) {
+  background-color: transparent;
+}
+
+.accordion-button:not(.collapsed)::before {
+  transform: var(--bs-accordion-btn-icon-transform);
+  background-image: var(--bs-accordion-btn-active-icon);
+}
+
+.accordion-button::before {
+  content: '';
+  flex-shrink: 0;
+  width: var(--bs-accordion-btn-icon-width);
+  height: var(--bs-accordion-btn-icon-width);
+  background-repeat: no-repeat;
+  background-size: var(--bs-accordion-btn-icon-width);
+  transition: var(--bs-accordion-btn-icon-transition);
+  margin-right: 15px;
+  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+}
+
+.accordion-button::after {
+  display: none;
+}
+
 .btn-primary {
   --bs-btn-bg: var(--color-blue);
   --bs-btn-border-color: var(--color-blue);
@@ -151,4 +193,4 @@ body {
   top: 0;
   left: -40px;
   background: url('../images/checked.svg') no-repeat;
-}
+}
\ No newline at end of file

From 4cbada46ec7277a8d7530b85d831f9467b0e7560 Mon Sep 17 00:00:00 2001
From: egorlitin <egorulitin@gmail.com>
Date: Wed, 7 Dec 2022 14:36:47 +0300
Subject: [PATCH 2/2] add margin for faq section

---
 app/javascript/components/Faq.jsx | 2 +-
 views/landing/modules/faq.pug     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/components/Faq.jsx b/app/javascript/components/Faq.jsx
index 5772d0ca..07319095 100644
--- a/app/javascript/components/Faq.jsx
+++ b/app/javascript/components/Faq.jsx
@@ -11,7 +11,7 @@ export function Faq() {
       <div className="row">
         <h2 className="text-center h2 fw-bold mb-0">{t('faq.faq')}</h2>
       </div>
-      <Accordion flush>
+      <Accordion className="mt-40" flush>
         <Accordion.Item eventKey="0">
           <Accordion.Header>{t('faq.q0')}</Accordion.Header>
           <Accordion.Body>{t('faq.a0')}</Accordion.Body>
diff --git a/views/landing/modules/faq.pug b/views/landing/modules/faq.pug
index ea053857..ad558979 100644
--- a/views/landing/modules/faq.pug
+++ b/views/landing/modules/faq.pug
@@ -1,6 +1,6 @@
 .row
     h2.text-center.h2.fw-bold.mb-0 FAQ
-.accordion.accordion-flush(id="accordionFlushExample")
+.accordion.accordion-flush.mt-40(id="accordionFlushExample")
     .accordion-item
         h2.accordion-header(id="flush-headingOne")
           button.accordion-button.collapsed.fs-4(type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne") Что такое IDE?