Pcc31 (pybites#94)

* 29 readme

* init commit

* working app

* updates readme

Author: bbelderbos

31/bbelderbos/.gitignore

@@ -0,0 +1,5 @@
+*swp
+*pyc
+__pycache__
+images
+out.png

31/bbelderbos/README.md

@@ -0,0 +1,41 @@
+## PyBites Code Challenge 31 - Image Manipulation With Pillow
+
+### Submission: PyBites Banner Generator
+
+I made this utility to create quick but nice banners for PyBites Articles / Challenges / News / Special. However I think the code can easily be extended or modified to use it for your own needs.
+
+It takes an existing PyBites logo as the first image, and downloads (caches) the second image. 
+
+*Text for Banner* is for the text to be put on the banner. `SourceSansPro-Regular.otf` gave me a weird char for newline (`\n`) so I switched to `Ubuntu-R.ttf`. Of course you could build this out to also let the user choose the font type and more things. The underlying `banner.py` script should make this easy: all font settings are collected into a namedtuple before passing it to the image creating class.
+
+The last option of the form controls the location of the second image titled *Use Second Image as Background?*. By default this is turned on and the second image serves as a background image (example 2). If you disable it, the image will be resized to thumbnail and aligned to the right (example 1 / as in [the article](https://pybit.es/pillow-banner-image.html)).
+
+#### Example 1. - make a PyBites Code Challenge banner
+
+1. Choose *challenge* as first image, provide URL to the second image, add banner text, disable *Use Second Image as Background?*:
+
+	![example1a.png](assets/readme/example1a.png)
+
+2. Click *Generate banner*:
+
+	![example1b.png](assets/readme/example1b.png)
+
+3. Right-click and save the image.
+
+#### Example 2. - make a PyBites News banner
+
+1. Choose *news* as first image, provide URL to the second image, add banner text, leave *Use Second Image as Background?* enabled:
+
+	![example2a.png](assets/readme/example2a.png)
+
+2. Click *Generate banner*:
+
+	![example2b.png](assets/readme/example2b.png)
+
+3. Right-click and save the image.
+
+### PyBites articles:
+
+* [Using Pillow to Create Nice Banners For Your Site](https://pybit.es/pillow-banner-image.html)
+
+* This week I will write a part 2 how I wrapped the original `banner.py` (command line) script into this Flask app. If I don't get to update this readme, the previous article will link to it ...

31/bbelderbos/app.py

@@ -0,0 +1,57 @@
+import os
+import requests
+
+from flask import Flask, abort, render_template, request, send_file
+
+from forms import ImageForm
+from banner.banner import generate_banner
+from banner.banner import DEFAULT_OUTPUT_FILE as outfile
+
+IMAGES = 'images'
+
+app = Flask(__name__)
+
+
+def _download_image(from_url, to_file, chunk_size=2000):
+    r = requests.get(from_url, stream=True)
+
+    with open(to_file, 'wb') as fd:
+        for chunk in r.iter_content(chunk_size):
+            fd.write(chunk)
+
+
+def get_image(image_url):
+    basename = os.path.basename(image_url)
+    local_image = os.path.join(IMAGES, basename)
+
+    if not os.path.isfile(local_image):
+        _download_image(image_url, local_image)
+
+    return local_image
+
+
+@app.route('/', methods=['GET', 'POST'])
+def image_inputs():
+    form = ImageForm(request.form)
+
+    if request.method == 'POST' and form.validate():
+        image1 = form.image_url1.data
+        image2 = get_image(form.image_url2.data)
+        text = form.text.data
+        print(text)
+        background = form.background.data
+
+        args = [image1, image2, text, background]
+
+        generate_banner(args)
+
+        if os.path.isfile(outfile):
+            return send_file(outfile, mimetype='image/png')
+        else:
+            abort(400)
+
+    return render_template('imageform.html', form=form)
+
+
+if __name__ == "__main__":
+    app.run(debug=True)