Upload 167 files

.database/template_asset_db.json

@@ -0,0 +1,47 @@
+{
+    "asset_collection": {
+        "1": {
+            "_id": "local_assets",
+            "white_reddit_template": {
+                "path": "public/white_reddit_template.png",
+                "type": "image",
+                "ts": "2023-07-03 19:41:55",
+                "required": true
+            },
+            "subscribe-animation": {
+                "path": "public/subscribe-animation.mp4",
+                "type": "video",
+                "ts": "2023-07-03 21:37:53",
+                "required": true
+            }
+        },
+        "2": {
+            "_id": "remote_assets",
+            "Music joakim karud dreams": {
+                "type": "background music",
+                "url": "https://www.youtube.com/watch?v=p56gqDhUYbU",
+                "ts": "2023-07-05 04:35:03"
+            },
+            "Music dj quads": {
+                "type": "background music",
+                "url": "https://www.youtube.com/watch?v=uUu1NcSHg2E",
+                "ts": "2023-07-05 05:03:44"
+            },
+            "Car race gameplay": {
+                "type": "background video",
+                "url": "https://www.youtube.com/watch?v=gBsJA8tCeyc",
+                "ts": "2023-07-04 23:07:44"
+            },
+            "Minecraft jumping circuit": {
+                "url": "https://www.youtube.com/watch?v=Pt5_GSKIWQM",
+                "type": "background video",
+                "ts": "2023-07-07 04:13:36"
+            },
+            "Ski gameplay": {
+                "url": "https://www.youtube.com/watch?v=8ao1NAOVKTU",
+                "type": "background video",
+                "ts": "2023-07-07 04:54:16"
+            }
+        }
+    }
+}

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+public/subscribe-animation.mp4 filter=lfs diff=lfs merge=lfs -text

.github/CHANGE_LOG.md

@@ -0,0 +1,34 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [Unreleased]
+
+<!--
+Notes for any unreleased changes do here. When a new release is cut, move these from
+the unreleased section to the section for the new release.
+-->
+
+Upcoming changes.
+
+### Added
+
+### Changed
+
+### Removed
+
+## [0.0.1] - YYYY-MM-DD
+
+Initial Release.
+
+### Added
+
+- What was added.
+
+
+<!--
+These Markdown anchors provide a link to the diff for each release. They should be
+updated any time a new release is cut.
+-->
+[Unreleased]: /
+[0.0.1]: /v0.0.1

.github/CODEOWNERS

@@ -0,0 +1,6 @@
+# These owners will be the default owners for everything in
+# the repo. Unless a later match takes precedence,
+# @USER will be requested for
+# review when someone opens a pull request.
+# if you want to add more owners just write it after the demo user @DemoUser
+*       @RayVentura

.github/CODE_OF_CONDUCT.md

@@ -0,0 +1,127 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

.github/CONTRIBUTING.md

@@ -0,0 +1,21 @@
+🌟💻📚
+
+## Contributing
+
+There are many exciting ways to contribute to ShortGPT, our AI automated content creation framework. 👏
+
+See below for everything you can do and the processes to follow for each contribution method. Note that no matter how you contribute, your participation is governed by our ✨[Code of Conduct](CODE_OF_CONDUCT.md)✨.
+
+## 🛠️ Make changes to the code or docs
+
+- 🍴 Fork the project, 
+- 💡 make your changes,
+- 🔀 and send a pull request! 🙌
+
+Make sure you read and follow the instructions in the [pull request template](pull_request_template.md). And note that all participation in this project (including code submissions) is governed by our ✨[Code of Conduct](CODE_OF_CONDUCT.md)✨.
+
+## 🐞📝 Submit bug reports or feature requests
+
+Just use the GitHub issue tracker to submit your bug reports and feature requests. We appreciate your feedback! 🐛🔧
+
+Let's make ShortGPT even better together! 🚀❤️

.github/FUNDING.yml

@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: rayventura
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: rayventura
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/ISSUE_TEMPLATE/bug_report.yaml

@@ -0,0 +1,99 @@
+name: 🐛 Bug Report
+description: File a bug report
+title: '🐛 [Bug]: '
+labels: ['bug']
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+
+  - type: textarea
+    id: what-happened
+    attributes:
+      label: What happened?
+      description: Describe the issue here.
+      placeholder: Tell us what you see!
+    validations:
+      required: true
+
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What type of browser are you seeing the problem on?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+    validations:
+      required: true
+
+  - type: dropdown
+    id: operating-systems
+    attributes:
+      label: What type of Operating System are you seeing the problem on?
+      multiple: true
+      options:
+        - Linux
+        - Windows
+        - Mac
+        - Google Colab
+        - Other
+    validations:
+      required: true
+
+  - type: input
+    id: python-version
+    attributes:
+      label: Python Version
+      description: What version of Python are you using?
+      placeholder: e.g. Python 3.9.0
+    validations:
+      required: true
+
+  - type: input
+    id: application-version
+    attributes:
+      label: Application Version
+      description: What version of the application are you using?
+      placeholder: e.g. v1.2.3
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected Behavior
+      description: What did you expect to happen?
+      placeholder: What did you expect?
+    validations:
+      required: true
+
+  - type: textarea
+    id: error-message
+    attributes:
+      label: Error Message
+      description: What error message did you receive?
+      placeholder:
+      render: shell
+    validations:
+      required: false
+
+  - type: textarea
+    id: logs
+    attributes:
+      label: Code to produce this issue.
+      description: Please copy and paste any relevant code to re-produce this issue.
+      render: shell
+
+  - type: textarea
+    id: screenshots-assets
+    attributes:
+      label: Screenshots/Assets/Relevant links
+      description: If applicable, add screenshots, assets or any relevant links that can help understand the issue.
+      placeholder: Provide any relevant material here
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/feature_request.yaml

@@ -0,0 +1,36 @@
+name: ✨ Feature request
+description: Suggest an feature / idea for this project
+title: '✨ [Feature Request / Suggestion]: '
+labels: ['feature']
+body:
+  - type: markdown
+    attributes:
+      value: |
+        We appreciate your feedback on how to improve this project. Please be sure to include as much details & any resources if possible!
+
+  - type: textarea
+    id: Suggestion
+    attributes:
+      label: Suggestion / Feature Request
+      description: Describe the feature(s) you would like to see added.
+      placeholder: Tell us your suggestion
+    validations:
+      required: true
+
+  - type: textarea
+    id: why-usage
+    attributes:
+      label: Why would this be useful?
+      description: Describe why this feature would be useful.
+      placeholder: Tell us why this would be useful to have this feature
+    validations:
+      required: false
+
+  - type: textarea
+    id: screenshots-assets
+    attributes:
+      label: Screenshots/Assets/Relevant links
+      description: If applicable, add screenshots, assets or any relevant links that can help understand the issue.
+      placeholder: Provide any relevant material here
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/question.yaml

@@ -0,0 +1,17 @@
+name: ❓ Question
+description: Ask a question about this project
+title: '❓ [Question]: '
+labels: ['question']
+body:
+  - type: markdown
+    attributes:
+      value: |
+        We appreciate your interest in this project. Please be sure to include as much detail & context about your question as possible!
+
+  - type: textarea
+    id: Question
+    attributes:
+      label: Your Question
+      description: Describe your question in detail.
+    validations:
+      required: true

.github/SECURITY.md

@@ -0,0 +1,28 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 0.0.x   | :x: |
+
+## 🔒️ Reporting a Vulnerability
+
+If you have identified a security vulnerability in system or product please `RayVentura` with your findings. We strongly recommend using our `PGP key` to prevent this information from falling into the wrong hands.
+
+### Disclosure Policy
+
+Upon receipt of a security report the following steps will be taken:
+
+- Acknowledge your report within 48 hours, and provide a further more detailed update within 48 hours.
+- Confirm the problem and determine the affected versions
+- Keep you informed of the progress towards resolving the problem and notify you when the vulnerability has been fixed.
+- Audit code to find any potential similar problems.
+- Prepare fixes for all releases still under maintenance. These fixes will be released as fast as possible.
+- Handle your report with strict confidentiality, and not pass on your personal details to third parties without your permission.
+
+Whilst the issue is under investigation
+
+- **Do** provide as much information as possible.
+- **Do not** exploit of the vulnerability or problem you have discovered.
+- **Do not** reveal the problem to others until it has been resolved.

.github/config.yml

@@ -0,0 +1,21 @@
+# Configuration for new-issue-welcome - https://github.com/behaviorbot/new-issue-welcome
+
+# Comment to be posted to on first time issues
+newIssueWelcomeComment: >
+  Thanks for opening your first issue! Reports like these help improve the project!
+
+# Configuration for new-pr-welcome - https://github.com/behaviorbot/new-pr-welcome
+
+# Comment to be posted to on PRs from first time contributors in your repository
+newPRWelcomeComment: >
+  Thanks for opening this pull request!
+
+# Configuration for first-pr-merge - https://github.com/behaviorbot/first-pr-merge
+
+# Comment to be posted to on pull requests merged by a first time user
+firstPRMergeComment: >
+  Congrats on merging your first pull request!
+
+# The keyword to find for Todo Bot issue
+todo:
+  keyword: '@todo'

.github/issue_label_bot.yaml

@@ -0,0 +1,4 @@
+label-alias:
+    bug: 'Type: Bug'
+    feature_request: 'Type: Feature'
+    question: 'Type: Question'

.github/pull_request_template.md

@@ -0,0 +1,30 @@
+## Proposed changes
+
+Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request. If it fixes a bug or resolves a feature request, be sure to link to that issue. 👀🔧
+
+## Types of changes
+
+What types of changes does your code introduce to this project?
+_Put an `x` in the boxes that apply_ 😄🚀
+
+- [ ] Bugfix (non-breaking change which fixes an issue) 🐛
+- [ ] New feature (non-breaking change which adds functionality) ✨
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected) 💥
+- [ ] Documentation Update (if none of the other choices apply) 📖
+
+## Checklist
+
+_Put an `x` in the boxes that apply. You can also fill these out after creating the PR. If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code._ ✅
+
+- [ ] I have read the CONTRIBUTING.md 📚
+- [ ] I have added tests that prove my fix is effective or that my feature works ✅✔️
+- [ ] I have added necessary documentation (if appropriate) 📝
+
+## Further comments
+
+If this is a relatively large or complex change, kick off the discussion by explaining why you chose the solution you did and what alternatives you considered, etc... 💡❓
+
+
+## References and related issues (e.g. #1234)
+
+N/A 📌

.github/settings.yml

@@ -0,0 +1,190 @@
+repository:
+  # See https://developer.github.com/v3/repos/#edit for all available settings.
+
+  # The name of the repository. Changing this will rename the repository
+  #name: repo-name
+
+  # A short description of the repository that will show up on GitHub
+  #description: description of repo
+
+  # A URL with more information about the repository
+  #homepage: https://example.github.io/
+
+  # A comma-separated list of topics to set on the repository
+  #topics: project, template, project-template
+
+  # Either `true` to make the repository private, or `false` to make it public.
+  #private: false
+
+  # Either `true` to enable issues for this repository, `false` to disable them.
+  has_issues: true
+
+  # Either `true` to enable the wiki for this repository, `false` to disable it.
+  has_wiki: true
+
+  # Either `true` to enable downloads for this repository, `false` to disable them.
+  #has_downloads: true
+
+  # Updates the default branch for this repository.
+  default_branch: stable
+
+  # Either `true` to allow squash-merging pull requests, or `false` to prevent
+  # squash-merging.
+  #allow_squash_merge: true
+
+  # Either `true` to allow merging pull requests with a merge commit, or `false`
+  # to prevent merging pull requests with merge commits.
+  #allow_merge_commit: true
+
+  # Either `true` to allow rebase-merging pull requests, or `false` to prevent
+  # rebase-merging.
+  #allow_rebase_merge: true
+
+# Labels: define labels for Issues and Pull Requests
+labels:
+  - name: 'Type: Bug'
+    color: e80c0c
+    description: Something isn't working as expected.
+
+  - name: 'Type: Enhancement'
+    color: 54b2ff
+    description: Suggest an improvement for an existing feature.
+
+  - name: 'Type: Feature'
+    color: 54b2ff
+    description: Suggest a new feature.
+
+  - name: 'Type: Security'
+    color: fbff00
+    description: A problem or enhancement related to a security issue.
+
+  - name: 'Type: Question'
+    color: 9309ab
+    description: Request for information.
+
+  - name: 'Type: Test'
+    color: ce54e3
+    description: A problem or enhancement related to a test.
+
+  - name: 'Status: Awaiting Review'
+    color: 24d15d
+    description: Ready for review.
+
+  - name: 'Status: WIP'
+    color: 07b340
+    description: Currently being worked on.
+
+  - name: 'Status: Waiting'
+    color: 38C968
+    description: Waiting on something else to be ready.
+
+  - name: 'Status: Stale'
+    color: 66b38a
+    description: Has had no activity for some time.
+
+  - name: 'Duplicate'
+    color: EB862D
+    description: Duplicate of another issue.
+
+  - name: 'Invalid'
+    color: faef50
+    description: This issue doesn't seem right.
+
+  - name: 'Priority: High +'
+    color: ff008c
+    description: Task is considered higher-priority.
+
+  - name: 'Priority: Low -'
+    color: 690a34
+    description: Task is considered lower-priority.
+
+  - name: 'Documentation'
+    color: 2fbceb
+    description: An issue/change with the documentation.
+
+  - name: "Won't fix"
+    color: C8D9E6
+    description: Reported issue is working as intended.
+
+  - name: '3rd party issue'
+    color: e88707
+    description: This issue might be caused by a 3rd party script/package/other reasons
+
+  - name: 'Os: Windows'
+    color: AEB1C2
+    description: Is Windows-specific
+
+  - name: 'Os: Mac'
+    color: AEB1C2
+    description: Is Mac-specific
+
+  - name: 'Os: Linux'
+    color: AEB1C2
+    description: Is Linux-specific
+
+  - name: 'Os: Google Colab'
+    color: AEB1C2
+    description: Is Google Colab-specific
+#
+#
+# # Collaborators: give specific users access to this repository.
+# # See https://developer.github.com/v3/repos/collaborators/#add-user-as-a-collaborator for available options
+# collaborators:
+#   # - username: bkeepers
+#   #   permission: push
+#   # - username: hubot
+#   #   permission: pull
+
+#   # Note: `permission` is only valid on organization-owned repositories.
+#   # The permission to grant the collaborator. Can be one of:
+#   # * `pull` - can pull, but not push to or administer this repository.
+#   # * `push` - can pull and push, but not administer this repository.
+#   # * `admin` - can pull, push and administer this repository.
+#   # * `maintain` - Recommended for project managers who need to manage the repository without access to sensitive or destructive actions.
+#   # * `triage` - Recommended for contributors who need to proactively manage issues and pull requests without write access.
+
+# # See https://developer.github.com/v3/teams/#add-or-update-team-repository for available options
+# teams:
+#   - name: core
+#     # The permission to grant the team. Can be one of:
+#     # * `pull` - can pull, but not push to or administer this repository.
+#     # * `push` - can pull and push, but not administer this repository.
+#     # * `admin` - can pull, push and administer this repository.
+#     # * `maintain` - Recommended for project managers who need to manage the repository without access to sensitive or destructive actions.
+#     # * `triage` - Recommended for contributors who need to proactively manage issues and pull requests without write access.
+#     permission: admin
+#   - name: docs
+#     permission: push
+
+# branches:
+#   - name: master
+#     # https://developer.github.com/v3/repos/branches/#update-branch-protection
+#     # Branch Protection settings. Set to null to disable
+#     protection:
+#       # Required. Require at least one approving review on a pull request, before merging. Set to null to disable.
+#       required_pull_request_reviews:
+#         # The number of approvals required. (1-6)
+#         required_approving_review_count: 1
+#         # Dismiss approved reviews automatically when a new commit is pushed.
+#         dismiss_stale_reviews: true
+#         # Blocks merge until code owners have reviewed.
+#         require_code_owner_reviews: true
+#         # Specify which users and teams can dismiss pull request reviews. Pass an empty dismissal_restrictions object to disable. User and team dismissal_restrictions are only available for organization-owned repositories. Omit this parameter for personal repositories.
+#         dismissal_restrictions:
+#           users: []
+#           teams: []
+#       # Required. Require status checks to pass before merging. Set to null to disable
+#       required_status_checks:
+#         # Required. Require branches to be up to date before merging.
+#         strict: true
+#         # Required. The list of status checks to require in order to merge into this branch
+#         contexts: []
+#       # Required. Enforce all configured restrictions for administrators. Set to true to enforce required status checks for repository administrators. Set to null to disable.
+#       enforce_admins: true
+#       # Prevent merge commits from being pushed to matching branches
+#       required_linear_history: true
+#       # Required. Restrict who can push to this branch. Team and user restrictions are only available for organization-owned repositories. Set to null to disable.
+#       restrictions:
+#         apps: []
+#         users: []
+#         teams: []

.github/workflows/generate_release-changelog.yaml

@@ -0,0 +1,33 @@
+name: Create Release
+
+on:
+  push:
+    tags:
+      - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10
+
+jobs:
+  build:
+    name: Create Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Changelog
+        uses: Bullrich/generate-release-changelog@master
+        id: Changelog
+        env:
+          REPO: ${{ github.repository }}
+      - name: Create Release
+        id: create_release
+        uses: actions/create-release@latest
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # This token is provided by Actions, you do not need to create your own token
+        with:
+          tag_name: ${{ github.ref }}
+          release_name: Release ${{ github.ref }}
+          body: |
+            ${{ steps.Changelog.outputs.changelog }}
+          draft: false
+          prerelease: false

.gitignore

@@ -0,0 +1,28 @@
+!*.py
+!*.json
+!*.yaml
+!*.template
+*.pyc
+**/__pycache__/
+test.py
+public/*
+!public/white_reddit_template.png
+!public/subscribe-animation.mp4
+z_doc/*
+z_other/*
+videos/*
+.logs/
+.editing_assets/*
+.database/api_db.json
+.database/content_db.json
+.database/asset_db.json
+flagged/
+.vscode
+.env
+ShortGPT.egg-info
+dist
+build
+setup
+test.ipynb
+.venv/
+MANIFEST.in

CHANGES.txt

@@ -0,0 +1,20 @@
+# CHANGES
+
+## Version 0.1.31
+- Fixing issue in AssetDatabase, where it was copying unexisting asset template file
+## Version 0.1.3
+- Requiring a youtube url as the subscribe animation url in the EditingStep.ADD_SUBSCRIBE_ANIMATION step.
+- Adding a default subscribe animation youtube link by default shipped in the AssetDatabase
+- Making path imports relative for gpt prompts and editing blocks and flows.
+## Version 0.1.2
+- Improving logs in content engines
+## Version 0.1.1
+- Adding AssetType in AssetDatabase
+- Adding ApiProvider in api_db
+- Fixing pip libary missing editing_framework module, prompt_template module
+## Version 0.1.0
+- Fixing the AssetDatabase when it's empty
+## Version 0.0.2
+- Implemented the content_translation_engine; a multilingual video dubbing content engine. The source can be found at shortGPT/engine/content_translation_engine.py.
+- Implemented the new EdgeTTS voice module; it can be found at shortgpt/audio/edge_voice_module.
+- Added documentation which can be found under docs/.

Dockerfile

@@ -0,0 +1,38 @@
+# Use an official Python runtime as the parent image
+FROM python:3.11-bullseye
+RUN apt-get update && apt-get install -y \
+    ffmpeg \
+    imagemagick \
+    ghostscript \
+    fonts-roboto \
+    && apt-get clean && rm -rf /var/lib/apt/lists/*
+# Update font cache
+RUN fc-cache -f -v
+
+RUN sed -i '/<policy domain="path" rights="none" pattern="@\*"/d' /etc/ImageMagick-6/policy.xml
+# Clean up APT when done
+RUN apt-get clean && rm -rf /var/lib/apt/lists/*
+
+# Set the working directory in the container to /app
+WORKDIR /app
+
+# Install any Python packages specified in requirements.txt
+# Copy requirements file
+COPY requirements.txt .
+
+# Install dependencies
+RUN pip install -r requirements.txt
+
+# Copy the local package directory content into the container at /app
+COPY . /app
+
+EXPOSE 31415
+
+# Define any environment variables
+# ENV KEY Value
+
+# Print environment variables (for debugging purposes, you can remove this line if not needed)
+RUN ["printenv"]
+
+# Run Python script when the container launches
+CMD ["python", "./runShortGPT.py"]

LICENSE

@@ -0,0 +1,35 @@
+ShortGPT License
+
+Depending on the type of your legal entity, you are granted permission to use ShortGPT for your project. Individuals and small companies are allowed to use ShortGPT to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
+
+    Free license
+    Company license
+
+Free license
+
+Copyright © 2023 ShortGPT
+Eligibility
+
+You are eligible to use ShortGPT for free if you are:
+
+    an individual
+    a for-profit organization with a gross revenue up to 314 159$ a year.
+    a non-profit or not-for-profit organization
+    evaluating whether ShortGPT is a good fit, and are not yet using it in a commercial way
+
+Allowed use cases
+
+Permission is hereby granted, free of charge, to any person eligible for the "Free license", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to ShortGPT.
+Disallowed use cases
+
+It is not allowed to copy or modify ShortGPT code for the purpose of selling, renting, licensing, relicensing, or sublicensing your own derivate of ShortGPT.
+Warranty notice
+
+The software is provided "as is", without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose, and non-infringement. In no event shall the author or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
+Support
+
+Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
+Company license
+
+You are required to obtain a company license to use ShortGPT if you are not within the group of entities eligible for a free license. This license will enable you to use ShortGPT for the allowed use cases specified in the free license, and give you access to prioritized support.
+We will deduct 10% of the revenue generated from ShortGPT as part of the payment for the company license.

README-Docker.md

@@ -0,0 +1,21 @@
+# To run ShortGPT docker:
+
+
+First make a .env file with the API keys like this:
+
+```bash
+OPENAI_API_KEY=sk-_put_your_openai_api_key_here
+ELEVENLABS_API_KEY=put_your_eleven_labs_api_key_here
+PEXELS_API_KEY=put_your_pexels_api_key_here
+```
+
+
+To run Dockerfile do this:
+```bash
+docker build -t short_gpt_docker:latest .
+docker run -p 31415:31415 --env-file .env short_gpt_docker:latest
+```
+Export Docker image:
+```bash
+docker save short_gpt_docker > short_gpt_docker.tar
+```

README.md

@@ -1,12 +1,131 @@
----
-title: Shorts
-emoji: 🐠
-colorFrom: purple
-colorTo: pink
-sdk: gradio
-sdk_version: 4.22.0
-app_file: app.py
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# 🚀🎬 ShortGPT 
+## (Note: ShortX is out, a paid premium automation factory with more capabilities than ShortGPT, check it out at [shortx.ai](https://shortx.ai?ref=sgpt))
+<p align="center">
+  <a href="https://discord.gg/uERx39ru3R">
+    <img src="https://dcbadge.vercel.app/api/server/uERx39ru3R?compact=true&style=flat">
+  </a>
+  <a href="https://star-history.com/#rayventura/shortgpt)">
+    <img src="https://img.shields.io/github/stars/rayventura/shortgpt?style=social">
+  </a>
+  <a href="https://pypi.org/project/shortgpt/">
+    <img src="https://static.pepy.tech/personalized-badge/shortgpt?period=month&units=international_system&left_color=blue&right_color=green&left_text=Downloads/month">
+  </a>
+  <a href="https://docs.shortgpt.ai/">
+    <img src="https://img.shields.io/badge/docs-visit-blue">
+  </a>  
+</p>
+
+<div align="center" style="border-radius: 20px;" width="18%">
+    <img src="https://github.com/RayVentura/ShortGPT/assets/121462835/083c8dc3-bac5-42c1-a08d-3ff9686d18c5" alt="ShortGPT-logo" style="border-radius: 20px;" width="18%"/>
+</div>
+<div align="center">
+  <a href="https://discord.gg/uERx39ru3R">
+    <img src="https://img.shields.io/discord/1126042224979886160?color=7289da&logo=discord&logoColor=blue&labelColor=white&color=cyan" alt="Join our Discord" height="34">
+  </a>
+</div>
+
+<div align="center">
+⚡ Automating video and short content creation with AI ⚡
+</div>
+</br>
+
+Follow the installation steps below for running the web app locally (running the google Colab is highly recommanded). 
+Please read "installation-notes.md" for more details.
+## 🎥 Showcase ([Full video on YouTube](https://youtu.be/hpoSHq-ER8U))
+
+https://github.com/RayVentura/ShortGPT/assets/121462835/a802faad-0fd7-4fcb-aa82-6365c27ea5fe
+## 🎥 Voice Dubbing
+
+
+https://github.com/RayVentura/ShortGPT/assets/121462835/06f51b2d-f8b1-4a23-b299-55e0e18902ef
+
+## 🌟 Show Your Support
+We hope you find ShortGPT helpful! If you do, let us know by giving us a star ⭐ on the repo. It's easy, just click on the 'Star' button at the top right of the page. Your support means a lot to us and keeps us motivated to improve and expand ShortGPT. Thank you and happy content creating! 🎉 
+
+[![GitHub star chart](https://img.shields.io/github/stars/rayventura/shortgpt?style=social)](https://github.com/RayVentura/ShortGPT/stargazers)
+## 🛠️ How it works
+![alt text](https://github.com/RayVentura/ShortGPT/assets/121462835/fcee74d4-f856-4481-949f-244558bf3bfa)
+## 📝 Introduction to ShortGPT 
+ShortGPT is a powerful framework for automating content creation. It simplifies video creation, footage sourcing, voiceover synthesis, and editing tasks. Of the most popular use-cases of ShortGPT is youtube automation and Tiktok creativity program automation.
+
+- 🎞️ **Automated editing framework**: Streamlines the video creation process with an LLM oriented video editing language.
+
+- 📃 **Scripts and Prompts**: Provides ready-to-use scripts and prompts for various LLM automated editing processes.
+
+- 🗣️ **Voiceover / Content Creation**: Supports multiple languages including English 🇺🇸, Spanish 🇪🇸, Arabic 🇦🇪, French 🇫🇷, Polish 🇵🇱, German 🇩🇪, Italian 🇮🇹, Portuguese 🇵🇹, Russian 🇷🇺, Mandarin Chinese 🇨🇳, Japanese 🇯🇵, Hindi 🇮🇳,Korean 🇰🇷, and way over 30 more languages (with EdgeTTS)
+
+- 🔗 **Caption Generation**: Automates the generation of video captions.
+
+- 🌐🎥 **Asset Sourcing**: Sources images and video footage from the internet, connecting with the web and Pexels API as necessary.
+
+- 🧠 **Memory and persistency**: Ensures long-term persistency of automated editing variables with TinyDB.
+
+## 🚀 Quick Start: Run ShortGPT on Google Colab (https://colab.research.google.com/drive/1_2UKdpF6lqxCqWaAcZb3rwMVQqtbisdE?usp=sharing)
+
+If you prefer not to install the prerequisites on your local system, you can use the Google Colab notebook. This option is free and requires no installation setup.
+
+1. Click on the link to the Google Colab notebook: [https://colab.research.google.com/drive/1_2UKdpF6lqxCqWaAcZb3rwMVQqtbisdE?usp=sharing](https://colab.research.google.com/drive/1_2UKdpF6lqxCqWaAcZb3rwMVQqtbisdE?usp=sharing)
+
+2. Once you're in the notebook, simply run the cells in order from top to bottom. You can do this by clicking on each cell and pressing the 'Play' button, or by using the keyboard . Enjoy using ShortGPT!
+
+# Instructions for running shortGPT locally
+This guide provides step-by-step instructions for installing shortGPT and its dependencies.
+To run ShortGPT locally, you need Docker.
+
+## Installation Steps
+
+To run ShortGPT, you need to have docker. Follow the instructions "installation-notes.md" for more details.
+
+1. For running the Dockerfile, do this:
+```bash
+docker build -t short_gpt_docker:latest .
+docker run -p 31415:31415 --env-file .env short_gpt_docker:latest
+```
+## Running runShortGPT.py Web Interface
+
+2. After running the script, a Gradio interface should open at your local host on port 31415 (http://localhost:31415)
+ 
+
+## Framework overview
+
+- 🎬 The `ContentShortEngine` is designed for creating shorts, handling tasks from script generation to final rendering, including adding YouTube metadata.
+
+- 🎥 The `ContentVideoEngine` is ideal for longer videos, taking care of tasks like generating audio, automatically sourcing background video footage, timing captions, and preparing background assets.
+
+- 🗣️ The `ContentTranslationEngine` is designed to dub and translate entire videos, from mainstream languages to more specific target languages. It takes a video file, or youtube link, transcribe it's audio, translates the content, voices it in a target language, adds captions , and gives back a new video, in a totally different language.
+
+- 🎞️ The automated `EditingEngine`, using Editing Markup Language and JSON, breaks down the editing process into manageable and customizable blocks, comprehensible to Large Language Models.
+
+💡 ShortGPT offers customization options to suit your needs, from language selection to watermark addition.
+
+🔧 As a framework, ShortGPT is adaptable and flexible, offering the potential for efficient, creative content creation.
+
+More documentation incomming, please be patient.
+
+
+## Technologies Used
+
+ShortGPT utilizes the following technologies to power its functionality:
+
+- **Moviepy**: Moviepy is used for video editing, allowing ShortGPT to make video editing and rendering
+
+- **Openai**: Openai is used for automating the entire process, including generating scripts and prompts for LLM automated editing processes.
+
+- **ElevenLabs**: ElevenLabs is used for voice synthesis, supporting multiple languages for voiceover creation.
+
+- **EdgeTTS**: Microsoft's FREE EdgeTTS is used for voice synthesis, supporting way many more language than ElevenLabs currently.
+
+- **Pexels**: Pexels is used for sourcing background footage, allowing ShortGPT to connect with the web and access a wide range of images and videos.
+
+- **Bing Image**: Bing Image is used for sourcing images, providing a comprehensive database for ShortGPT to retrieve relevant visuals.
+
+These technologies work together to provide a seamless and efficient experience in automating video and short content creation with AI.
+
+## 💁 Contributing
+
+As an open-source project in a rapidly developing field, we are extremely open to contributions, whether it would be in the form of a new feature, improved infrastructure, or better documentation.
+<p align="center">
+  <a href="https://star-history.com/#RayVentura/ShortGPT&Date">
+    <img src="https://api.star-history.com/svg?repos=RayVentura/ShortGPT&type=Date" alt="Star History Chart">
+  </a>
+</p>

docs/.gitignore

@@ -0,0 +1,20 @@
+# Dependencies
+/node_modules
+
+# Production
+/build
+
+# Generated files
+.docusaurus
+.cache-loader
+
+# Misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

docs/README.md

@@ -0,0 +1,10 @@
+# ShortGPT Documentation
+# Installation
+
+1. `yarn install` in the root of this repository (two level above this directory).
+1. In this directory, do `yarn start`.
+1. A browser window will open up, pointing to the docs.
+
+# Deployment
+
+Vercel handles the deployment of this website.

docs/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+};

docs/docs/api-key-manager.mdx

@@ -0,0 +1,52 @@
+---
+title: ApiKeyManager in ShortGPT
+sidebar_label: ApiKeyManager
+---
+
+# ApiKeyManager in ShortGPT
+
+ApiKeyManager is a class in the ShortGPT framework that manages the API keys for different providers. It interacts with the database to get and set API keys.
+
+## Importing ApiKeyManager
+
+```python
+from shortGPT.config.api_db import ApiKeyManager, ApiProvider
+```
+
+## Using ApiKeyManager
+
+ApiKeyManager provides two main methods: `get_api_key` and `set_api_key`.
+
+### set_api_key
+
+This method is used to set the API key for a specific provider in the database. It takes two arguments: the key (provider name) and the value (API key).
+
+```python
+ApiKeyManager.set_api_key(ApiProvider.OPENAI, "your_openai_key")
+ApiKeyManager.set_api_key(ApiProvider.ELEVEN_LABS, "your_eleven_labs_key")
+```
+
+In the above example, we are setting the API keys for OPENAI and ELEVEN_LABS.
+
+### get_api_key
+
+This method is used to retrieve the API key for a specific provider from the database. It takes one argument: the key (provider name).
+
+```python
+openai_key = ApiKeyManager.get_api_key(ApiProvider.OPENAI)
+eleven_labs_key = ApiKeyManager.get_api_key(ApiProvider.ELEVEN_LABS)
+```
+In the above example, we are retrieving the API keys for OPENAI and ELEVEN_LABS.
+
+## Note
+
+The `key` argument in both methods can either be a string or an instance of the `ApiProvider` enum. If it is an instance of `ApiProvider`, the `value` attribute of the enum instance will be used as the key.
+
+```python
+ApiKeyManager.set_api_key("OPENAI", "your_openai_key")
+ApiKeyManager.set_api_key("ELEVEN LABS", "your_eleven_labs_key")
+
+openai_key = ApiKeyManager.get_api_key("OPENAI")
+eleven_labs_key = ApiKeyManager.get_api_key("ELEVEN LABS")
+```
+In the above example, we are setting and retrieving the API keys using string keys instead of `ApiProvider` instances.

docs/docs/asset-database.mdx

@@ -0,0 +1,88 @@
+---
+title: AssetDatabase in ShortGPT
+sidebar_label: AssetDatabase
+---
+
+# AssetDatabase in ShortGPT
+
+The `AssetDatabase` in ShortGPT is a powerful tool that allows you to manage both local and remote assets. This guide will provide you with examples of how to use the `AssetDatabase`.
+
+## Importing AssetDatabase and AssetType
+
+```python
+from shortGPT.config.asset_db import AssetDatabase, AssetType
+```
+
+## Adding Assets
+
+You can add both remote and local assets to the `AssetDatabase`.
+
+### Adding Remote Assets
+
+```python
+AssetDatabase.add_remote_asset("minecraft background cube", AssetType.BACKGROUND_VIDEO, "https://www.youtube.com/watch?v=Pt5_GSKIWQM")
+AssetDatabase.add_remote_asset('chill music', AssetType.BACKGROUND_MUSIC, "https://www.youtube.com/watch?v=uUu1NcSHg2E")
+```
+
+### Adding Local Assets
+
+```python
+AssetDatabase.add_local_asset('my_music', AssetType.AUDIO, "./my_music.wav")
+```
+
+## Asset Types
+
+The `AssetType` enum is used to specify the type of asset being added to the `AssetDatabase`. The available asset types are:
+
+- VIDEO
+- AUDIO
+- IMAGE
+- BACKGROUND_MUSIC
+- BACKGROUND_VIDEO
+- OTHER
+
+## Getting Asset Information
+
+You can retrieve information about an asset using the following methods:
+
+### Get Asset Duration
+
+This method returns the duration in seconds of a video or audio asset. If the asset is neither video nor audio, it returns `None`.
+
+```python
+AssetDatabase.get_asset_duration('minecraft background cube')
+```
+
+### Get Asset Link
+
+This method returns a source URL, or the path of the resource. If the asset is a YouTube video or audio, it uses `yt-dlp` to extract a download URL or a direct video/audio link.
+
+```python
+AssetDatabase.get_asset_link('minecraft background cube')
+```
+
+## Synchronizing Local Assets
+
+The `sync_local_assets` method synchronizes the database with local assets found in the `/public` folder. If it doesn't find one, it doesn't do anything.
+
+```python
+AssetDatabase.sync_local_assets()
+```
+
+## Removing Assets
+
+You can remove an asset from the database by providing its name to the `remove_asset` method.
+
+```python
+AssetDatabase.remove_asset('name')
+```
+
+## Getting Database State
+
+You can get the state of the asset database as a pandas dataframe using the `get_df` method.
+
+```python
+AssetDatabase.get_df()
+```
+
+This method returns a dataframe that includes the name, type, link, source, and timestamp of each asset in the database.

docs/docs/content-translation-engine.mdx

@@ -0,0 +1,69 @@
+---
+title: ContentTranslationEngine
+sidebar_label: ContentTranslationEngine
+---
+
+The `ContentTranslationEngine` in ShortGPT is a powerful tool that automates the process of translating video content. This guide will provide you with an overview of how to use the `ContentTranslationEngine`.
+
+## Importing ContentTranslationEngine
+
+```python
+from shortGPT.engine.content_translation_engine import ContentTranslationEngine
+```
+
+## Initializing ContentTranslationEngine
+
+The `ContentTranslationEngine` requires a `VoiceModule`, a source URL (either a local video file path or a YouTube link), a target language, and an optional flag indicating whether to use captions for translation.
+
+```python
+content_engine = ContentTranslationEngine(voice_module, src_url, target_language, use_captions=False)
+```
+
+## Example
+
+```python
+from shortGPT.config.api_db import ApiKeyManager, ApiProvider
+from shortGPT.engine.content_translation_engine import ContentTranslationEngine
+from shortGPT.config.languages import Language
+from shortGPT.audio.edge_voice_module import EdgeTTSVoiceModule, EDGE_TTS_VOICENAME_MAPPING
+
+# Set API Keys
+ApiKeyManager.set_api_key(ApiProvider.OPENAI, "your_openai_key")
+ApiKeyManager.set_api_key(ApiProvider.ELEVEN_LABS, "your_eleven_labs_key")
+
+# Configure the Voice Module
+voice_name = EDGE_TTS_VOICENAME_MAPPING[Language.SPANISH]['male']
+voice_module = EdgeTTSVoiceModule(voice_name)
+
+# Configure Content Engine
+src_url = "https://www.youtube.com/watch?v=QQz5hj8y1TE"
+target_language = Language.SPANISH
+use_captions = False
+content_engine = ContentTranslationEngine(voice_module, src_url, target_language, use_captions)
+
+# Generate Content
+for step_num, step_logs in content_engine.makeContent():
+    print(f" {step_logs}")
+
+# Get Video Output Path
+print(content_engine.get_video_output_path())
+```
+
+## How ContentTranslationEngine Works
+
+The `ContentTranslationEngine` works by executing a series of steps defined in the `stepDict` dictionary. Each step is a method that performs a specific task in the video translation process. Here's what each step does:
+
+1. `_transcribe_audio`: Transcribes the audio from the source video
+2. `_translate_content`: Translates the transcribed content from the source language to the target language.
+3. `_generate_translated_audio`: Generates translated audio using the translated content and the specified `VoiceModule`.
+4. `_edit_and_render_video`: Edits and renders the translated video.
+5. `_add_metadata`: Adds metadata to the translated video.
+
+## Providing a Source URL
+
+The `ContentTranslationEngine` requires a source URL, which can be either a local video file path or a YouTube link for a youtube Video, or a Youtube Shorts. The engine uses this source URL to retrieve the audio and video content for translation.
+
+## Using Captions for Translation
+
+Set the `use_captions` flag to `True` to see text captions on the video generated that are timed with the audio voice.
+

docs/docs/content-video-engine.mdx

@@ -0,0 +1,77 @@
+---
+title: ContentVideoEngine
+sidebar_label: ContentVideoEngine
+---
+
+The `ContentVideoEngine` in ShortGPT is a powerful tool that encapsulates all the automation required to create a video. This guide will provide you with an overview of how to use the `ContentVideoEngine`.
+
+## Importing ContentVideoEngine
+
+```python
+from shortGPT.engine.content_video_engine import ContentVideoEngine
+```
+
+## Initializing ContentVideoEngine
+
+The `ContentVideoEngine` requires a `VoiceModule`, a script, and optionally a background music name, a watermark (string with the name of your channel / brand), a flag indicating whether the video you want is in vertical format, and a language.
+
+```python
+content_engine = ContentVideoEngine(voice_module, script, background_music_name="", watermark=None, isVerticalFormat=False, language=Language.ENGLISH)
+```
+## Example
+
+```python
+from shortGPT.config.api_db import ApiKeyManager, ApiProvider
+from shortGPT.config.asset_db import AssetDatabase, AssetType
+from shortGPT.engine.content_video_engine import ContentVideoEngine
+from shortGPT.config.languages import Language
+from shortGPT.audio.edge_voice_module import EdgeTTSVoiceModule, EDGE_TTS_VOICENAME_MAPPING
+
+# Set API Keys
+ApiKeyManager.set_api_key(ApiProvider.OPENAI, "your_openai_key")
+ApiKeyManager.set_api_key(ApiProvider.PEXELS, "your_pexels_key")
+
+# Add Assets
+AssetDatabase.add_remote_asset('chill music', AssetType.BACKGROUND_MUSIC, "https://www.youtube.com/watch?v=uUu1NcSHg2E")
+
+# Configure the Voice Module
+voice_name = EDGE_TTS_VOICENAME_MAPPING[Language.SPANISH]['male']
+voice_module = EdgeTTSVoiceModule(voice_name)
+
+# Prepare the script
+script = "La inteligencia artificial (IA) está revolucionando nuestro mundo de manera sorprendente. Los robots y asistentes virtuales nos ayudan en nuestras tareas diarias y simplifican nuestra vida. En la medicina, la IA permite diagnósticos más precisos y avances en tratamientos. En la industria automotriz, los vehículos autónomos están cambiando la forma en que nos desplazamos. Sin embargo, surgen interrogantes sobre el impacto en el empleo y la ética de su uso. A pesar de los desafíos, la IA promete un futuro emocionante y lleno de posibilidades. ¿Estamos preparados para abrazar este avance tecnológico?"
+
+# Configure Content Engine
+content_engine = ContentVideoEngine(voice_module, script, background_music_name='chill music', language=Language.SPANISH)
+
+# Generate Content
+for step_num, step_logs in content_engine.makeContent():
+    print(f" {step_logs}")
+
+# Get Video Output Path
+print(content_engine.get_video_output_path())
+```
+
+In this example, we first set the API keys for OpenAI, and Pexels. We then add a remote asset for background music. We configure the voice module to use EdgeTTS for voice synthesis. We prepare a script for the video and then configure the `ContentVideoEngine` with the voice module, script, and background music. We then generate the content and print the output path of the video.
+## How ContentVideoEngine Works
+
+The `ContentVideoEngine` works by executing a series of steps defined in the `stepDict` dictionary. Each step is a method that performs a specific task in the video creation process. Here's what each step does:
+
+1. `_generateTempAudio`: Generates a temporary audio file from the provided script using the specified `VoiceModule`.
+2. `_speedUpAudio`: Speeds up the generated audio file to match the pace of a typical video.
+3. `_timeCaptions`: Generates timed captions for the video based on the script.
+4. `_generateVideoSearchTerms`: Generates search terms to find relevant videos on Pexels based on the script.
+5. `_generateVideoUrls`: Retrieves video URLs from Pexels using the generated search terms.
+6. `_chooseBackgroundMusic`: Chooses background music for the video.
+7. `_prepareBackgroundAssets`: Prepares the background assets for the video.
+8. `_prepareCustomAssets`: Prepares any custom assets for the video.
+9. `_editAndRenderShort`: Edits and renders the video.
+10. `_addMetadata`: Adds metadata to the video.
+
+## Using Pexels API
+
+The `ContentVideoEngine` sources video assets from the Pexels API. To use it, you need to provide your Pexels API key. The engine uses this key to retrieve relevant videos based on the search terms generated from the script.
+
+## Providing a Script
+
+The `ContentVideoEngine` requires a script to generate the video. The script is used to generate the audio, captions, and search terms for sourcing videos from Pexels. The script should be a string containing the narration for the video.

docs/docs/facts-short-engine.mdx

@@ -0,0 +1,84 @@
+---
+title: FactsShortEngine
+sidebar_label: FactsShortEngine
+---
+
+The `FactsShortEngine` in ShortGPT is a content engine specifically designed for generating short videos that present interesting facts. This guide will provide you with an overview of how to use the `FactsShortEngine`.
+
+## Importing FactsShortEngine
+
+```python
+from shortGPT.engine.facts_short_engine import FactsShortEngine
+```
+
+## Initializing FactsShortEngine
+
+The `FactsShortEngine` requires a `VoiceModule`, the type of facts you want to generate, a background video name, a background music name,  the number of images to include in the video, a watermark (string with the name of your channel / brand), and a language.
+
+```python
+content_engine = FactsShortEngine(voice_module, facts_type, background_video_name, background_music_name, num_images=None, watermark=None, language=Language.ENGLISH)
+```
+
+## Example
+
+```python
+from shortGPT.config.api_db import ApiKeyManager, ApiProvider
+from shortGPT.config.asset_db import AssetDatabase, AssetType
+from shortGPT.engine.facts_short_engine import FactsShortEngine
+from shortGPT.config.languages import Language
+from shortGPT.audio.edge_voice_module import EdgeTTSVoiceModule, EDGE_TTS_VOICENAME_MAPPING
+
+# Set API Keys
+ApiKeyManager.set_api_key(ApiProvider.OPENAI, "your_openai_key")
+
+# Add Assets
+AssetDatabase.add_remote_asset("minecraft background cube", AssetType.BACKGROUND_VIDEO, "https://www.youtube.com/watch?v=Pt5_GSKIWQM")
+AssetDatabase.add_remote_asset('chill music', AssetType.BACKGROUND_MUSIC, "https://www.youtube.com/watch?v=uUu1NcSHg2E")
+
+# Configure the Voice Module
+voice_name = EDGE_TTS_VOICENAME_MAPPING[Language.GERMAN]['male']
+voice_module = EdgeTTSVoiceModule(voice_name)
+
+# Configure Content Engine
+facts_video_topic = "Interesting scientific facts from the 19th century"
+content_engine = FactsShortEngine(voice_module=voice_module,
+    facts_type=facts_video_topic,
+    background_video_name="minecraft background cube", # <--- use the same name you saved in the AssetDatabase
+    background_music_name='chill music', # <--- use the same name you saved in the AssetDatabase
+    num_images=5, # If you don't want images in your video, put 0 or None
+    language=Language.GERMAN)
+
+# Generate Content
+for step_num, step_logs in content_engine.makeContent():
+    print(f" {step_logs}")
+
+# Get Video Output Path
+print(content_engine.get_video_output_path())
+```
+
+In this example, we first set the API keys for OpenAI. We then add remote assets for the background video and background music. We configure the voice module to use EdgeTTS for voice synthesis. We configure the `FactsShortEngine` with the voice module, facts type, background video name, background music name, number of images, and language. We then generate the content and print the output path of the video.
+
+## How FactsShortEngine Works
+
+The `FactsShortEngine` works by executing a series of steps defined in the `stepDict` dictionary. Each step is a method that performs a specific task in the video creation process. Here's what each step does:
+
+1. `_generateScript`: Generates the script for the facts short using the provided `facts_type`.
+2. `_generateTempAudio`: Generates a temporary audio file from the generated script using the specified `VoiceModule`.
+3. `_speedUpAudio`: Speeds up the generated audio file to match the pace of a typical video.
+4. `_timeCaptions`: Generates timed captions for the video based on the script.
+5. `_generateImageSearchTerms`: Generates search terms to find relevant images using the Bing search engine based on the script.
+6. `_generateImageUrls`: Retrieves image URLs from Bing using the generated search terms.
+7. `_chooseBackgroundMusic`: Chooses background music for the video.
+8. `_chooseBackgroundVideo`: Chooses a background video for the video.
+9. `_prepareBackgroundAssets`: Prepares the background assets for the video.
+10. `_prepareCustomAssets`: Prepares any custom assets for the video.
+11. `_editAndRenderShort`: Edits and renders the video.
+12. `_addYoutubeMetadata`: Adds metadata to the video.
+
+
+## Providing a Facts Type
+
+The `FactsShortEngine` requires a facts type to generate the script. The facts type should be a string indicating the specific category or topic of facts you want to include in the video.
+
+
+That's it! You have now successfully generated a facts short video using the FactsShortEngine in the ShortGPT framework.

docs/docs/getting-started.mdx

@@ -0,0 +1,59 @@
+---
+title: ShortGPT Hello World Example
+sidebar_label: ShortGPT Hello World Example
+---
+# ShortGPT Hello World Example
+
+This guide provides a basic example of how to use the shortGPT framework. ShortGPT encapsulates the entire process of content automation into `content engines`. In this example, we'll show you how to instantiate the FactsShortEngine, which will automate the production of the "Interesting Facts" niche of Shorts.
+
+## Prerequisites
+
+Before you start, make sure you have [followed the installation steps](./how-to-install) and have your API keys ready.
+
+## Code
+
+```python
+from shortGPT.config.api_db import ApiKeyManager, ApiProvider
+from shortGPT.config.asset_db import AssetDatabase, AssetType
+from shortGPT.engine.facts_short_engine import FactsShortEngine
+from shortGPT.audio.eleven_voice_module import ElevenLabsVoiceModule
+from shortGPT.config.languages import Language
+from shortGPT.audio.edge_voice_module import EdgeTTSVoiceModule, EDGE_TTS_VOICENAME_MAPPING
+
+# Set API Keys
+ApiKeyManager.set_api_key(ApiProvider.OPENAI, "your_openai_key")
+ApiKeyManager.set_api_key(ApiProvider.ELEVEN_LABS, "your_eleven_labs_key")
+
+# Add Assets
+AssetDatabase.add_remote_asset("minecraft background cube", AssetType.BACKGROUND_VIDEO, "https://www.youtube.com/watch?v=Pt5_GSKIWQM")
+AssetDatabase.add_remote_asset('chill music', AssetType.BACKGROUND_MUSIC, "https://www.youtube.com/watch?v=uUu1NcSHg2E")
+AssetDatabase.add_local_asset('my_music', AssetType.AUDIO, "./my_music.wav")
+
+USE_ELEVEN_LABS = False
+# Configure the ElevenLabs Voice Module
+if USE_ELEVEN_LABS:
+    eleven_labs_key = ApiKeyManager.get_api_key(ApiProvider.ELEVEN_LABS)
+    voice_module = ElevenLabsVoiceModule(api_key = eleven_labs_key, voiceName="Antoni")
+else:
+    ## You can also use the EdgeTTS for Free voice synthesis
+    voice_name = EDGE_TTS_VOICENAME_MAPPING[Language.GERMAN]['male']
+    voice_module = EdgeTTSVoiceModule(voice_name)
+
+# Configure Content Engine
+facts_video_topic = "Interesting scientific facts from the 19th century"
+content_engine = FactsShortEngine(voiceModule=voice_module,
+    facts_type=facts_video_topic,
+    background_video_name="minecraft background cube", # <--- use the same name you saved in  the AssetDatabase
+    background_music_name='chill music', # <--- use the same name you saved in  the AssetDatabase
+    num_images=5, # If you don't want images in your video, put 0 or None
+    language=Language.GERMAN)
+
+# Generate Content
+for step_num, step_logs in content_engine.makeContent():
+    print(f" {step_logs}")
+
+# Get Video Output Path
+print(content_engine.get_video_output_path())
+```
+
+That's it! You have now successfully generated your first content using the shortGPT framework.

docs/docs/how-to-install.mdx

@@ -0,0 +1,121 @@
+---
+title: Step-by-Step Guide to Installing ShortGPT
+sidebar_label: Installation Guide
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+# Launching Your ShortGPT Experience
+
+This guide will walk you through the process of setting up your machine to run the **ShortGPT** library. The setup requires two key components, ImageMagick and FFmpeg. Follow the steps below to get these dependencies installed.
+
+## Before You Begin
+
+Make sure you have the following installed on your machine:
+
+- Python 3.x
+- Pip (Python package installer)
+
+## Installation Process
+
+Here are the steps to install ImageMagick, FFmpeg, and the ShortGPT library.
+
+<Tabs groupId="operating-systems">
+  <TabItem value="win" label="Windows">
+
+### Step 1: Install ImageMagick 
+
+ImageMagick is a crucial component for ShortGPT. Download the installer from the official ImageMagick website. Click on the link below to get started.
+
+> **[👉 Download ImageMagick Here 👈](https://imagemagick.org/script/download.php)** 
+
+After downloading, follow the installation instructions provided on the website.
+
+### Step 2: Install FFmpeg (Essential for ShortGPT)
+
+FFmpeg is another key component for ShortGPT. Download the FFmpeg binaries from the link below:
+
+> **[👉 Download FFmpeg Here (click on 
+FFmpeg_Full.msi ) 👈](https://github.com/icedterminal/ffmpeg-installer/releases/tag/6.0.0.20230306)**
+
+The download will include ffmpeg and ffprobe and will add it to your path. Follow the installation instructions as guided.
+<details open>
+<summary><b>Step 3: Install ShortGPT Library</b></summary>
+
+- Open a terminal or command prompt.
+- Execute the following command:
+
+```bash
+pip install --upgrade shortgpt
+```
+
+</details>
+
+  </TabItem>
+
+  <TabItem value="mac" label="macOS">
+
+### Step 1: Install ImageMagick
+
+Run the command below in your command line:
+
+```bash
+brew install imagemagick
+```
+
+### Step 2: Install FFmpeg (Essential for ShortGPT)
+
+Run the command below in your command line:
+
+```bash
+brew install ffmpeg
+```
+
+<details open>
+<summary><b>Step 3: Install ShortGPT Library</b></summary>
+
+- Open a terminal or command prompt.
+- Execute the following command:
+
+```bash
+pip install --upgrade shortgpt
+```
+
+</details>
+
+  </TabItem>
+
+  <TabItem value="ubuntu" label="Ubuntu/Debian-based systems">
+
+### Step 1: Install ImageMagick
+
+Execute the following command:
+
+```bash
+sudo apt-get install imagemagick
+```
+
+### Step 2: Install FFmpeg
+
+Execute the following command:
+
+```bash
+sudo apt-get install ffmpeg
+```
+
+<details open>
+<summary><b>Step 3: Install ShortGPT Library</b></summary>
+
+- Open a terminal or command prompt.
+- Execute the following command:
+
+```bash
+pip install --upgrade shortgpt
+```
+
+</details>
+
+  </TabItem>
+</Tabs>
+
+And there you have it! Your machine is now ready to run ShortGPT. Dive into the world of automated video content creation with ShortGPT!

docs/docusaurus.config.js

@@ -0,0 +1,135 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const darkCodeTheme = require('prism-react-renderer/themes/dracula');
+const lightCodeTheme = require('prism-react-renderer/themes/github');
+
+// With JSDoc @type annotations, IDEs can provide config autocompletion
+/** @type {import('@docusaurus/types').DocusaurusConfig} */
+(
+  module.exports = {
+    title: 'ShortGPT',
+    tagline:
+      'Open-Source Framework for AI content automation',
+    url: 'https://dev.shortgpt.ai',
+    baseUrl: '/',
+    favicon: 'img/favicon.ico',
+    organizationName: 'RayVentura',
+    projectName: 'ShortGPT',
+    onBrokenLinks: 'throw',
+    onBrokenMarkdownLinks: 'throw',
+    presets: [
+      [
+        '@docusaurus/preset-classic',
+        /** @type {import('@docusaurus/preset-classic').Options} */
+        ({
+          docs: {
+            path: 'docs',
+            sidebarPath: 'sidebars.js',
+            editUrl:
+              'https://github.com/RayVentura/ShortGPT/edit/stable/docs/',
+            versions: {
+              current: {
+                label: 'current',
+              },
+            },
+            lastVersion: 'current',
+            showLastUpdateAuthor: true,
+            showLastUpdateTime: true,
+          },
+          theme: {
+            customCss: require.resolve('./src/css/custom.css'),
+          },
+        }),
+      ],
+    ],
+    plugins: ['tailwind-loader'],
+    themeConfig:
+      /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
+      ({
+        
+        navbar: {
+          hideOnScroll: true,
+          logo: {
+            alt: 'ShortGPT',
+            src: 'img/logo.png',
+          },
+          items: [
+            // left
+            {
+              label: 'Docs',
+              to: 'docs/how-to-install',
+              position: 'right',
+            },
+            // right
+            {
+              type: 'docsVersionDropdown',
+              position: 'right',
+            },
+            {
+              href: 'https://github.com/RayVentura/ShortGPT',
+              position: 'right',
+              className: 'header-github-link',
+            },
+          ],
+        },
+        colorMode: {
+          defaultMode: 'light',
+          disableSwitch: false,
+          respectPrefersColorScheme: true,
+        },
+        announcementBar: {
+          content:
+            '⭐️ If you like ShortGPT, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/rayventura/shortgpt">GitHub</a>! ⭐️',
+        },
+        footer: {
+          links: [
+            {
+              title: 'Docs',
+              items: [
+                {
+                  label: 'Getting Started',
+                  to: 'docs/how-to-install',
+                },
+
+              ],
+            },
+            {
+              title: 'ShortGPT',
+              items: [
+                {
+                  label: 'Issues',
+                  to: 'https://github.com/RayVentura/ShortGPT/issues',
+                },
+              ],
+            },
+            {
+              title: 'Community',
+              items: [
+                {
+                  label: 'Discord',
+                  to: 'https://discord.com/invite/bRTacwYrfX',
+                },
+              ],
+            },
+            {
+              title: 'Social',
+              items: [
+                {
+                  label: 'GitHub',
+                  to: 'https://github.com/RayVentura/ShortGPT',
+                },
+                {
+                  label: 'Twitter',
+                  to: 'https://twitter.com/RayVenturaHQ',
+                },
+              ],
+            },
+          ],
+          copyright: `ShortGPT ${new Date().getFullYear()}`,
+        },
+        prism: {
+          theme: lightCodeTheme,
+          darkTheme: darkCodeTheme,
+        },
+      }),
+  }
+);

docs/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "shortgpt-documentation",
+  "version": "3.5.1",
+  "private": true,
+  "scripts": {
+    "build:clean": "rm -rf dist build .docusaurus node_modules",
+    "docusaurus": "docusaurus",
+    "start": "docusaurus start",
+    "build": "docusaurus build",
+    "swizzle": "docusaurus swizzle",
+    "deploy": "docusaurus deploy",
+    "clear": "docusaurus clear",
+    "serve": "docusaurus serve",
+    "write-translations": "docusaurus write-translations",
+    "write-heading-ids": "docusaurus write-heading-ids"
+  },
+  "dependencies": {
+    "@algolia/ui-library": "9.10.2",
+    "@docsearch/react": "3.5.1",
+    "@docusaurus/core": "2.4.1",
+    "@docusaurus/preset-classic": "2.4.1",
+    "@mdx-js/react": "^1.6.22",
+    "clsx": "^1.1.1",
+    "file-loader": "6.2.0",
+    "my-loaders": "file:plugins/my-loaders",
+    "postcss": "8.4.25",
+    "postcss-import": "15.0.0",
+    "postcss-preset-env": "7.8.2",
+    "prism-react-renderer": "1.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwind-loader": "file:plugins/tailwind-loader",
+    "url-loader": "4.1.1"
+  },
+  "devDependencies": {
+    "postcss-loader": "6.2.1",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat"
+  },
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

docs/plugins/my-loaders/index.js

@@ -0,0 +1,18 @@
+module.exports = function () {
+  return {
+    name: 'loaders',
+    configureWebpack() {
+      return {
+        module: {
+          rules: [
+            {
+              test: /\.(gif|png|jpe?g|svg)$/i,
+              exclude: /\.(mdx?)$/i,
+              use: ['file-loader', { loader: 'image-webpack-loader' }],
+            },
+          ],
+        },
+      };
+    },
+  };
+};

docs/plugins/tailwind-loader/index.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+module.exports = function () {
+  return {
+    name: 'postcss-tailwindcss-loader',
+    configurePostCss(postcssOptions) {
+      postcssOptions.plugins.push(
+        require('postcss-import'),
+        require('tailwindcss'),
+        require('postcss-preset-env')({
+          autoprefixer: {
+            flexbox: 'no-2009',
+          },
+          stage: 4,
+        })
+      );
+      return postcssOptions;
+    },
+  };
+};

docs/sidebars.js

@@ -0,0 +1,33 @@
+/**
+ * Creating a sidebar enables you to:
+ * - create an ordered group of docs
+ * - render a sidebar for each doc of that group
+ * - provide next/previous navigation.
+ *
+ * The sidebars can be generated from the filesystem, or explicitly defined here.
+ *
+ * Create as many sidebars as you want.
+ */
+
+module.exports = {
+  docs: [
+    {
+      type: 'category',
+      label: 'Introduction',
+      collapsed: false,
+      items: ['how-to-install', 'getting-started'],
+    },
+    {
+      type: 'category',
+      label: 'Content Engines',
+      collapsed: false,
+      items: ['content-video-engine', 'content-translation-engine', 'facts-short-engine'],
+    },
+    {
+      type: 'category',
+      label: 'API Key and Asset',
+      collapsed: false,
+      items: ['api-key-manager', 'asset-database'],
+    },
+  ],
+};

docs/src/components/Home.js

@@ -0,0 +1,356 @@
+import { Hero } from '@algolia/ui-library';
+import { useColorMode } from '@docusaurus/theme-common';
+import { useBaseUrlUtils } from '@docusaurus/useBaseUrl';
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+function Home() {
+  const { withBaseUrl } = useBaseUrlUtils();
+  const { colorMode } = useColorMode();
+
+  React.useEffect(() => {
+    if (colorMode === 'dark') {
+      document.querySelector('html').classList.add('dark');
+    } else {
+      document.querySelector('html').classList.remove('dark');
+    }
+  }, [colorMode]);
+
+  function Header() {
+    return (
+      <Hero
+        id="hero"
+        title={
+          <>
+
+            <span className="hero-title text-4xl leading-10 font-extrabold text-blue-600 md:text-4xl lg:text-4xl md:leading-11 max-w-xs inline-block">
+              🚀🎬 SHORTGPT
+            </span>
+            <span className="hero-title text-3xl leading-9 font-extrabold md:text-3xl lg:text-3xl md:leading-10 max-w-xxs inline-block">
+              Opensource AI Content Automation Framework
+            </span>
+          </>
+        }
+        background="cubes"
+        cta={[
+          <Link
+            key="get-started"
+            to="/docs/how-to-install"
+            className="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-semibold rounded-full text-white bg-gradient-to-r from-purple-500 to-indigo-500 hover:from-purple-600 hover:to-indigo-600 hover:no-underline"
+          >
+            Get started
+          </Link>
+        ]}
+      />
+    );
+  }
+
+  function Description() {
+    return (
+      <>
+        {/* Description */}
+        <div className="py-8 overflow-hidden">
+          <div className="relative max-w-xl mx-auto px-4 md:px-6 lg:px-8 lg:max-w-screen-xl">
+            <div className="relative">
+              <h3 className="text-center text-3xl leading-8 font-extrabold tracking-tight md:text-4xl md:leading-10">
+                Automating video and short content creation with AI
+              </h3>
+              <p className="mt-4 max-w-3xl mx-auto text-center text-xl leading-7 text-description">
+                ShortGPT is a powerful framework for automating content creation. It simplifies video creation, footage sourcing, voiceover synthesis, and editing tasks.
+              </p>
+            </div>
+
+            <div className="pt-16">
+              <ul className="lg:grid lg:grid-cols-3 lg:col-gap-8 lg:row-gap-10">
+                <li>
+                  <div className="flex">
+                    <div className="flex-shrink-0">
+                      <div className="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
+                        <svg
+                          viewBox="0 0 20 20"
+                          fill="currentColor"
+                          className="search w-6 h-6"
+                        >
+                          <path
+                            fillRule="evenodd"
+                            d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+                            clipRule="evenodd"
+                          ></path>
+                        </svg>
+                      </div>
+                    </div>
+                    <div className="ml-4">
+                      <h4 className="text-lg leading-6 font-medium">
+                        Automated editing framework
+                      </h4>
+                      <p className="mt-2 text-base leading-6 text-description">
+                        ShortGPT streamlines the video creation process with an LLM oriented video editing language, making it easier to automate editing tasks.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+                <li className="mt-10 lg:mt-0">
+                  <div className="flex">
+                    <div className="flex-shrink-0">
+                      <div className="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
+                        <svg
+                          fill="none"
+                          viewBox="0 0 24 24"
+                          stroke="currentColor"
+                          className="user-group w-6 h-6"
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth="2"
+                            d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
+                          ></path>
+                        </svg>
+                      </div>
+                    </div>
+                    <div className="ml-4">
+                      <h4 className="text-lg leading-6 font-medium">
+                        Voiceover / Content Creation
+                      </h4>
+                      <p className="mt-2 text-base leading-6 text-description">
+                        ShortGPT supports multiple languages for voiceover synthesis, making it easy to create content in various languages.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+                <li className="mt-10 lg:mt-0">
+                  <div className="flex">
+                    <div className="flex-shrink-0">
+                      <div className="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
+                        <svg
+                          fill="none"
+                          viewBox="0 0 24 24"
+                          stroke="currentColor"
+                          className="device-mobile w-6 h-6"
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth="2"
+                            d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"
+                          ></path>
+                        </svg>
+                      </div>
+                    </div>
+                    <div className="ml-4">
+                      <h4 className="text-lg leading-6 font-medium">
+                        Asset Sourcing
+                      </h4>
+                      <p className="mt-2 text-base leading-6 text-description">
+                        ShortGPT can source images and video footage from the internet, allowing you to easily find and use relevant visuals.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+        {/* How it works */}
+        <div className="diagonal-box py-16 bg-gray-200 overflow-hidden">
+          <div className="diagonal-content max-w-xl mx-auto px-4 md:px-6 lg:px-8 lg:max-w-screen-xl">
+            <div className="max-w-screen-xl mx-auto pt-6 px-4 md:px-6 lg:px-8">
+              <div className="max-w-4xl mx-auto text-center">
+                <h2 className="text-3xl leading-9 font-extrabold text-gray-900 md:text-4xl md:leading-10">
+                  How it works
+                </h2>
+                <p className="mt-4 max-w-2xl text-xl leading-7 text-gray-500 lg:mx-auto">
+                ShortGPT is an AI-powered framework that automates the process of content creation, from script generation to asset sourcing and video editing.
+                </p>
+              </div>
+            </div>
+
+            <div className="py-16">
+              <div className="max-w-xl mx-auto px-4 md:px-6 lg:max-w-screen-lg lg:px-8 ">
+                <div className="lg:grid lg:grid-cols-3 lg:gap-8">
+                  <div>
+                    <div className="flex items-center justify-center">
+                      <img
+                        className="h-200"
+                        src={withBaseUrl('img/assets/scraping.svg')}
+                        width="190px"
+                        height="220px"
+                      />
+                    </div>
+                    <div className="mt-10 lg:mt-0 p-4">
+                      <h5 className="text-lg leading-6 font-medium text-gray-900">
+                        Automated Editing Framework
+                      </h5>
+                      <p className="mt-2 text-base leading-6 text-gray-600">
+                      ShortGPT employs a heavy usage of LLMs and automated video editing libraries to streamline the video creation process (Ffmpeg, moviepy, ffprobe).
+                      </p>
+                    </div>
+                  </div>
+                  <div className="mt-10 lg:mt-0 p-4">
+                    <div className="h-200 flex items-center justify-center">
+                      <img
+                        src={withBaseUrl('img/assets/configuration.svg')}
+                        width="140px"
+                        height="220px"
+                        alt="Configuration of your crawler"
+                      />
+                    </div>
+                    <div>
+                      <h5 className="text-lg leading-6 font-medium text-gray-900">
+                        Voiceover / Content Creation
+                      </h5>
+                      <p className="mt-2 text-base leading-6 text-gray-600">
+                      ShortGPT integrates multiple neural voice synthesis engines (ElevenLabs, EdgeTTS), to allow human-like voice quality in the audio generated.
+                      </p>
+                    </div>
+                  </div>
+                  <div className="mt-10 lg:mt-0 p-4">
+                    <div className="h-200 flex items-center justify-center">
+                      <img
+                        src={withBaseUrl('img/assets/implementation.svg')}
+                        width="220px"
+                        height="220px"
+                        alt="Implementation on your website"
+                      />
+                    </div>
+                    <div>
+                      <h5 className="text-lg leading-6 font-medium text-gray-900">
+                        Asset Sourcing
+                      </h5>
+                      <p className="mt-2 text-base leading-6 text-gray-600">
+                      ShortGPT is equipped with an advanced asset sourcing module that can retrieve images and video footage from the internet. This feature allows for the easy incorporation of relevant visuals into the content (Pexels, youtube, and more soon).
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+    
+
+        {/* Powered by AI */}
+        <div className="py-16 bg-indigo-600 overflow-hidden lg:py-24">
+          <div className="text-center">
+            <h3 className="mt-2 text-3xl leading-8 font-extrabold text-white tracking-tight md:text-4xl md:leading-10">
+              Powered by AI
+            </h3>
+          </div>
+          <div className="relative max-w-xl mx-auto px-4 md:px-6 lg:px-8 lg:max-w-screen-xl">
+            <div className="relative lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
+              <div className="relative">
+                <ul className="mt-10">
+                  <li className="mt-10">
+                    <div className="flex">
+                      <div className="flex-shrink-0">
+                        <div className="flex items-center justify-center h-12 w-12 rounded-md bg-white text-indigo-500">
+                          <svg
+                            fill="none"
+                            viewBox="0 0 24 24"
+                            stroke="currentColor"
+                            className="chip w-6 h-6"
+                          >
+                            <path
+                              strokeLinecap="round"
+                              strokeLinejoin="round"
+                              strokeWidth="2"
+                              d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"
+                            ></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div className="ml-4">
+                        <h5 className="text-lg leading-6 font-medium text-white">
+                          Automated Editing
+                        </h5>
+                        <p className="mt-2 text-base leading-6 text-gray-300">
+                          ShortGPT automates the video editing process, making it faster and more efficient with the help of AI.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li className="mt-10">
+                    <div className="flex">
+                      <div className="flex-shrink-0">
+                        <div className="flex items-center justify-center h-12 w-12 rounded-md bg-white text-indigo-500">
+                          <svg
+                            fill="none"
+                            viewBox="0 0 24 24"
+                            stroke="currentColor"
+                            className="chat w-6 h-6"
+                          >
+                            <path
+                              strokeLinecap="round"
+                              strokeLinejoin="round"
+                              strokeWidth="2"
+                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                            ></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div className="ml-4">
+                        <h5 className="text-lg leading-6 font-medium text-white">
+                          Voiceover / Content Creation
+                        </h5>
+                        <p className="mt-2 text-base leading-6 text-gray-300">
+                          ShortGPT supports multiple languages for voiceover synthesis, making it easy to create content in various languages.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <div className="relative">
+                <ul className="mt-10">
+                  <li className="mt-10">
+                    <div className="flex">
+                      <div className="flex-shrink-0">
+                        <div className="flex items-center justify-center h-12 w-12 rounded-md bg-white text-indigo-500">
+                          <svg
+                            fill="none"
+                            viewBox="0 0 24 24"
+                            stroke="currentColor"
+                            className="backspace w-6 h-6"
+                          >
+                            <path
+                              strokeLinecap="round"
+                              strokeLinejoin="round"
+                              strokeWidth="2"
+                              d="M12 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M3 12l6.414 6.414a2 2 0 001.414.586H19a2 2 0 002-2V7a2 2 0 00-2-2h-8.172a2 2 0 00-1.414.586L3 12z"
+                            ></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div className="ml-4">
+                        <h5 className="text-lg leading-6 font-medium text-white">
+                          Asset Sourcing
+                        </h5>
+                        <p className="mt-2 text-base leading-6 text-gray-300">
+                          ShortGPT can source images and video footage from the internet, allowing you to easily find and use relevant visuals.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </>
+    )
+  }
+
+
+
+  return (
+    <div id="tailwind">
+      <Header />
+      <Description />
+    </div>
+  );
+}
+
+export default Home;

docs/src/css/custom.css

@@ -0,0 +1,198 @@
+@import url(fragments.css);
+@import 'tailwindcss/tailwind.css';
+
+:root {
+  --ifm-font-size-base: 16px;
+  --ifm-code-font-size: 90%;
+  --ifm-background-color: var(--white);
+  --ifm-color-primary: var(--nebula-500);
+  --ifm-footer-background-color: var(--grey-100);
+  --ifm-menu-color-background-active: var(--ifm-color-emphasis-200);
+}
+
+html[data-theme='dark'] {
+  --ifm-font-base-color: #dee0f2;
+  --ifm-navbar-link-hover-color: #8b9dff;
+  --ifm-link-color: #8b9dff;
+  --ifm-menu-color-active: #8b9dff;
+  --ifm-background-color: #0a141c;
+  --ifm-footer-background-color: #0a141c;
+  --ifm-navbar-background-color: #21243d;
+  --ifm-menu-color-background-active: #21243d;
+}
+
+.docusaurus-highlight-code-line {
+  background-color: rgba(0, 0, 0, 0.1);
+  display: block;
+  margin: 0 calc(-1 * var(--ifm-pre-padding));
+  padding: 0 var(--ifm-pre-padding);
+}
+
+html[data-theme='dark'] .docusaurus-highlight-code-line {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.diagonal-box {
+  transform: skewY(-6deg);
+}
+
+.diagonal-content {
+  transform: skewY(6deg);
+}
+
+[class^='announcementBar'] {
+  z-index: 10;
+}
+
+.showcase {
+  background-color: #fff;
+}
+
+html[data-theme='dark'] .showcase {
+  background-color: #21243d;
+}
+
+.showcase-border {
+  border-color: rgba(243, 244, 246, 1);
+}
+
+html[data-theme='dark'] .showcase-border {
+  border-color: rgba(55, 65, 81, 1);
+}
+
+.text-description {
+  color: rgba(107, 114, 128, 1);
+}
+
+html[data-theme='dark'] .text-description {
+  color: rgba(209, 213, 219, 1);
+}
+
+/* apply */
+#hero-apply {
+  z-index: -1;
+  background-image: linear-gradient(
+    var(--ifm-footer-background-color),
+    var(--ifm-navbar-background-color)
+  );
+}
+
+html[data-theme='dark'] #hero-apply {
+  background-image: linear-gradient(
+    var(--ifm-navbar-background-color),
+    var(--ifm-background-color)
+  );
+}
+
+html[data-theme='dark'] #hero-apply > div:first-child {
+  opacity: 0.4;
+}
+
+.apply-form {
+  background-image: linear-gradient(#fff, #f5f5fa);
+  max-width: 600px;
+}
+
+html[data-theme='dark'] .apply-form {
+  background-image: radial-gradient(
+    circle at 50% 0px,
+    rgb(72, 76, 122),
+    rgb(35, 38, 59)
+  );
+}
+
+.apply-text {
+  color: #36395a;
+}
+
+html[data-theme='dark'] .apply-text {
+  color: #fff;
+}
+
+/* index */
+#hero {
+  background-image: linear-gradient(
+    var(--ifm-footer-background-color),
+    var(--ifm-navbar-background-color)
+  );
+}
+
+html[data-theme='dark'] #hero {
+  background-image: linear-gradient(
+    var(--ifm-navbar-background-color),
+    var(--ifm-background-color)
+  );
+}
+
+html[data-theme='dark'] #hero > div:first-child {
+  opacity: 0.4;
+}
+
+/**
+  * Hero component title overrides to match other heading styles
+  */
+.hero-title {
+  color: rgb(28, 30, 33);
+  font-family: var(--ifm-heading-font-family);
+}
+
+html[data-theme='dark'] .hero-title {
+  color: rgb(227, 227, 227);
+}
+
+
+.apply-button:hover {
+  color: #000000;
+}
+
+/* GitHub */
+.header-github-link:hover {
+  opacity: 0.6;
+}
+
+.header-github-link:before {
+  content: '';
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+html[data-theme='dark'] .header-github-link:before {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+/* Images */
+.image-rendering-crisp {
+  image-rendering: crisp-edges;
+
+  /* alias for google chrome */
+  image-rendering: -webkit-optimize-contrast;
+}
+
+.image-rendering-pixel {
+  image-rendering: pixelated;
+}
+
+/* Tailwindcss */
+
+#tailwind dd,
+#tailwind dt {
+  margin: 0;
+}
+
+#tailwind *,
+#tailwind ::before,
+#tailwind ::after {
+  border-width: 0;
+  border-style: solid;
+}
+
+#tailwind ol,
+#tailwind ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}

docs/src/css/fragments.css

@@ -0,0 +1,2275 @@
+:root {
+  --transparent: transparent;
+  --white: #fff;
+  --grey-900: #23263b;
+  --grey-800: #36395a;
+  --grey-700: #484c7a;
+  --grey-600: #5a5e9a;
+  --grey-500: #777aaf;
+  --grey-400: #9698c3;
+  --grey-300: #b6b7d5;
+  --grey-200: #d6d6e7;
+  --grey-100: #f5f5fa;
+  --grey-050: #fcfcfd;
+  --grey-000: #fff;
+  --pink-900: #59063d;
+  --pink-800: #88085c;
+  --pink-700: #b80979;
+  --pink-600: #e90a96;
+  --pink-500: #f82caa;
+  --pink-400: #fb5abc;
+  --pink-300: #fd89ce;
+  --pink-200: #feb9e2;
+  --pink-100: #ffeaf6;
+  --nebula-900: #141d61;
+  --nebula-800: #1e2b8f;
+  --nebula-700: #2b3cbb;
+  --nebula-600: #3c4fe0;
+  --nebula-500: #5468ff;
+  --nebula-400: #7c8aff;
+  --nebula-300: #a3acff;
+  --nebula-200: #cacfff;
+  --nebula-100: #f2f3ff;
+  --cyan-900: #00526c;
+  --cyan-800: #00769b;
+  --cyan-700: #009bcb;
+  --cyan-600: #0db7eb;
+  --cyan-500: #2cc8f7;
+  --cyan-400: #5adaff;
+  --cyan-300: #89e5ff;
+  --cyan-200: #b9efff;
+  --cyan-100: #e8faff;
+  --green-900: #005e36;
+  --green-800: #028950;
+  --green-700: #06b66c;
+  --green-600: #0de589;
+  --green-500: #5feb9e;
+  --green-400: #88f0b3;
+  --green-300: #aaf4c8;
+  --green-200: #c9f8de;
+  --green-100: #e6fcf3;
+  --orange-900: #963209;
+  --orange-800: #bf470a;
+  --orange-700: #e8600a;
+  --orange-600: #f78125;
+  --orange-500: #faa04b;
+  --orange-400: #fcbc73;
+  --orange-300: #fed59a;
+  --orange-200: #ffe9c3;
+  --orange-100: #fff9ec;
+  --red-900: #83111e;
+  --red-800: #ab1325;
+  --red-700: #d4142a;
+  --red-600: #ee243c;
+  --red-500: #f4495d;
+  --red-400: #f86e7e;
+  --red-300: #fc95a1;
+  --red-200: #febdc5;
+  --red-100: #ffe6e9;
+  --current: currentColor;
+}
+.uil-bgc-transparent {
+  background-color: transparent;
+}
+.uil-bgc-white {
+  background-color: #fff;
+}
+.uil-bgc-grey-900 {
+  background-color: #23263b;
+}
+.uil-bgc-grey-800 {
+  background-color: #36395a;
+}
+.uil-bgc-grey-200 {
+  background-color: #d6d6e7;
+}
+.hover\:uil-bgc-grey-100:focus,
+.hover\:uil-bgc-grey-100:hover,
+.uil-bgc-grey-100 {
+  background-color: #f5f5fa;
+}
+.uil-bgc-pink-200 {
+  background-color: #feb9e2;
+}
+.uil-bgc-nebula-500 {
+  background-color: #5468ff;
+}
+.uil-bgc-nebula-200 {
+  background-color: #cacfff;
+}
+.uil-bgc-green-200 {
+  background-color: #c9f8de;
+}
+.uil-bgc-orange-200 {
+  background-color: #ffe9c3;
+}
+.uil-bgc-red-600 {
+  background-color: #ee243c;
+}
+.uil-bgc-red-500 {
+  background-color: #f4495d;
+}
+.uil-bgc-current {
+  background-color: currentColor;
+}
+@media (min-width: 960px) {
+  .md\:uil-bgc-transparent {
+    background-color: transparent;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bgc-white {
+    background-color: #fff;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bgc-grey-900 {
+    background-color: #23263b;
+  }
+}
+.uil-bgp-center {
+  background-position: 50%;
+}
+.uil-bgp-bottom {
+  background-position: bottom;
+}
+.uil-bgr-no-repeat {
+  background-repeat: no-repeat;
+}
+@media (min-width: 960px) {
+  .md\:uil-bgr-no-repeat {
+    background-repeat: no-repeat;
+  }
+}
+.uil-bgs-cover {
+  background-size: cover;
+}
+.uil-bgs-contain {
+  background-size: contain;
+}
+@media (min-width: 960px) {
+  .md\:uil-bgs-contain {
+    background-size: contain;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-bgs-cover {
+    background-size: cover;
+  }
+}
+.uil-bd-none {
+  border: none;
+}
+.uil-bdc-transparent {
+  border-color: transparent;
+}
+.uil-bdc-grey-800 {
+  border-color: #36395a;
+}
+.uil-bdc-grey-700 {
+  border-color: #484c7a;
+}
+.uil-bdc-grey-200 {
+  border-color: #d6d6e7;
+}
+.uil-bdc-grey-100 {
+  border-color: #f5f5fa;
+}
+.uil-bdc-pink-600 {
+  border-color: #e90a96;
+}
+.uil-bdc-nebula-500 {
+  border-color: #5468ff;
+}
+.uil-bdc-green-700 {
+  border-color: #06b66c;
+}
+.uil-bdc-orange-600 {
+  border-color: #f78125;
+}
+.uil-bdc-red-600 {
+  border-color: #ee243c;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-transparent {
+    border-color: transparent;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-white {
+    border-color: #fff;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-grey-800 {
+    border-color: #36395a;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-grey-200 {
+    border-color: #d6d6e7;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-pink-600 {
+    border-color: #e90a96;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-nebula-500 {
+    border-color: #5468ff;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-green-700 {
+    border-color: #06b66c;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-orange-600 {
+    border-color: #f78125;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdc-red-600 {
+    border-color: #ee243c;
+  }
+}
+.uil-bdr-0 {
+  border-radius: 0;
+}
+.uil-bdr-2 {
+  border-radius: 2px;
+}
+.uil-bdr-4 {
+  border-radius: 4px;
+}
+.uil-bdr-6 {
+  border-radius: 6px;
+}
+.uil-bdr-8 {
+  border-radius: 8px;
+}
+.uil-bdr-20 {
+  border-radius: 20px;
+}
+.uil-bdr-max {
+  border-radius: 9999px;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdr-4 {
+    border-radius: 4px;
+  }
+}
+.uil-bdtlr-0 {
+  border-top-left-radius: 0;
+}
+.uil-bdtlr-2 {
+  border-top-left-radius: 2px;
+}
+.uil-bdtlr-4 {
+  border-top-left-radius: 4px;
+}
+.uil-bdtlr-6 {
+  border-top-left-radius: 6px;
+}
+.uil-bdtlr-8 {
+  border-top-left-radius: 8px;
+}
+.uil-bdtlr-20 {
+  border-top-left-radius: 20px;
+}
+.uil-bdtrr-0 {
+  border-top-right-radius: 0;
+}
+.uil-bdtrr-2 {
+  border-top-right-radius: 2px;
+}
+.uil-bdtrr-4 {
+  border-top-right-radius: 4px;
+}
+.uil-bdtrr-6 {
+  border-top-right-radius: 6px;
+}
+.uil-bdtrr-8 {
+  border-top-right-radius: 8px;
+}
+.uil-bdtrr-20 {
+  border-top-right-radius: 20px;
+}
+.uil-bdblr-0 {
+  border-bottom-left-radius: 0;
+}
+.uil-bdblr-6 {
+  border-bottom-left-radius: 6px;
+}
+.uil-bdbrr-0 {
+  border-bottom-right-radius: 0;
+}
+.uil-bdbrr-6 {
+  border-bottom-right-radius: 6px;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdbr-6 {
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+  }
+}
+.uil-bds-solid {
+  border-style: solid;
+}
+@media (min-width: 960px) {
+  .md\:uil-bds-solid {
+    border-style: solid;
+  }
+}
+.uil-bdts-solid {
+  border-top-style: solid;
+}
+.uil-bdrs-solid {
+  border-right-style: solid;
+}
+.uil-bdbs-solid {
+  border-bottom-style: solid;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdbs-solid {
+    border-bottom-style: solid;
+  }
+}
+.uil-bdw-0 {
+  border-width: 0;
+}
+.uil-bdw-1 {
+  border-width: 1px;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdw-0 {
+    border-width: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdw-2 {
+    border-width: 2px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-bdlw-1 {
+    border-left-width: 1px;
+  }
+}
+.uil-bdtw-1 {
+  border-top-width: 1px;
+}
+.uil-bdtw-2 {
+  border-top-width: 2px;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdtw-1 {
+    border-top-width: 1px;
+  }
+}
+.uil-bdrw-1 {
+  border-right-width: 1px;
+}
+.uil-bdbw-0 {
+  border-bottom-width: 0;
+}
+.uil-bdbw-1 {
+  border-bottom-width: 1px;
+}
+@media (min-width: 960px) {
+  .md\:uil-bdbw-1 {
+    border-bottom-width: 1px;
+  }
+}
+.uil-d-none {
+  display: none;
+}
+.uil-d-block {
+  display: block;
+}
+.uil-d-inline-block {
+  display: inline-block;
+}
+.uil-d-flex {
+  display: flex;
+}
+.uil-d-inline-flex {
+  display: inline-flex;
+}
+.uil-d-grid {
+  display: grid;
+}
+@media (min-width: 500px) {
+  .xs\:uil-d-block {
+    display: block;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-d-flex {
+    display: flex;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-d-grid {
+    display: grid;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-d-none {
+    display: none;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-d-block {
+    display: block;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-d-flex {
+    display: flex;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-d-grid {
+    display: grid;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-d-none {
+    display: none;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-d-block {
+    display: block;
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:uil-d-inline-block {
+    display: inline-block;
+  }
+}
+.uil-m-0 {
+  margin: 0;
+}
+.uil-m-8 {
+  margin: 8px;
+}
+.uil-m-auto {
+  margin: auto;
+}
+@media (min-width: 960px) {
+  .md\:uil-m-0 {
+    margin: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-m-auto {
+    margin: auto;
+  }
+}
+.uil-ml-0 {
+  margin-left: 0;
+}
+.uil-ml-8 {
+  margin-left: 8px;
+}
+.uil-ml-12 {
+  margin-left: 12px;
+}
+.uil-ml-auto {
+  margin-left: auto;
+}
+@media (min-width: 500px) {
+  .xs\:uil-ml-24 {
+    margin-left: 24px;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-ml-12 {
+    margin-left: 12px;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-ml-24 {
+    margin-left: 24px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ml-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ml-8 {
+    margin-left: 8px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ml-50p {
+    margin-left: 50%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ml-auto {
+    margin-left: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ml-16 {
+    margin-left: 16px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ml-48 {
+    margin-left: 48px;
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:uil-ml-16 {
+    margin-left: 16px;
+  }
+}
+.uil-mt-0 {
+  margin-top: 0;
+}
+.uil-mt-4 {
+  margin-top: 4px;
+}
+.uil-mt-8 {
+  margin-top: 8px;
+}
+.uil-mt-12 {
+  margin-top: 12px;
+}
+.uil-mt-16 {
+  margin-top: 16px;
+}
+.uil-mt-20 {
+  margin-top: 20px;
+}
+.uil-mt-24 {
+  margin-top: 24px;
+}
+.uil-mt-32 {
+  margin-top: 32px;
+}
+.uil-mt-48 {
+  margin-top: 48px;
+}
+.uil-mt-80 {
+  margin-top: 80px;
+}
+@media (min-width: 500px) {
+  .xs\:uil-mt-0 {
+    margin-top: 0;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-mt-0 {
+    margin-top: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mt-0 {
+    margin-top: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mt-8 {
+    margin-top: 8px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mt-12 {
+    margin-top: 12px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mt-auto {
+    margin-top: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mt-8 {
+    margin-top: 8px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mt-12 {
+    margin-top: 12px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mt-20 {
+    margin-top: 20px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mt-48 {
+    margin-top: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mt-120 {
+    margin-top: 120px;
+  }
+}
+.uil-mr-0 {
+  margin-right: 0;
+}
+.uil-mr-4 {
+  margin-right: 4px;
+}
+.uil-mr-8 {
+  margin-right: 8px;
+}
+.uil-mr-16 {
+  margin-right: 16px;
+}
+.uil-mr-32 {
+  margin-right: 32px;
+}
+.uil-mr-auto {
+  margin-right: auto;
+}
+@media (min-width: 960px) {
+  .md\:uil-mr-0 {
+    margin-right: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mr-8 {
+    margin-right: 8px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mr-20 {
+    margin-right: 20px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mr-12 {
+    margin-right: 12px;
+  }
+}
+.uil-mb-0 {
+  margin-bottom: 0;
+}
+.uil-mb-8 {
+  margin-bottom: 8px;
+}
+.uil-mb-12 {
+  margin-bottom: 12px;
+}
+.uil-mb-16 {
+  margin-bottom: 16px;
+}
+.uil-mb-20 {
+  margin-bottom: 20px;
+}
+.uil-mb-24 {
+  margin-bottom: 24px;
+}
+.uil-mb-48 {
+  margin-bottom: 48px;
+}
+@media (min-width: 768px) {
+  .sm\:uil-mb-0 {
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mb-0 {
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mb-16 {
+    margin-bottom: 16px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-mb-24 {
+    margin-bottom: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mb-20 {
+    margin-bottom: 20px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mb-24 {
+    margin-bottom: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-mb-80 {
+    margin-bottom: 80px;
+  }
+}
+.uil-mv-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.uil-mv-8 {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.uil-mh-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+.uil-mh-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+@media (min-width: 960px) {
+  .md\:uil-mh-12 {
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+}
+.uil-ov-visible {
+  overflow: visible;
+}
+.uil-ov-hidden {
+  overflow: hidden;
+}
+.uil-ov-auto {
+  overflow: auto;
+}
+@media (min-width: 960px) {
+  .md\:uil-ov-hidden {
+    overflow: hidden;
+  }
+}
+.uil-ovx-scroll {
+  overflow-x: scroll;
+}
+.uil-ovx-auto {
+  overflow-x: auto;
+}
+.uil-ovy-hidden {
+  overflow-y: hidden;
+}
+.uil-ovy-auto {
+  overflow-y: auto;
+}
+.uil-p-0 {
+  padding: 0;
+}
+.uil-p-8 {
+  padding: 8px;
+}
+.uil-p-12 {
+  padding: 12px;
+}
+.uil-p-20 {
+  padding: 20px;
+}
+.uil-p-24 {
+  padding: 24px;
+}
+.uil-p-48 {
+  padding: 48px;
+}
+@media (min-width: 960px) {
+  .md\:uil-p-48 {
+    padding: 48px;
+  }
+}
+.uil-pl-0 {
+  padding-left: 0;
+}
+.uil-pl-8 {
+  padding-left: 8px;
+}
+.uil-pl-12 {
+  padding-left: 12px;
+}
+.uil-pl-16 {
+  padding-left: 16px;
+}
+.uil-pl-24 {
+  padding-left: 24px;
+}
+.uil-pl-48 {
+  padding-left: 48px;
+}
+@media (min-width: 960px) {
+  .md\:uil-pl-24 {
+    padding-left: 24px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pl-48 {
+    padding-left: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pl-32 {
+    padding-left: 32px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pl-48 {
+    padding-left: 48px;
+  }
+}
+.uil-pt-0 {
+  padding-top: 0;
+}
+.uil-pt-12 {
+  padding-top: 12px;
+}
+.uil-pt-16 {
+  padding-top: 16px;
+}
+.uil-pt-24 {
+  padding-top: 24px;
+}
+.uil-pt-32 {
+  padding-top: 32px;
+}
+.uil-pt-48 {
+  padding-top: 48px;
+}
+@media (min-width: 960px) {
+  .md\:uil-pt-0 {
+    padding-top: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pt-24 {
+    padding-top: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pt-24 {
+    padding-top: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pt-32 {
+    padding-top: 32px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pt-48 {
+    padding-top: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pt-80 {
+    padding-top: 80px;
+  }
+}
+.uil-pr-0 {
+  padding-right: 0;
+}
+.uil-pr-8 {
+  padding-right: 8px;
+}
+.uil-pr-16 {
+  padding-right: 16px;
+}
+.uil-pr-24 {
+  padding-right: 24px;
+}
+.uil-pr-32 {
+  padding-right: 32px;
+}
+.uil-pr-48 {
+  padding-right: 48px;
+}
+.uil-pr-80 {
+  padding-right: 80px;
+}
+@media (min-width: 960px) {
+  .md\:uil-pr-0 {
+    padding-right: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pr-24 {
+    padding-right: 24px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pr-48 {
+    padding-right: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pr-8 {
+    padding-right: 8px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pr-48 {
+    padding-right: 48px;
+  }
+}
+.uil-pb-0 {
+  padding-bottom: 0;
+}
+.uil-pb-12 {
+  padding-bottom: 12px;
+}
+.uil-pb-16 {
+  padding-bottom: 16px;
+}
+.uil-pb-24 {
+  padding-bottom: 24px;
+}
+.uil-pb-48 {
+  padding-bottom: 48px;
+}
+.uil-pb-80 {
+  padding-bottom: 80px;
+}
+@media (min-width: 960px) {
+  .md\:uil-pb-24 {
+    padding-bottom: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pb-24 {
+    padding-bottom: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pb-48 {
+    padding-bottom: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pb-80 {
+    padding-bottom: 80px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pb-120 {
+    padding-bottom: 120px;
+  }
+}
+.uil-pv-8 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.uil-pv-16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.uil-pv-20 {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+.uil-pv-24 {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+.uil-pv-32 {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+.uil-pv-48 {
+  padding-top: 48px;
+  padding-bottom: 48px;
+}
+.uil-pv-80 {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+@media (min-width: 960px) {
+  .md\:uil-pv-120 {
+    padding-top: 120px;
+    padding-bottom: 120px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pv-32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pv-48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-pv-120 {
+    padding-top: 120px;
+    padding-bottom: 120px;
+  }
+}
+.uil-ph-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+.uil-ph-4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.uil-ph-8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.uil-ph-12 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.uil-ph-16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.uil-ph-20 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.uil-ph-24 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+.uil-ph-32 {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+@media (min-width: 768px) {
+  .sm\:uil-ph-16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ph-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ph-20 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ph-48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ph-20 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ph-32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ph-48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+}
+.uil-v-visible {
+  visibility: visible;
+}
+.uil-v-hidden {
+  visibility: hidden;
+}
+@media (min-width: 960px) {
+  .md\:uil-v-visible {
+    visibility: visible;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-v-hidden {
+    visibility: hidden;
+  }
+}
+.hover\:uil-color-white:focus,
+.hover\:uil-color-white:hover,
+.uil-color-white {
+  color: #fff;
+}
+.hover\:uil-color-grey-900:focus,
+.hover\:uil-color-grey-900:hover,
+.uil-color-grey-900 {
+  color: #23263b;
+}
+.uil-color-grey-800 {
+  color: #36395a;
+}
+.hover\:uil-color-grey-700:focus,
+.hover\:uil-color-grey-700:hover,
+.uil-color-grey-700 {
+  color: #484c7a;
+}
+.hover\:uil-color-grey-600:focus,
+.hover\:uil-color-grey-600:hover,
+.uil-color-grey-600 {
+  color: #5a5e9a;
+}
+.uil-color-grey-500 {
+  color: #777aaf;
+}
+.hover\:uil-color-grey-400:focus,
+.hover\:uil-color-grey-400:hover,
+.uil-color-grey-400 {
+  color: #9698c3;
+}
+.uil-color-grey-300 {
+  color: #b6b7d5;
+}
+.hover\:uil-color-grey-200:focus,
+.hover\:uil-color-grey-200:hover,
+.uil-color-grey-200 {
+  color: #d6d6e7;
+}
+.hover\:uil-color-grey-100:focus,
+.hover\:uil-color-grey-100:hover,
+.uil-color-grey-100 {
+  color: #f5f5fa;
+}
+.uil-color-pink-600 {
+  color: #e90a96;
+}
+.uil-color-nebula-500 {
+  color: #5468ff;
+}
+.uil-color-green-700 {
+  color: #06b66c;
+}
+.uil-color-orange-600 {
+  color: #f78125;
+}
+.uil-color-red-600 {
+  color: #ee243c;
+}
+.uil-color-red-500 {
+  color: #f4495d;
+}
+.uil-color-current {
+  color: currentColor;
+}
+.uil-fill-white {
+  fill: #fff;
+}
+.uil-ai-center {
+  align-items: center;
+}
+.uil-ai-end {
+  align-items: flex-end;
+}
+@media (min-width: 768px) {
+  .sm\:uil-ai-start {
+    align-items: flex-start;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ai-start {
+    align-items: flex-start;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ai-center {
+    align-items: center;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ai-end {
+    align-items: flex-end;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ai-end {
+    align-items: flex-end;
+  }
+}
+.uil-as-end {
+  align-self: flex-end;
+}
+.uil-fxd-column {
+  flex-direction: column;
+}
+.uil-fxd-row {
+  flex-direction: row;
+}
+@media (min-width: 500px) {
+  .xs\:uil-fxd-row {
+    flex-direction: row;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-fxd-row {
+    flex-direction: row;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fxd-column {
+    flex-direction: column;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fxd-row {
+    flex-direction: row;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fxd-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
+.uil-fxg-0 {
+  flex-grow: 0;
+}
+.uil-fxg-1 {
+  flex-grow: 1;
+}
+@media (min-width: 960px) {
+  .md\:uil-fxg-1 {
+    flex-grow: 1;
+  }
+}
+.uil-fxs-0 {
+  flex-shrink: 0;
+}
+.uil-fxs-1 {
+  flex-shrink: 1;
+}
+.uil-fx-1 {
+  flex: 0 1 8.333333%;
+}
+.uil-fx-4 {
+  flex: 0 1 33.333333%;
+}
+.uil-fx-5 {
+  flex: 0 1 41.666667%;
+}
+.uil-fx-6 {
+  flex: 0 1 50%;
+}
+.uil-fx-12 {
+  flex: 0 1 100%;
+}
+@media (min-width: 960px) {
+  .md\:uil-fx-5 {
+    flex: 0 1 41.666667%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fx-6 {
+    flex: 0 1 50%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fx-7 {
+    flex: 0 1 58.333333%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fx-9 {
+    flex: 0 1 75%;
+  }
+}
+.uil-jc-center {
+  justify-content: center;
+}
+.uil-jc-end {
+  justify-content: flex-end;
+}
+.uil-jc-between {
+  justify-content: space-between;
+}
+.uil-jc-around {
+  justify-content: space-around;
+}
+@media (min-width: 500px) {
+  .xs\:uil-jc-center {
+    justify-content: center;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-jc-start {
+    justify-content: flex-start;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-jc-center {
+    justify-content: center;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-jc-start {
+    justify-content: flex-start;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-jc-center {
+    justify-content: center;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-jc-end {
+    justify-content: flex-end;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-jc-between {
+    justify-content: space-between;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-jc-around {
+    justify-content: space-around;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-jc-end {
+    justify-content: flex-end;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-gcstart-1 {
+    grid-column-start: 1;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-gcstart-2 {
+    grid-column-start: 2;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-gcend-3 {
+    grid-column-end: 3;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-grstart-1 {
+    grid-row-start: 1;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-grstart-2 {
+    grid-row-start: 2;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-grend-3 {
+    grid-row-end: 3;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-grend-4 {
+    grid-row-end: 4;
+  }
+}
+.uil-g-2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+@media (min-width: 768px) {
+  .sm\:uil-g-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-g-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-g-4 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-g-5 {
+    grid-template-columns: repeat(5, 1fr);
+  }
+}
+@media (min-width: 768px) {
+  .sm\:uil-g-6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-g-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-g-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-g-4 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-g-5 {
+    grid-template-columns: repeat(5, 1fr);
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-g-6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+}
+.uil-ggap-24 {
+  grid-gap: 24px;
+}
+.uil-ggap-48 {
+  grid-gap: 48px;
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ggap-24 {
+    grid-gap: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ggap-32 {
+    grid-gap: 32px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ggap-48 {
+    grid-gap: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ggap-80 {
+    grid-gap: 80px;
+  }
+}
+.uil-gvgap-8 {
+  grid-column-gap: 8px;
+}
+@media (min-width: 768px) {
+  .sm\:uil-gvgap-48 {
+    grid-column-gap: 48px;
+  }
+}
+.uil-ghgap-48 {
+  grid-row-gap: 48px;
+}
+.uil-obf-contain {
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.uil-obf-cover {
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+.uil-obp-center {
+  -o-object-position: center;
+  object-position: center;
+}
+.uil-bot-0 {
+  bottom: 0;
+}
+.uil-bot-70 {
+  bottom: 70px;
+}
+@media (min-width: 960px) {
+  .md\:uil-bot-0 {
+    bottom: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-fl-right {
+    float: right;
+  }
+}
+.uil-left-0 {
+  left: 0;
+}
+.uil-left-50p {
+  left: 50%;
+}
+@media (min-width: 960px) {
+  .md\:uil-left-0 {
+    left: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-left-50p {
+    left: 50%;
+  }
+}
+.uil-pos-relative {
+  position: relative;
+}
+.uil-pos-absolute {
+  position: absolute;
+}
+.uil-pos-fixed {
+  position: fixed;
+}
+.uil-pos-sticky {
+  position: sticky;
+}
+@media (min-width: 768px) {
+  .sm\:uil-pos-absolute {
+    position: absolute;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pos-relative {
+    position: relative;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pos-absolute {
+    position: absolute;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pos-fixed {
+    position: fixed;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-pos-sticky {
+    position: sticky;
+  }
+}
+.uil-right-0 {
+  right: 0;
+}
+@media (min-width: 960px) {
+  .md\:uil-right-0 {
+    right: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-right-50p {
+    right: 50%;
+  }
+}
+.uil-top-0 {
+  top: 0;
+}
+.uil-top-32 {
+  top: 32px;
+}
+.uil-top-50p {
+  top: 50%;
+}
+@media (min-width: 768px) {
+  .sm\:uil-top-0 {
+    top: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-top-0 {
+    top: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-top-50p {
+    top: 50%;
+  }
+}
+.uil-va-middle {
+  vertical-align: middle;
+}
+.uil-z-1 {
+  z-index: 1;
+}
+.uil-z-2 {
+  z-index: 2;
+}
+.uil-z-3 {
+  z-index: 3;
+}
+.uil-z-4 {
+  z-index: 4;
+}
+.uil-z-5 {
+  z-index: 5;
+}
+.uil-z-max {
+  z-index: 100;
+}
+@media (min-width: 960px) {
+  .md\:uil-z-5 {
+    z-index: 5;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-z-max {
+    z-index: 100;
+  }
+}
+.uil-app-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.uil-bxs-default {
+  box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15),
+    0 2px 4px 0 rgba(93, 100, 148, 0.2);
+}
+.uil-bxs-large {
+  box-shadow: 0 24px 41px 0 rgba(37, 44, 97, 0.13);
+}
+.uil-bxs-none {
+  box-shadow: none;
+}
+@media (min-width: 960px) {
+  .md\:uil-bxs-default {
+    box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15),
+      0 2px 4px 0 rgba(93, 100, 148, 0.2);
+  }
+}
+.uil-cursor-auto {
+  cursor: auto;
+}
+.uil-cursor-pointer {
+  cursor: pointer;
+}
+.uil-cursor-not-allowed {
+  cursor: not-allowed;
+}
+.uil-op-0 {
+  opacity: 0;
+}
+.uil-op-50p {
+  opacity: 0.5;
+}
+.uil-op-40p {
+  opacity: 0.4;
+}
+.uil-op-75p {
+  opacity: 0.75;
+}
+.uil-op-100p {
+  opacity: 1;
+}
+@media (min-width: 960px) {
+  .md\:uil-op-0 {
+    opacity: 0;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-op-25p {
+    opacity: 0.25;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-op-100p {
+    opacity: 1;
+  }
+}
+.uil-pe-auto {
+  pointer-events: auto;
+}
+.uil-pe-none {
+  pointer-events: none;
+}
+@media (min-width: 960px) {
+  .md\:uil-pe-none {
+    pointer-events: none;
+  }
+}
+.uil-us-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.uil-h-0 {
+  height: 0;
+}
+.uil-h-10 {
+  height: 10px;
+}
+.uil-h-14 {
+  height: 14px;
+}
+.uil-h-16 {
+  height: 16px;
+}
+.uil-h-18 {
+  height: 18px;
+}
+.uil-h-20 {
+  height: 20px;
+}
+.uil-h-24 {
+  height: 24px;
+}
+.uil-h-25 {
+  height: 25px;
+}
+.uil-h-30 {
+  height: 30px;
+}
+.uil-h-40 {
+  height: 40px;
+}
+.uil-h-50 {
+  height: 50px;
+}
+.uil-h-60 {
+  height: 60px;
+}
+.uil-h-70 {
+  height: 70px;
+}
+.uil-h-80 {
+  height: 80px;
+}
+.uil-h-200 {
+  height: 200px;
+}
+.uil-h-10p {
+  height: 10%;
+}
+.uil-h-20p {
+  height: 20%;
+}
+.uil-h-25p {
+  height: 25%;
+}
+.uil-h-30p {
+  height: 30%;
+}
+.uil-h-40p {
+  height: 40%;
+}
+.uil-h-50p {
+  height: 50%;
+}
+.uil-h-60p {
+  height: 60%;
+}
+.uil-h-70p {
+  height: 70%;
+}
+.uil-h-80p {
+  height: 80%;
+}
+.uil-h-90p {
+  height: 90%;
+}
+.uil-h-100p {
+  height: 100%;
+}
+.uil-h-100vh {
+  height: 100vh;
+}
+.uil-h-auto {
+  height: auto;
+}
+@media (min-width: 960px) {
+  .md\:uil-h-10 {
+    height: 10px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-h-30 {
+    height: 30px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-h-60p {
+    height: 60%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-h-100p {
+    height: 100%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-h-100vh {
+    height: 100vh;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-h-auto {
+    height: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-18 {
+    height: 18px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-20 {
+    height: 20px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-24 {
+    height: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-30 {
+    height: 30px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-40 {
+    height: 40px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-70 {
+    height: 70px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-80 {
+    height: 80px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-100 {
+    height: 100px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-h-100p {
+    height: 100%;
+  }
+}
+.uil-mah-100p {
+  max-height: 100%;
+}
+.uil-mah-100vh {
+  max-height: 100vh;
+}
+@media (min-width: 960px) {
+  .md\:uil-mah-100p {
+    max-height: 100%;
+  }
+}
+.uil-maw-500 {
+  max-width: 500px;
+}
+.uil-maw-700 {
+  max-width: 700px;
+}
+.uil-maw-800 {
+  max-width: 800px;
+}
+.uil-maw-1200 {
+  max-width: 1200px;
+}
+.uil-maw-1440 {
+  max-width: 1440px;
+}
+.uil-maw-35ch {
+  max-width: 35ch;
+}
+.uil-maw-100p {
+  max-width: 100%;
+}
+@media (min-width: 960px) {
+  .md\:uil-maw-600 {
+    max-width: 600px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-maw-900 {
+    max-width: 900px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-maw-1200 {
+    max-width: 1200px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-maw-100p {
+    max-width: 100%;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-maw-1200 {
+    max-width: 1200px;
+  }
+}
+.uil-miw-200 {
+  min-width: 200px;
+}
+@media (min-width: 960px) {
+  .md\:uil-miw-300 {
+    min-width: 300px;
+  }
+}
+.uil-w-10 {
+  width: 10px;
+}
+.uil-w-14 {
+  width: 14px;
+}
+.uil-w-16 {
+  width: 16px;
+}
+.uil-w-18 {
+  width: 18px;
+}
+.uil-w-20 {
+  width: 20px;
+}
+.uil-w-25 {
+  width: 25px;
+}
+.uil-w-30 {
+  width: 30px;
+}
+.uil-w-40 {
+  width: 40px;
+}
+.uil-w-50 {
+  width: 50px;
+}
+.uil-w-60 {
+  width: 60px;
+}
+.uil-w-100 {
+  width: 100px;
+}
+.uil-w-200 {
+  width: 200px;
+}
+.uil-w-50p {
+  width: 50%;
+}
+.uil-w-70p {
+  width: 70%;
+}
+.uil-w-80p {
+  width: 80%;
+}
+.uil-w-100p {
+  width: 100%;
+}
+.uil-w-auto {
+  width: auto;
+}
+@media (min-width: 500px) {
+  .xs\:uil-w-60p {
+    width: 60%;
+  }
+}
+@media (min-width: 500px) {
+  .xs\:uil-w-70p {
+    width: 70%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-10 {
+    width: 10px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-30 {
+    width: 30px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-400 {
+    width: 400px;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-40p {
+    width: 40%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-50p {
+    width: 50%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-60p {
+    width: 60%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-70p {
+    width: 70%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-100p {
+    width: 100%;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-w-auto {
+    width: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-18 {
+    width: 18px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-20 {
+    width: 20px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-24 {
+    width: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-30 {
+    width: 30px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-40 {
+    width: 40px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-50 {
+    width: 50px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-80 {
+    width: 80px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-200 {
+    width: 200px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-50p {
+    width: 50%;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-70p {
+    width: 70%;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-80p {
+    width: 80%;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-90p {
+    width: 90%;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-w-100p {
+    width: 100%;
+  }
+}
+.uil-ff-hind {
+  font-family: Hind, Arial, sans-serif;
+}
+.uil-ff-poppins {
+  font-family: Poppins, Arial, sans-serif;
+}
+.uil-ff-mono {
+  font-family: SFMono-Regular, Consolas, Andale Mono WT, Andale Mono,
+    Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
+    Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco,
+    Courier New, Courier, monospace;
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ff-hind {
+    font-family: Hind, Arial, sans-serif;
+  }
+}
+.uil-fsz-10 {
+  font-size: 10px;
+}
+.uil-fsz-11 {
+  font-size: 11px;
+}
+.uil-fsz-12 {
+  font-size: 12px;
+}
+.uil-fsz-14 {
+  font-size: 14px;
+}
+.uil-fsz-16 {
+  font-size: 16px;
+}
+.uil-fsz-18 {
+  font-size: 18px;
+}
+.uil-fsz-24 {
+  font-size: 24px;
+}
+.uil-fsz-36 {
+  font-size: 36px;
+}
+@media (min-width: 960px) {
+  .md\:uil-fsz-16 {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-12 {
+    font-size: 12px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-14 {
+    font-size: 14px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-16 {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-18 {
+    font-size: 18px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-24 {
+    font-size: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-36 {
+    font-size: 36px;
+  }
+}
+@media (min-width: 1200px) {
+  .lg\:uil-fsz-56 {
+    font-size: 56px;
+  }
+}
+.uil-fst-normal {
+  font-style: normal;
+}
+.uil-fw-light {
+  font-weight: 300;
+}
+.uil-fw-normal {
+  font-weight: 400;
+}
+.uil-fw-semibold {
+  font-weight: 600;
+}
+.uil-fw-bold {
+  font-weight: 700;
+}
+.uil-lsp-small {
+  letter-spacing: -1px;
+}
+.uil-lsp-big {
+  letter-spacing: 1.5px;
+}
+.uil-lsp-normal {
+  letter-spacing: normal;
+}
+@media (min-width: 1200px) {
+  .lg\:uil-lsp-medium {
+    letter-spacing: 0.7px;
+  }
+}
+.uil-lh-small {
+  line-height: 1;
+}
+.uil-lh-big {
+  line-height: 1.33;
+}
+.uil-lh-bigger {
+  line-height: 1.78;
+}
+.uil-lis-none {
+  list-style: none;
+}
+.uil-ta-left {
+  text-align: left;
+}
+.uil-ta-center {
+  text-align: center;
+}
+.uil-ta-right {
+  text-align: right;
+}
+@media (min-width: 768px) {
+  .sm\:uil-ta-left {
+    text-align: left;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ta-left {
+    text-align: left;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ta-center {
+    text-align: center;
+  }
+}
+@media (min-width: 960px) {
+  .md\:uil-ta-right {
+    text-align: right;
+  }
+}
+.hover\:uil-td-none:focus,
+.hover\:uil-td-none:hover,
+.uil-td-none {
+  text-decoration: none;
+}
+@media (min-width: 960px) {
+  .md\:uil-td-none {
+    text-decoration: none;
+  }
+}
+.uil-to-ellipsis {
+  text-overflow: ellipsis;
+}
+@media (min-width: 1200px) {
+  .lg\:uil-to-ellipsis {
+    text-overflow: ellipsis;
+  }
+}
+.uil-tt-upper {
+  text-transform: uppercase;
+}
+.uil-tt-lower {
+  text-transform: lowercase;
+}
+.uil-ws-nowrap {
+  white-space: nowrap;
+}
+@media (min-width: 1200px) {
+  .lg\:uil-ws-nowrap {
+    white-space: nowrap;
+  }
+}
+.uil-wb-break {
+  word-break: break-word;
+}

docs/src/pages/index.js

@@ -0,0 +1,17 @@
+import Layout from '@theme/Layout';
+import React from 'react';
+
+import Home from '../components/Home';
+
+function HomePage() {
+  return (
+    <Layout
+      title="ShortGPT: Automate Content Creation with AI"
+      description="Automating video and short content creation with AI "
+    >
+      <Home />
+    </Layout>
+  );
+}
+
+export default HomePage;

docs/tailwind.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  purge: ['./src/**/*.html', './src/**/*.js', './src/**/*.tsx'],
+  corePlugins: { preflight: false, container: false },
+  important: '#tailwind',
+  theme: {
+    extend: {
+      maxWidth: {
+        xxs: '18rem',
+      },
+    },
+  },
+};