base setup for tailwindcss

This commit is contained in:
Arnold Dechamps 2024-03-20 16:08:34 +01:00
parent c6183453c4
commit ded5ea5933
No known key found for this signature in database
GPG key ID: AE66543374E41C89
4 changed files with 34 additions and 5 deletions

View file

@ -1,16 +1,29 @@
# flight-screen-info # flight-screen-info
Will end up being a little flask site that provides the departure schedule of whatever airport you choose (like they do in real airports) Will end up being a little flask site that provides the departure schedule of whatever airport you choose (like they do in real airports)
# API : ## API :
This program uses the API of Flightaware. This program uses the API of Flightaware.
Said API requires an API key. More info [here](https://www.flightaware.com/commercial/aeroapi) Said API requires an API key. More info [here](https://www.flightaware.com/commercial/aeroapi)
# Config.py : ## config.py :
The example file needs to be copied as config.py. There, you can configure the API key and airport that interests you. The example file needs to be copied as config.py. There, you can configure the API key and airport that interests you.
# datapull.py : ## datapull.py :
This file will pull the data from flightaware's server and print it on the terminal This file will pull the data from flightaware's server and print it on the terminal
# Flask : ## Flask :
This is where the web app runs.
To start flask, ``flask run`` To start flask, ``flask run``
You can then go on ``https://127.0.0.1:5000`` You can then go on ``https://127.0.0.1:5000``
# Developers :
For the CSS, tailwind is used.
To install the CSS bundler :
```
npm install -D tailwindcss
```
to update CSS files :
```
npx tailwindcss -i ./static/input.css -o ./static/style.css
```

5
package.json Normal file
View file

@ -0,0 +1,5 @@
{
"devDependencies": {
"tailwindcss": "^3.4.1"
}
}

0
static/input.css Normal file
View file

11
tailwind.config.js Normal file
View file

@ -0,0 +1,11 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'*/templates/**/*.html'
],
theme: {
extend: {},
},
plugins: [],
}