initial commit

.gitignore

@@ -0,0 +1,3 @@
+*.pyc
+*.svg
+__pycache__

README.md

@@ -0,0 +1,21 @@
+# scripts used to make images
+
+TODO: better docs
+
+## text2gif.py
+![](https://varia.zone/images/this.gif)
+Make an svg template, feed it a text. Animation ensues:
+Used for [what a website can be](https://varia.zone/what-a-website-can-be.html)
+
+## historical_screenshots.py
+
+![](https://varia.zone/images/varia_webhistory.gif)
+
+Tool to record the visual development of pelican websites. The script goes through each commit, takes a screenshot. 
+
+## circletxt.py
+
+Create SVGs where a arbitray text is laid out in a circle and network 'edges' are drawn between the letters.
+
+![](./circle.svg)
+

circle.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<svg baseProfile="full" height="400px" version="1.1" width="400px" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink"><defs /><g style="fill:none;stroke:salmon;stroke-width:2px;stroke-dasharray:4px;stroke-opacity:0.2;stroke-linecap:round;"><line x1="51.0936688853" x2="200.0" y1="181.919497962" y2="50.0" /><line x1="51.0936688853" x2="59.7475635972" y1="181.919497962" y2="253.190733056" /><line x1="164.102650357" x2="323.447579884" y1="345.641272614" y2="114.79028799" /><line x1="164.102650357" x2="59.7475635972" y1="345.641272614" y2="253.190733056" /><line x1="200.0" x2="164.102650357" y1="50.0" y2="345.641272614" /><line x1="235.897349643" x2="51.0936688853" y1="345.641272614" y2="181.919497962" /><line x1="348.906331115" x2="100.531601264" y1="181.919497962" y2="312.276612226" /><line x1="235.897349643" x2="323.447579884" y1="345.641272614" y2="114.79028799" /><line x1="130.291524193" x2="59.7475635972" y1="67.181596152" y2="253.190733056" /><line x1="59.7475635972" x2="51.0936688853" y1="253.190733056" y2="181.919497962" /><line x1="323.447579884" x2="76.552420116" y1="114.79028799" y2="114.79028799" /><line x1="164.102650357" x2="269.708475807" y1="345.641272614" y2="67.181596152" /><line x1="164.102650357" x2="59.7475635972" y1="345.641272614" y2="253.190733056" /><line x1="130.291524193" x2="59.7475635972" y1="67.181596152" y2="253.190733056" /><line x1="164.102650357" x2="51.0936688853" y1="345.641272614" y2="181.919497962" /><line x1="51.0936688853" x2="59.7475635972" y1="181.919497962" y2="253.190733056" /><line x1="100.531601264" x2="348.906331115" y1="312.276612226" y2="181.919497962" /><line x1="200.0" x2="59.7475635972" y1="50.0" y2="253.190733056" /><line x1="76.552420116" x2="59.7475635972" y1="114.79028799" y2="253.190733056" /><line x1="130.291524193" x2="340.252436403" y1="67.181596152" y2="253.190733056" /><line x1="269.708475807" x2="323.447579884" y1="67.181596152" y2="114.79028799" /><line x1="76.552420116" x2="269.708475807" y1="114.79028799" y2="67.181596152" /><line x1="348.906331115" x2="200.0" y1="181.919497962" y2="50.0" /><line x1="200.0" x2="100.531601264" y1="50.0" y2="312.276612226" /><line x1="235.897349643" x2="59.7475635972" y1="345.641272614" y2="253.190733056" /><line x1="323.447579884" x2="51.0936688853" y1="114.79028799" y2="181.919497962" /></g><g style="font-family:Arima Koshi;font-size:60px;fill:salmon;"><text x="200.0" y="50.0">c</text><text style="fill:snow;" x="198.01980198" y="48.0198019802">c</text><text x="269.708475807" y="67.181596152">o</text><text style="fill:snow;" x="267.728277787" y="65.2013981322">o</text><text x="323.447579884" y="114.79028799">n</text><text style="fill:snow;" x="321.467381864" y="112.810089971">n</text><text x="348.906331115" y="181.919497962">s</text><text style="fill:snow;" x="346.926133095" y="179.939299942">s</text><text x="340.252436403" y="253.190733056">t</text><text style="fill:snow;" x="338.272238383" y="251.210535037">t</text><text x="299.468398736" y="312.276612226">e</text><text style="fill:snow;" x="297.488200716" y="310.296414206">e</text><text x="235.897349643" y="345.641272614">l</text><text style="fill:snow;" x="233.917151623" y="343.661074594">l</text><text x="164.102650357" y="345.641272614">l</text><text style="fill:snow;" x="162.122452337" y="343.661074594">l</text><text x="100.531601264" y="312.276612226">a</text><text style="fill:snow;" x="98.5514032441" y="310.296414206">a</text><text x="59.7475635972" y="253.190733056">t</text><text style="fill:snow;" x="57.7673655774" y="251.210535037">t</text><text x="51.0936688853" y="181.919497962">i</text><text style="fill:snow;" x="49.1134708655" y="179.939299942">i</text><text x="76.552420116" y="114.79028799">o</text><text style="fill:snow;" x="74.5722220961" y="112.810089971">o</text><text x="130.291524193" y="67.181596152">n</text><text style="fill:snow;" x="128.311326174" y="65.2013981322">n</text></g></svg>

circletxt.py

@@ -0,0 +1,56 @@
+#!/usr/bin/env python2
+# make an svg that shows a circular text where each letter is 'networked' to the others
+# (c) roel roscam abbing 2018
+# gplv3
+
+import random, svgwrite
+
+from math import sin, cos, pi
+
+#place text in circle
+w = 400
+h = 400
+
+
+doc = svgwrite.Drawing(filename = "circle.svg",
+                                size = ("{}px".format(w), "{}px".format(h)))
+
+
+font = '/home/r/.local/share/fonts/Unknown Vendor/OpenType/Grundschrift/Grundschrift_Regular.otf'
+
+radius = 150
+
+word = 'constellation'
+
+letterpoints=[]
+letterpoints2 =[]
+
+text = svgwrite.container.Group(style="font-family:Arima Koshi;font-size:60px;fill:salmon;")
+
+for i,letter in enumerate(word):
+    x = sin((-pi*2)/len(word)*i+pi)*radius                            
+    y = cos((-pi*2)/len(word)*i+pi)*radius
+    # x = 15*i
+    l = doc.text(letter,insert=(x+w/2, y+w/2))
+    l2 = doc.text(letter,style='fill:snow;',insert=(x+w/2.02, y+w/2.02))
+
+    letterpoints.append(l)
+    text.add(l)
+    text.add(l2)
+
+connections = svgwrite.container.Group(style="fill:none;stroke:salmon;stroke-width:2px;stroke-dasharray:4px;stroke-opacity:0.2;stroke-linecap:round;")
+for i in range(len(letterpoints)*2):
+        points = random.sample(letterpoints,2)
+        line = doc.line(
+            start=(points[0].attribs['x'],points[0].attribs['y']),
+            end=(points[1].attribs['x'],points[1].attribs['y'])
+            )
+        connections.add(line)
+
+doc.add(connections)
+doc.add(text)
+    
+doc.save()
+# # for l in letterpoints:
+# #     l.draw = True
+# bot.finish()

historical_screenshots.py

@@ -0,0 +1,61 @@
+#!/bin/env python3
+# a tool for taking screenshots of pelican websites versioned through git
+# (c) roel roscam abbing 2018
+# gplv3
+import os, time
+
+git_repo = '/home/r/Current/federation/wttf' #set the path to your pelican repo
+outputdir = '/tmp/screenshots_wttf/' #set your output dir for the repo
+
+os.chdir(git_repo)
+commit_history = os.popen('git log --pretty="%H,%ad"').read().split('\n') # return commit hash and date as touple
+
+
+if not os.path.exists(outputdir):
+	os.mkdir(outputdir)
+
+
+def clear_cache(driver, timeout=60):
+    """Clear the cookies and cache for the ChromeDriver instance."""
+    # navigate to the settings page
+    driver.get('chrome://settings/clearBrowserData')
+
+    # wait for the button to appear
+    wait = WebDriverWait(driver, timeout)
+    wait.until(get_clear_browsing_button)
+
+    # click the button to clear the cache
+    get_clear_browsing_button(driver).click()
+
+    # wait for the button to be gone before returning
+    wait.until_not(get_clear_browsing_button)
+
+
+from selenium import webdriver # you need to set up a driver
+
+for commit in commit_history:
+	if commit:
+		try:
+			hashn, commit_date  = commit.split(',')
+			checkout = 'git checkout '+hashn
+			print(checkout)
+			os.system(checkout)
+			os.system('./develop_server.sh start') # otherwise replace this with make devserver?
+			time.sleep(5)
+			browser = webdriver.Chrome()
+			browser.set_window_size(1024, 768) # set the window size that you need 
+			clear_cache(browser)
+			time.sleep(10)
+			browser.get('http://localhost:8000/')
+			date = commit_date.split(' +')[0].replace(' ','_').replace(':','-')
+			fn = '{}index_{}.png'.format(outputdir,date)
+			print(date, fn)
+			browser.save_screenshot(fn)
+			browser.quit()
+			os.system('./develop_server.sh stop')
+		except Exception as e:
+
+			pass
+
+
+os.chdir('/home/r/Current/')

text2gif.py

@@ -0,0 +1,32 @@
+#!/usr/bin/env python2
+# tool to convert texts to images. needs an SVG as a template. See line 16
+# (c) roel roscam abbing 2018
+# gplv3
+import os,base64,sys
+count = 1
+svg = open(sys.argv[1]).read()
+text = open(sys.argv[2]).read()
+
+if not os.path.exists('output'):
+    os.mkdir('output')
+
+for sentence in text.split('\n'):
+    files = []
+    for word in sentence.split(' '):
+        fn = 'output/{}.svg'.format(base64.urlsafe_b64encode(word))
+        with open(fn, 'w') as f:
+            f.write(svg.replace('$what$', word))
+        files.append(fn)
+    if sentence:
+        try:
+            of = 'output/{}.gif'.format(str(count).zfill(3))
+
+            command = "convert -delay 1 -alpha set -dispose previous {} {}".format(" ".join(files),of)
+            print(command)
+            os.system(command)
+            count+=1
+        except:
+            print('skipped', sentence)
+            pass
+    os.system('rm {}'.format(' '.join(files)))
+