You will find HTML pages in the public directory. If you want, you can include the file over there and make the project live. You can write SCSS which is generated to the CSS file in the public/assets directory. We also used a pug template engine to generate all HTML files which one is very helpful for easy customization.
For detailed documentation, check the following link: https://prium.github.io/falcon/${version}/documentation/getting-started.html.
`, active: true, }, { id: 2, title :'What is the minimum requirement to run Falcon?', description: `Minimum requirements to run Falcon ${version}
After running gulp you can start customizing the Falcon using Pug.
You can start customizing from src/pug/pages/starter.pug where minimum styles and scripts are included to run Falcon theme.
Or you can update html files directly from the public directory.
`, }, { id: 4, title :'Do I need to work with Pug/Gulp/Node if I want to build with Falcon?', description: `You are not required to use pug, gulp, node, or any other workflow tools.All the HTML files are ready to use under the public folder. Just take a fresh copy of Falcon, open any HTML files in the public folder, and you can edit it as you like. Plane and simple HTML.
Updating from any earlier version of 3.x to ${version}:
Check out the following link and follow the changes: https://prium.github.io/falcon/${version}/changelog.html
Updating from version 2 to version 3:
As the latest versions of templates and all their packages have different structures behind their components, you have to update all the components manually into your project.
So, it would be better to start building applications with the Bootstrap 5 version of Falcon from scratch. You can include any components from Bootstrap 5 version to your project. Bring the component and its required SCSS and place it into your current project.
You will find the Figma link in the README.md file on your downloaded copy of Falcon. Here is the detailed documentation: https://prium.github.io/falcon/${version}/documentation/design-file.html.
If you still have any problem with the link, reach us out with your purchase ID at support@themewagon.com
`, }, { id: 7, title :'Is it possible to build a mobile app using Falcon components?', description: `Falcon is made out of HTML, CSS, and JS. You can not use Falcon as a "Native" component library for an android or iOS app. But if you use a web-view for your app or use a framework that uses HTML, CSS, and JS for mobile app UI, yes, you can use Falcon in that case
`, }, { id: 8, title :'Can one use Falcon with Django?', description: `Many of our customers are using Falcon with Django. Using Falcon is like using Bootstrap with Django, just with some extra features.
For a starter, you need to take all the CSS and JS file from Falcon's public/assets folder to your project and link them to your view files. You can find all the required scripts and styles on the source of the starter page.
It is also possible to compile the SCSS and use the ES6 JavaScript partial files with Django using Falcon's built-in gulp based workflow.
`, }, { id: 9, title :'Is it possible to use this template with Blazor?', description: `We are afraid, there is no Blazor version of Falcon and no Blazor expert in our team at this moment. But we think, you would be able to use it just like Bootstrap, only an extended version.
`, }, { id: 10, title :'How can one switch to the top navbar and combo navbar layout?', description: `In Falcon live demo, we are previewing both combo nav and top nav together. To apply top nav layout to any page, check the documentation in Falcon https://prium.github.io/falcon/${version}/modules/components/navs-and-tabs/top-navbar.html.
You will also get the example of navbar top layout page in public/demo/navbar-top.html. Also check the following link for top nav: https://prium.github.io/falcon/${version}/demo/navbar-top.html.
In the same way, you can implement the Combo nav layout. Here is the documentation of combo nav layout: https://prium.github.io/falcon/${version}/modules/components/navs-and-tabs/combo-navbar.html.
Example page:
https://prium.github.io/falcon/${version}/demo/combo-nav.html.
Why did we keep it different? Because in the demo, we included HTML codes for all the Navs on every page. But most of our users need to use only one nav and do not want their users to give the option to change the nav. That’s why we redirected the settings to the corresponding documentation page to see how they can configure it
`, }, { id: 11, title :'Does Falcon incorporate properly with Laravel?', description: `Falcon works nicely with Laravel.
Good news is we have a starter project made with laravel vite and Falcon. This project is privately available. If you are interested, after purchasing Falcon, please send your purchase ID and we will send you the starter project.
`, }, { id: 12, title :'With which version of Laravel Falcon works fine?', description: ` Falcon works fine with Laravel 11x.`, }, { id: 13, title :' How to use Falcon with Angular?', description: `We have developed a very basic Angular starter pack to help developers get started with Falcon & Angular. The project is still a work in process, and we are updating it quite often to match with the industry best practices. If you are interested, after purchasing Falcon, please send your purchase ID and we will send you the starter pack.
`, }, { id: 14, title:'Tried running npm install but getting a bunch of errors.', description: `
Try deleting the package-lock.json and node_modules folder and then run npm i again.
I'm afraid we do not have any documentation on rails integration yet or any version for Ruby. But you may find the following link useful. Since all the Bootstrap themes are structured in a similar fashion, you may find it helpful: https://rubyyagi.com/how-to-integrate-html-bootstrap-theme-into-rails-6/.
`, } ]; mixin FaqDocItem(config) .card.shadow-none&attributes(attributes) .accordion-item.border-0 .card-header.p-0(id=`faqAccordionHeading${config.id}`) button.accordion-button.btn.btn-link.text-decoration-none.d-block.w-100.py-2.px-3.collapsed.border-0.text-start.rounded-0.shadow-none(data-bs-toggle='collapse' data-bs-target=`#collapseFaqAccordion${config.id}` aria-expanded='false' aria-controls=`collapseFaqAccordion${config.id}`) span.fas.fa-caret-right.accordion-icon.me-3(data-fa-transform="shrink-2") span.fw-medium.font-sans-serif.text-900=config.title .accordion-collapse.collapse(id=`collapseFaqAccordion${config.id}` aria-labelledby=`faqAccordionHeading${config.id}` data-parent='#accordionFaq') .accordion-body.p-0 .card-body.pt-2 .ps-3.mb-0!=config.description mixin FaqDoc .card .card-body #accordionFaq.accordion.border.rounded.overflow-hidden each faq, index in faqs +FaqDocItem(faq)(class=`${index === 0 ? 'rounded-bottom-0 ' : 'rounded-0 '}${index !== faqs.length - 1 ? 'border-bottom' : ''}`)