Skip to content

Commit

Permalink
Added dynamic loading of components from JSON
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rakesh9100
Rakesh9100 committed Dec 23, 2024
1 parent 1429e6e commit b133e32
Show file tree
Hide file tree
Showing 48 changed files with 2,246 additions and 5,293 deletions.
99 changes: 5 additions & 94 deletions assets/html_files/accordions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,9 @@
<link rel="stylesheet" type="text/css" href="../css_files/progressbar.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>

<title>Beautiify | Accordions</title>
</head>

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

<div class="contain">
<div class="box">
<h1>3D Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/3D-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/3D-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="box">
<h1>Glassmorphism Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/Glassmorphism-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Glassmorphism-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="box">
<h1>Horizontal Picture Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/Horizontal-Picture-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Horizontal-Picture-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="box">
<h1>Modern Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/Modern-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Modern-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="box">
<h1>Neumorphism Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/Neumorphism-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Neumorphism-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="box">
<h1>Simple Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/Simple-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Simple-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="box">
<h1>Tilted Accordion</h1>
<div class="preview">
<a href="../../Components/Accordions/Tilted-Accordion/index.html" title="Live Preview" target="_blank">
<img src="../images/link.png">
</a>
</div>
<div class="source">
<a href="https://github.com/Rakesh9100/Beautiify/tree/main/Components/Accordions/Tilted-Accordion" title="Source Code" target="_blank">
<img src="../images/github.png">
</a>
</div>
</div>
<div class="contain" id="components-container">
<!-- Components will be loaded here dynamically -->
</div>
</section>

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

<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>
<script src="../../script.js"></script>
<script src="../js_files/cursor.js"></script>
<script src="../js_files/search.js"></script>
<script src="../js_files/commonscript.js"></script>
<script src="../js_files/commonscript.js" data-json-file="../json_files/accordions.json"></script>
</body>

</html>
Loading

0 comments on commit b133e32

Please sign in to comment.