massive overkill on the icons

resources/.gitignore

@@ -0,0 +1,3 @@
+*.png
+*.ico
+*.svg

resources/Makefile

@@ -0,0 +1,22 @@
+density := 600
+
+icons := transbeam.svg favicon.ico transbeam-192.png transbeam-512.png transbeam-apple.png
+
+icons: $(icons)
+
+%.svg: %.asy transbeam-common.asy
+	asy -f svg $<
+
+transbeam-apple.png: transbeam.svg
+	convert -density $(density) -background white $< -resize 192x192 -extent 192x192 $@
+
+transbeam-%.png: transbeam-%.svg
+	convert -density $(density) -background transparent $< -resize $*x$* -extent $*x$* $@
+
+favicon.ico: transbeam-16.png transbeam-32.png transbeam-48.png transbeam-64.png
+	convert -background transparent $^ $@
+
+install: icons
+	cp $(icons) ../static/
+clean:
+	rm *.svg *.png *.ico

resources/transbeam-16.asy

@@ -0,0 +1,16 @@
+import "transbeam-common.asy" as transbeam;
+
+transbeamPrefs prefs;
+prefs.triangleRadius = 100;
+prefs.borderInset = 25;
+prefs.circleRadius = 20;
+prefs.beamCount = 0;
+prefs.starterBeamAngle = 180;
+// Not relevant with beamCount 0
+prefs.bigBeamRadius = 36;
+prefs.smallBeamRadius = 36;
+prefs.beamAngle = 40;
+
+drawTransbeam(prefs);
+
+fill(circle((0,0), prefs.circleRadius), transPink);

resources/transbeam-192.asy

@@ -0,0 +1 @@
+transbeam.asy

resources/transbeam-32.asy

@@ -5,9 +5,9 @@ prefs.triangleRadius = 100;
 prefs.borderInset = 14;
 prefs.circleRadius = 12;
 prefs.bigBeamRadius = 36;
-prefs.smallBeamRadius = 36;
+prefs.smallBeamRadius = 30;
 prefs.beamCount = 3;
-prefs.beamAngle = 40;
+prefs.beamAngle = 32;
 prefs.starterBeamAngle = 80;
 
 drawTransbeam(prefs);

resources/transbeam-48.asy

@@ -0,0 +1,13 @@
+import "transbeam-common.asy" as transbeam;
+
+transbeamPrefs prefs;
+prefs.triangleRadius = 100;
+prefs.borderInset = 12;
+prefs.circleRadius = 12;
+prefs.bigBeamRadius = 36;
+prefs.smallBeamRadius = 30;
+prefs.beamCount = 7;
+prefs.beamAngle = 15;
+prefs.starterBeamAngle = 36;
+
+drawTransbeam(prefs);

resources/transbeam-512.asy

@@ -0,0 +1 @@
+transbeam.asy

resources/transbeam-64.asy

@@ -0,0 +1,13 @@
+import "transbeam-common.asy" as transbeam;
+
+transbeamPrefs prefs;
+prefs.triangleRadius = 100;
+prefs.borderInset = 9;
+prefs.circleRadius = 12;
+prefs.bigBeamRadius = 33;
+prefs.smallBeamRadius = 25;
+prefs.beamCount = 9;
+prefs.beamAngle = 10;
+prefs.starterBeamAngle = 24;
+
+drawTransbeam(prefs);

resources/transbeam-common.asy

@@ -4,21 +4,22 @@ struct transbeamPrefs {
   real circleRadius;
   real bigBeamRadius;
   real smallBeamRadius;
-  real beamCount;
+  int beamCount;
   real beamAngle;
   real starterBeamAngle;
 }
 
+pen transBlue = rgb("55cdfc");
+pen transPink = rgb("f7a8b8");
+
+pen bigBeamColor = transPink;
+pen smallBeamColor = transBlue;
+
+path borderTriangle = dir(90)--dir(210)--dir(330)--cycle;
+
 void drawTransbeam(transbeamPrefs prefs) {
   unravel prefs;
 
-  pen transBlue = rgb("55cdfc");
-  pen transPink = rgb("f7a8b8");
-
-  pen bigBeamColor = transPink;
-  pen smallBeamColor = transBlue;
-
-  path borderTriangle = dir(90)--dir(210)--dir(330)--cycle;
   path outerBorder = scale(triangleRadius)*borderTriangle;
   fill(outerBorder, white);
 

static/index.html

@@ -4,6 +4,8 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <link rel="stylesheet" type="text/css" href="transbeam.css"/>
+    <link rel="apple-touch-icon" href="transbeam-apple.png"/>
+    <link rel="manifest" href="manifest.json"/>
     <script src="util.js"></script>
     <title>transbeam</title>
   </head>

static/manifest.json

@@ -0,0 +1,22 @@
+{
+    "name": "transbeam",
+    "icons": [
+        {
+            "src": "transbeam.svg",
+            "type": "image/svg+xml",
+            "sizes": "512x512"
+        },
+        {
+            "src": "transbeam-192.png",
+            "type": "image/png",
+            "sizes": "192x192"
+        },
+        {
+            "src": "transbeam-512.png",
+            "type": "image/png",
+            "sizes": "512x512"
+        }
+    ],
+    "start_url": "./",
+    "background_color": "white"
+}