Store logo

browser-plugin/promo_assets/marp/Makefile → browser-plugin/promo_assets/Makefile

@@ -1,14 +1,31 @@
 PNGS := screenshot.png small_promo_tile.png marquee_promo_tile.png
 
-.PHONY: png
+.PHONY: png icon
 
-all: png
+all: png icon
 
 png: $(PNGS)
 
+install:
+	# echo you also need chrom(ium) for pdf/ppxt
+	sudo npm install -g @marp-team/marp-cli
+	sudo npm install -g inline-source-cli
+	sudo apt install -y librsvg2-bin
+
+icon: store_icon.png
+
+store_icon.png: assets/store_icon.svg
+	mkdir -p dest
+	rsvg-convert -w 128 -h 128 $< -o dest/$@
+
 screenshot.png: screenshot.md
 	mkdir -p dest
-	marp $< --images png --allow-local-files -o "dest/$@"
+	marp $< --image-scale 1.11111 --images png --allow-local-files -o "dest/tmp-$@"
+	for img in dest/tmp-*.png; do \
+		final_name=$$(echo $$img | sed 's/tmp-//'); \
+		convert "$$img" -gravity Center -crop 1280x800+0+0 +repage "$$final_name"; \
+	done
+	rm dest/tmp-*.png
 
 small_promo_tile.png: small_promo_tile.md
 	mkdir -p dest

browser-plugin/promo_assets/marp/screenshot.md → browser-plugin/promo_assets/screenshot.md

@@ -1,7 +1,7 @@
 ---
 marp: true
 theme: default
-size: 16:10
+size: 16:9
 style: |
   /* Define the layout for the specific slide class 'showcase' */
   section.showcase {
@@ -38,7 +38,7 @@ style: |
   section.showcase img.logo {
     position: absolute;
     bottom: 30px;
-    right: 40px;
+    right: 80px;
     height: 100px; /* Adjust based on your logo aspect ratio */
     width: auto;
   }
@@ -82,4 +82,3 @@ style: |
 <img src="assets/screenshot4.png" class="browser-shot" />
 
 <img src="assets/logo.svg" class="logo" />
-

browser-plugin/src/host/manifest.json

@@ -5,7 +5,8 @@
   "description": "Objectively analyzes news articles for journalistic quality, rewriting headlines to remove bias, framing, and sensationalism.",
   "permissions": [
     "storage",
-    "declarativeNetRequest"
+    "declarativeNetRequest",
+    "activeTab"
   ],
   "host_permissions": [
     "<all_urls>"