swiftman/index.html at main · helloarman/swiftman · GitHub

1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>SwiftMan by Arman Rahman</title><link rel="icon" type="image/x-icon" href="images/favicon.png"><meta name="Keyword" content="Build a fast html file with SwiftMan"><meta name="description" content="SwiftMan is a oneclick library that provides Swift functionality for building a besic html file with nessesary CDN implementations"><link rel="stylesheet" href="css/bootstrap.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="css/all.min.css"><link rel="stylesheet" href="css/fontawesome.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"><link rel="stylesheet" href="css/style.css"></head><body><nav class="navbar navbar-expand-lg navbar-light bg-light"><div class="container"><a class="navbar-brand" href="https://helloarman.github.io/swiftman/"><img src="./images/Logo.png" alt=""> Swift<span>Man</span></a><div class="icon-bar"><a href="https://github.com/helloarman/swiftman" class="card-link" target="”_blank”"><i style="color:#fff;padding-right:25px;font-size:18px" class="fa-brands fa-github"></i></a></div></div></nav><section class="container select-cdn" id="buildfile"><div class="row"><div class="col-md-6"><div class="left d-flex flex-column justify-content-md-start justify-content-center"><h2>Front-end Framework</h2><div class="group"><input class="checkboxs" type="checkbox" name="bootstrap" id="bootstrap" value="bootstrap" onclick="select_item()"><label for="bootstrap" class="px-2">Bootstrap</label><span id="bootstrap-color" class="badge bg-secondary">5.2.0</span><a id="bootstrap_linkopen" class="open_link display_none mx-2" href="https://getbootstrap.com/docs/5.2/customize/overview/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><h2>Icon</h2><div class="group"><input class="checkboxs" type="checkbox" name="bootstrapicon" id="bootstrapicon" value="bootstrapicon" onclick="select_item()"><label class="px-2" for="bootstrapicon">Bootstrap Icon</label><span id="bootstrapicon-color" class="badge bg-secondary">1.9.1</span><a id="bootstrapicon_linkopen" class="open_link display_none mx-2" href="https://icons.getbootstrap.com/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><div class="group"><input class="checkboxs" type="checkbox" name="fontawesome" id="fontawesome" value="fontawesome" onclick="select_item()"><label class="px-2" for="fontawesome">Fontawesome</label><span id="fontawesome-color" class="badge bg-secondary">6.1.2</span><a id="fontawesome_linkopen" class="open_link display_none mx-2" href="https://fontawesome.com/icons" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><h2>Slider</h2><div class="group"><input class="checkboxs" type="checkbox" name="slick" id="slick" value="slick" onclick="select_item()" onclick="select_item()"><label class="px-2" for="slick">Slick Slider</label><span id="slick-color" class="badge bg-secondary">1.8.1</span><a id="slick_linkopen" class="open_link display_none mx-2" href="https://kenwheeler.github.io/slick/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><div class="group"><input class="checkboxs" type="checkbox" name="owlcarousel2" id="owlcarousel2" value="owlcarousel2" onclick="select_item()"><label class="px-2" for="owlcarousel2">Owl Carousel 2</label><span id="owlcarousel2-color" class="badge bg-secondary">2.3.2</span><a id="owlcarousel2_linkopen" class="open_link display_none mx-2" href="https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><h2>Alert/Notification</h2><div class="group"><input class="checkboxs" type="checkbox" name="sweetalert2" id="sweetalert2" value="sweetalert2" onclick="select_item()"><label class="px-2" for="sweetalert2">Sweet Alert 2</label><span id="sweetalert2-color" class="badge bg-secondary">11.4.29</span><a id="sweetalert2_linkopen" class="open_link display_none mx-2" href="https://sweetalert2.github.io/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><div class="group"><input class="checkboxs" type="checkbox" name="toastr" id="toastr" value="toastr" onclick="select_item()"><label class="px-2" for="toastr">Toastr</label><span id="toastr-color" class="badge bg-secondary">2.1.4</span><a id="toastr_linkopen" class="open_link display_none mx-2" href="https://codeseven.github.io/toastr/demo.html" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><h2>Table</h2><div class="group"><input class="checkboxs" type="checkbox" name="datatable" id="datatable" value="datatable" onclick="select_item()"><label class="px-2" for="datatable">Data Table</label><span id="datatable-color" class="badge bg-secondary">1.10.21</span><a id="datatable_linkopen" class="open_link display_none mx-2" href="https://datatables.net/examples/data_sources/dom" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div><h2>Font</h2><div class="group form-group"><input class="checkboxs" type="checkbox" name="googlefont" id="googlefont" value="googlefont" onclick="select_item()"><label class="px-2" for="googlefont">Google Font</label><a id="googlefont_linkopen" class="open_link display_none" href="https://fonts.google.com/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a><div class="row mt-2"><div class="col"><input type="text-center" class="form-control display_none" id="googlefont_link1" placeholder="CSS link"></div><div class="col"><input type="text-center" class="form-control display_none" id="googlefont_link2" placeholder="CSS rules to specify families"></div></div></div></div></div><div class="col-md-6 d-flex justify-content-center"><div class="right text-center"><div class="output d-flex flex-column align-items-center justify-content-center" id="output"><h2>Add Those File</h2><div class="group"><input class="checkboxs" type="checkbox" name="stylecss" id="stylecss" value="stylecss" onclick="select_item()"><label for="stylecss">Add style.css</label></div><div class="group"><input class="checkboxs" type="checkbox" name="appjs" id="appjs" value="appjs" onclick="select_item()"><label for="appjs">Add app.js</label></div></div><div class="savediv d-flex flex-column align-items-center justify-content-center" onclick="save_file()"><h6>Download HTML File</h6><i class="fa-solid fa-angles-down"></i></div></div></div></div></section><footer class="footer"><section class="contributor" id="contributor"><div class="container mt-5"><div class="row"><div class="col-md-6 d-flex justify-content-md-end justify-content-center"><img src="./images/SwiftMan author - Arman Rahman.png" alt="Author Arman Rahman"></div><div class="col-md-6 d-flex justify-content-md-start py-5 justify-content-center"><div class="card" style="width:18rem"><div class="card-body text-center"><h5 class="card-title">Arman Rahman</h5><p class="card-text">BSc. in CSE</p><a href="http://www.armanrahman.info" target="”_blank”"><i class="fa-solid fa-link px-2"></i>Visit Profile</a></div><ul class="list-group list-group-flush"><li class="list-group-item text-center"><i class="fa-solid fa-flag px-2"></i>Bangladeshi</li></ul><div class="card-body d-flex justify-content-around text-center"><div class="sociallink"><a href="https://www.facebook.com/ID.ArmanRahman" class="card-link" target="”_blank”"><i class="fa-brands fa-facebook-f"></i></a></div><div class="sociallink"><a href="https://www.linkedin.com/in/armanrahman" class="card-link" target="”_blank”"><i class="fa-brands fa-linkedin"></i></a></div><div class="sociallink"><a href="https://github.com/helloarman" class="card-link" target="”_blank”"><i class="fa-brands fa-github"></i></a></div><div class="sociallink"><a href="https://www.instagram.com/insta.armanrahman" class="card-link" target="”_blank”"><i class="fa-brands fa-square-instagram"></i></a></div></div></div></div></div></div></section><section class="copyright"><span>© 2022 All rights reserved</span></section></footer><script src="js/jquery-3.6.0.min.js"></script><script src="js/bootstrap.js"></script><script src="js/jszip.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script><script src="js/app.js"></script></body></html>