{"id":16175055,"url":"https://github.com/app-generator/jinja-pixel-old","last_synced_at":"2025-03-19T00:31:07.598Z","repository":{"id":100503145,"uuid":"287961107","full_name":"app-generator/jinja-pixel-old","owner":"app-generator","description":"Jinja Template - Pixel Lite UI Kit | AppSeed","archived":false,"fork":false,"pushed_at":"2021-12-08T10:12:55.000Z","size":16537,"stargazers_count":9,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-11T05:55:53.430Z","etag":null,"topics":["appseed","jinja-template","pixel-lite"],"latest_commit_sha":null,"homepage":"https://appseed.us/jinja-template/jinja-template-pixel-uikit","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/app-generator.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-16T14:36:00.000Z","updated_at":"2023-02-18T08:36:55.000Z","dependencies_parsed_at":"2023-05-15T11:15:16.907Z","dependency_job_id":null,"html_url":"https://github.com/app-generator/jinja-pixel-old","commit_stats":null,"previous_names":[],"tags_count":4,"template":true,"template_full_name":"app-generator/boilerplate-code-jinja","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Fjinja-pixel-old","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Fjinja-pixel-old/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Fjinja-pixel-old/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Fjinja-pixel-old/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/app-generator","download_url":"https://codeload.github.com/app-generator/jinja-pixel-old/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243955700,"owners_count":20374373,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appseed","jinja-template","pixel-lite"],"created_at":"2024-10-10T04:44:02.999Z","updated_at":"2025-03-19T00:31:07.586Z","avatar_url":"https://github.com/app-generator.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Flask/Jinja Pixel Lite](https://appseed.us/apps/flask-apps/flask-pixel-bootstrap-uikit)\n\n**Jinja Template** project generated by AppSeed on top of a modern UI Kit: Pixel is a free, fully responsive, and modern Bootstrap 4 UI Kit that will help you build creative and professional websites. The codebase is a super simple Flask project WITHOUT database, ORM, or any other hard dependency. \n\n\u003cbr /\u003e\n\n\u003e Features:\n\n- Up-to-date [dependencies](./requirements.txt): **Flask 2.0.1**\n- [SCSS compilation](#recompile-css) via **Gulp**\n- UI Kit: **Pixel Lite** (Free Version) by **Themesberg**\n- Render Engine: **Jinja2**\n- Framework: Flask (no database, no hard dependencies)\n- Free support via **Github** and [Discord](https://discord.gg/fZC6hup).\n\n\u003cbr /\u003e\n\n\u003e Links\n\n- [Flask/Jinja Pixel Lite](https://appseed.us/apps/flask-apps/flask-pixel-bootstrap-uikit) - Product page\n- [Flask/Jinja Pixel Lite](https://jinja-pixel-lite.appseed-srv1.com/) - LIVE Demo\n\n\u003cbr /\u003e\n\n## Quick Start in [Docker](https://www.docker.com/)\n\n\u003e Get the code\n\n```bash\n$ git clone https://github.com/app-generator/jinja-pixel.git\n$ cd jinja-pixel\n```\n\n\u003e Start the app in Docker\n\n```bash\n$ docker-compose up --build \n```\n\nVisit `http://localhost:85` in your browser. The app should be up \u0026 running.\n\n\u003cbr /\u003e\n\n![Jinja Pixel Lite - Template project provided by AppSeed](https://user-images.githubusercontent.com/51070104/119006115-bf43ef00-b998-11eb-9239-faea534ad885.png)\n\n\u003cbr /\u003e\n\n## Build from sources\n\n```bash\n$ # Clone the sources\n$ git clone https://github.com/app-generator/jinja-pixel.git\n$ cd jinja-pixel\n$\n$ # Virtualenv modules installation (Unix based systems)\n$ virtualenv env\n$ source env/bin/activate\n$\n$ # Virtualenv modules installation (Windows based systems)\n$ # virtualenv env\n$ # .\\env\\Scripts\\activate\n$\n$ # Install requirements\n$ pip3 install -r requirements.txt\n$\n$ # Set the FLASK_APP environment variable\n$ (Unix/Mac) export FLASK_APP=run.py\n$ (Windows) set FLASK_APP=run.py\n$ (Powershell) $env:FLASK_APP = \".\\run.py\"\n$\n$ # Set up the DEBUG environment\n$ # (Unix/Mac) export FLASK_ENV=development\n$ # (Windows) set FLASK_ENV=development\n$ # (Powershell) $env:FLASK_ENV = \"development\"\n$\n$ # Run the Jinja Template\n$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)\n$ # --port=5000    - specify the app port (default 5000)  \n$ flask run --host=0.0.0.0 --port=5000\n$\n$ # Access the UI in browser: http://127.0.0.1:5000/\n```\n\n\u003cbr /\u003e\n\n## Code-base structure\n\nThe project has a simple structure, represented as bellow:\n\n```bash\n\u003c PROJECT ROOT \u003e\n   |\n   |-- app/__init__.py\n   |-- app/\n   |    |-- static/\n   |    |    |-- \u003ccss, JS, images\u003e         # CSS files, Javascripts files\n   |    |\n   |    |-- templates/\n   |    |    |\n   |    |    |-- includes/                 # Page chunks, components\n   |    |    |    |\n   |    |    |    |-- navigation.html      # Top bar\n   |    |    |    |-- sidebar.html         # Left sidebar\n   |    |    |    |-- scripts.html         # JS scripts common to all pages\n   |    |    |    |-- footer.html          # The common footer\n   |    |    |\n   |    |    |-- layouts/                  # App Layouts (the master pages)\n   |    |    |    |\n   |    |    |    |-- base.html            # Used by common pages like index, UI\n   |    |    |    |-- base-fullscreen.html # Used by auth pages (login, register)\n   |    |    |\n   |    |  index.html                      # The default page\n   |    |  login.html                      # Auth Login Page\n   |    |  register.html                   # Auth Registration Page\n   |    |  page-404.html                   # Error 404 page (page not found)\n   |    |  page-500.html                   # Error 500 page (server error)\n   |    |    *.html                        # All other pages provided by the UI Kit\n   |\n   |-- requirements.txt\n   |\n   |-- run.py\n   |\n   |-- ************************************************************************\n```\n\n\u003cbr /\u003e\n\n## Recompile CSS\n\nTo recompile SCSS files, follow this setup:\n\n\u003cbr /\u003e\n\n**Step #1** - Install tools\n\n- [NodeJS](https://nodejs.org/en/) 12.x or higher\n- [Gulp](https://gulpjs.com/) - globally \n    - `npm install -g gulp-cli`\n- [Yarn](https://yarnpkg.com/) (optional) \n\n\u003cbr /\u003e\n\n**Step #2** - Change the working directory to `assets` folder\n\n```bash\n$ cd app/static/assets\n```\n\n\u003cbr /\u003e\n\n**Step #3** - Install modules (this will create a classic `node_modules` directory)\n\n```bash\n$ npm install\n// OR\n$ yarn\n```\n\n\u003cbr /\u003e\n\n**Step #4** - Edit \u0026 Recompile SCSS files \n\n```bash\n$ gulp scss\n```\n\nThe generated file is saved in `static/assets/css` directory.\n\n\u003cbr /\u003e\n\n## Deployment\n\nThe project comes with a basic configuration for [Docker](https://www.docker.com/), [Gunicorn](https://gunicorn.org/), and [Waitress](https://docs.pylonsproject.org/projects/waitress/en/stable/).\n\n### [Gunicorn](https://gunicorn.org/)\n---\n\nGunicorn 'Green Unicorn' is a Python WSGI HTTP Server for UNIX.\n\n\u003e Install using pip\n\n```bash\n$ pip install gunicorn\n```\n\u003e Start the app using gunicorn binary\n\n```bash\n$ gunicorn --bind 0.0.0.0:8001 run:app\nServing on http://localhost:8001\n```\n\nVisit `http://localhost:8001` in your browser. The app should be up \u0026 running.\n\n\u003cbr /\u003e\n\n### [Waitress](https://docs.pylonsproject.org/projects/waitress/en/stable/)\n---\n\nWaitress (Gunicorn equivalent for Windows) is meant to be a production-quality pure-Python WSGI server with very acceptable performance. It has no dependencies except ones that live in the Python standard library.\n\n\u003e Install using pip\n\n```bash\n$ pip install waitress\n```\n\u003e Start the app using [waitress-serve](https://docs.pylonsproject.org/projects/waitress/en/stable/runner.html)\n\n```bash\n$ waitress-serve --port=8001 run:app\nServing on http://localhost:8001\n```\n\nVisit `http://localhost:8001` in your browser. The app should be up \u0026 running.\n\n\u003cbr /\u003e\n\n## Credits \u0026 Links\n\n- [Flask Framework](https://www.palletsprojects.com/p/flask/) - The official website\n\n\u003cbr /\u003e\n\n---\n[Flask/Jinja Pixel Lite](https://appseed.us/apps/flask-apps/flask-pixel-bootstrap-uikit) - Provided by **AppSeed** [App Generator](https://appseed.us/app-generator).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapp-generator%2Fjinja-pixel-old","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapp-generator%2Fjinja-pixel-old","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapp-generator%2Fjinja-pixel-old/lists"}