Skip to content

Commit b133e32

Browse files
Rakesh9100Rakesh9100
committed
Added dynamic loading of components from JSON
1 parent 1429e6e commit b133e32

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+2246
-5293
lines changed

‎assets/html_files/accordions.html‎

Lines changed: 5 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,9 @@
1313
<link rel="stylesheet" type="text/css" href="../css_files/progressbar.css">
1414
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
1515
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css">
16+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
1617
<script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
18+
1719
<title>Beautiify | Accordions</title>
1820
</head>
1921

@@ -107,98 +109,8 @@ <h1 class="SearchDarkMode">Search Accordion</h1><br>
107109
<h2>Hmmm, we are not getting any result. <br> Our bad - Please try another search!</h2>
108110
</div>
109111

110-
<div class="contain">
111-
<div class="box">
112-
<h1>3D Accordion</h1>
113-
<div class="preview">
114-
<a href="../../Components/Accordions/3D-Accordion/index.html" title="Live Preview" target="_blank">
115-
<img src="../images/link.png">
116-
</a>
117-
</div>
118-
<div class="source">
119-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/3D-Accordion" title="Source Code" target="_blank">
120-
<img src="../images/github.png">
121-
</a>
122-
</div>
123-
</div>
124-
<div class="box">
125-
<h1>Glassmorphism Accordion</h1>
126-
<div class="preview">
127-
<a href="../../Components/Accordions/Glassmorphism-Accordion/index.html" title="Live Preview" target="_blank">
128-
<img src="../images/link.png">
129-
</a>
130-
</div>
131-
<div class="source">
132-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Glassmorphism-Accordion" title="Source Code" target="_blank">
133-
<img src="../images/github.png">
134-
</a>
135-
</div>
136-
</div>
137-
<div class="box">
138-
<h1>Horizontal Picture Accordion</h1>
139-
<div class="preview">
140-
<a href="../../Components/Accordions/Horizontal-Picture-Accordion/index.html" title="Live Preview" target="_blank">
141-
<img src="../images/link.png">
142-
</a>
143-
</div>
144-
<div class="source">
145-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Horizontal-Picture-Accordion" title="Source Code" target="_blank">
146-
<img src="../images/github.png">
147-
</a>
148-
</div>
149-
</div>
150-
<div class="box">
151-
<h1>Modern Accordion</h1>
152-
<div class="preview">
153-
<a href="../../Components/Accordions/Modern-Accordion/index.html" title="Live Preview" target="_blank">
154-
<img src="../images/link.png">
155-
</a>
156-
</div>
157-
<div class="source">
158-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Modern-Accordion" title="Source Code" target="_blank">
159-
<img src="../images/github.png">
160-
</a>
161-
</div>
162-
</div>
163-
<div class="box">
164-
<h1>Neumorphism Accordion</h1>
165-
<div class="preview">
166-
<a href="../../Components/Accordions/Neumorphism-Accordion/index.html" title="Live Preview" target="_blank">
167-
<img src="../images/link.png">
168-
</a>
169-
</div>
170-
<div class="source">
171-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Neumorphism-Accordion" title="Source Code" target="_blank">
172-
<img src="../images/github.png">
173-
</a>
174-
</div>
175-
</div>
176-
<div class="box">
177-
<h1>Simple Accordion</h1>
178-
<div class="preview">
179-
<a href="../../Components/Accordions/Simple-Accordion/index.html" title="Live Preview" target="_blank">
180-
<img src="../images/link.png">
181-
</a>
182-
</div>
183-
<div class="source">
184-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Simple-Accordion" title="Source Code" target="_blank">
185-
<img src="../images/github.png">
186-
</a>
187-
</div>
188-
</div>
189-
<div class="box">
190-
<h1>Tilted Accordion</h1>
191-
<div class="preview">
192-
<a href="../../Components/Accordions/Tilted-Accordion/index.html" title="Live Preview" target="_blank">
193-
<img src="../images/link.png">
194-
</a>
195-
</div>
196-
<div class="source">
197-
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Tilted-Accordion" title="Source Code" target="_blank">
198-
<img src="../images/github.png">
199-
</a>
200-
</div>
201-
</div>
112+
<div class="contain" id="components-container">
113+
<!-- Components will be loaded here dynamically -->
202114
</div>
203115
</section>
204116

@@ -207,11 +119,10 @@ <h1>Tilted Accordion</h1>
207119
<span id="progress-value" class="bi bi-arrow-up-short"></span>
208120
</div>
209121

210-
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
211122
<script src="../../script.js"></script>
212123
<script src="../js_files/cursor.js"></script>
213124
<script src="../js_files/search.js"></script>
214-
<script src="../js_files/commonscript.js"></script>
125+
<script src="../js_files/commonscript.js" data-json-file="../json_files/accordions.json"></script>
215126
</body>
216127

217128
</html>

0 commit comments

Comments
 (0)