Home Explore Help
Sign In
ABC80
/
max80_fw
mirror of https://git.zytor.com/abc80/max80/fw.git/
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Cleaned up .svg; use .svg in the esp32 webpage despite need for font

Fix the masking in .svg logo.

Use the .svg in the esp32 webpage for scalability. Unfortunately it
requires a font file (which is ~20K compressed) as I have not yet
found a program to convert or subset the font.
H. Peter Anvin 2 years ago
parent
a0ba63f0a3
commit
1b87eb2968
16 changed files with 56 additions and 74 deletions
Split View Show Diff Stats
  1. BIN
      esp32/www/img/Prisma.woff2
  2. BIN
      esp32/www/img/max80-64.png
  3. 15 0
      esp32/www/img/max80-trans.svg
  4. 1 1
      esp32/www/index.html
  5. 20 0
      img/Makefile
  6. BIN
      img/max80-100.png
  7. BIN
      img/max80-128.png
  8. BIN
      img/max80-200.png
  9. BIN
      img/max80-25.png
  10. BIN
      img/max80-256.png
  11. BIN
      img/max80-50.png
  12. BIN
      img/max80-512.png
  13. BIN
      img/max80-64-1.png
  14. BIN
      img/max80-64.png
  15. 12 0
      img/max80-trans.svg
  16. 8 73
      img/max80.svg

BIN
esp32/www/img/Prisma.woff2
View File


BIN
esp32/www/img/max80-64.png
View File


+ 15 - 0
esp32/www/img/max80-trans.svg
View File 

@@ -0,0 +1,15 @@
 
+<?xml version="1.0" standalone="no" ?>
 
+<svg viewBox="0 0 315 100" xmlns="http://www.w3.org/2000/svg">
 
+  <style>
 
+    @font-face { font-family: Prisma; src: url(Prisma.woff2); }
 
+  </style>
 
+  <mask id="mask">
 
+    <g dominant-baseline="middle" text-rendering="geometricPrecision" paint-order="stroke fill" fill="white" stroke="black">
 
+      <text font-family="Prisma" x="164" y="50" font-size="100">X</text>
 
+      <text font-family="Prisma" x="100.4" y="50" font-size="100" stroke-width="3">A</text>
 
+      <text font-family="Prisma" x="5" y="50" font-size="100" stroke-width="3">M</text>
 
+      <text font-family="Helvetica" x="150" y="56" font-size="50" font-weight="bold" transform="scale(1.5 1)">80</text>
 
+    </g>
 
+  </mask>
 
+  <rect x="0" y="0" width="100%" height="100%" fill="black" mask="url(#mask)" />
 
+</svg>

+ 1 - 1
esp32/www/index.html
View File 

@@ -5,7 +5,7 @@
 
   </head>
 
   <body>
 
     <p>
 
-      <img src="img/max80-64.png" alt="MAX80" width="269" height="64" />
 
+      <img src="img/max80-trans.svg" alt="MAX80" width="252" height="80" />
 
       <br />
 
       by Peter &amp; Per
 
     </p>

+ 20 - 0
img/Makefile
View File 

@@ -0,0 +1,20 @@
 
+SIZES	= 25 50 100 200
 
+IMGS	= max80.svg
 
+REDUCE	= -colors 4
 
+
 
+all:
 
+	for f in $(SIZES); do $(MAKE) SIZE=$$f imgs; done
 
+
 
+imgs:	$(patsubst %.svg,%-$(SIZE).png,$(IMGS))
 
+
 
+%-$(SIZE).png: %.svg
 
+	convert -antialias -resize x$(SIZE) $<  \
 
+		$(REDUCE) -auto-level \
 
+		-negate -alpha copy -negate $@
 
+
 
+clean:
 
+	for f in $(patsubst %.svg,%,$(IMGS)); do rm -f "$$f"-*.png; done
 
+
 
+spotless: clean
 
+
 
+

BIN
img/max80-100.png
View File


BIN
img/max80-128.png
View File


BIN
img/max80-200.png
View File


BIN
img/max80-25.png
View File


BIN
img/max80-256.png
View File


BIN
img/max80-50.png
View File


BIN
img/max80-512.png
View File


BIN
img/max80-64-1.png
View File


BIN
img/max80-64.png
View File


+ 12 - 0
img/max80-trans.svg
View File 

@@ -0,0 +1,12 @@
 
+<?xml version="1.0" standalone="no" ?>
 
+<svg viewBox="0 0 315 100" xmlns="http://www.w3.org/2000/svg">
 
+  <mask id="mask">
 
+    <g dominant-baseline="middle" text-rendering="geometricPrecision" paint-order="stroke fill" fill="white" stroke="black">
 
+      <text font-family="Prisma" x="164" y="50" font-size="100">X</text>
 
+      <text font-family="Prisma" x="100.4" y="50" font-size="100" stroke-width="3">A</text>
 
+      <text font-family="Prisma" x="5" y="50" font-size="100" stroke-width="3">M</text>
 
+      <text font-family="Helvetica" x="150" y="56" font-size="50" font-weight="bold" transform="scale(1.5 1)">80</text>
 
+    </g>
 
+  </mask>
 
+  <rect x="0" y="0" width="100%" height="100%" fill="black" mask="url(#mask)" />
 
+</svg>

+ 8 - 73
img/max80.svg
View File 

@@ -1,75 +1,10 @@
 
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
 
-
 
-<svg
 
-   width="101.40808mm"
 
-   height="24.163044mm"
 
-   viewBox="0 0 101.40808 24.163044"
 
-   version="1.1"
 
-   id="svg5"
 
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
 
-   sodipodi:docname="max80.svg"
 
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 
-   xmlns="http://www.w3.org/2000/svg"
 
-   xmlns:svg="http://www.w3.org/2000/svg">
 
-  <sodipodi:namedview
 
-     id="namedview7"
 
-     pagecolor="#ffffff"
 
-     bordercolor="#666666"
 
-     borderopacity="1.0"
 
-     inkscape:pageshadow="2"
 
-     inkscape:pageopacity="0.0"
 
-     inkscape:pagecheckerboard="0"
 
-     inkscape:document-units="mm"
 
-     showgrid="true"
 
-     inkscape:snap-text-baseline="true"
 
-     inkscape:zoom="2.1997092"
 
-     inkscape:cx="143.88266"
 
-     inkscape:cy="131.60831"
 
-     inkscape:window-width="3840"
 
-     inkscape:window-height="2097"
 
-     inkscape:window-x="0"
 
-     inkscape:window-y="0"
 
-     inkscape:window-maximized="1"
 
-     inkscape:current-layer="layer1">
 
-    <inkscape:grid
 
-       type="xygrid"
 
-       id="grid45027"
 
-       originx="-18.742506"
 
-       originy="-25.063353" />
 
-  </sodipodi:namedview>
 
-  <defs
 
-     id="defs2" />
 
-  <g
 
-     inkscape:label="Layer 1"
 
-     inkscape:groupmode="layer"
 
-     id="layer1"
 
-     transform="translate(-18.742506,-25.063352)">
 
-    <flowRoot
 
-       xml:space="preserve"
 
-       transform="matrix(0.24626738,0,0,0.24139869,5.4814574,3.8745948)"
 
-       style="font-size:128px;line-height:1.25;font-family:Prisma;-inkscape-font-specification:'Prisma, Normal';font-variant-ligatures:none;letter-spacing:-26.31px;word-spacing:0px"
 
-       id="flowRoot7319"><flowRegion
 
-         id="flowRegion7321"><rect
 
-           id="rect7323"
 
-           width="682.76971"
 
-           height="746.41772"
 
-           x="47.575291"
 
-           y="45.646561" /></flowRegion><flowPara
 
-         id="flowPara7325">MAX</flowPara></flowRoot>
 
-    <flowRoot
 
-       xml:space="preserve"
 
-       transform="matrix(0.42638709,0,0,0.26458211,-73.905575,-15.140368)"
 
-       style="font-size:128px;line-height:1.25;font-family:Prisma;-inkscape-font-specification:'Prisma, Normal';font-variant-ligatures:none;letter-spacing:0px;word-spacing:0px"
 
-       id="flowRoot73314"><flowRegion
 
-         id="flowRegion73316"><rect
 
-           id="rect73318"
 
-           width="405"
 
-           height="375"
 
-           x="375"
 
-           y="80" /></flowRegion><flowPara
 
-         id="flowPara73320"
 
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:74.6667px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans, Bold';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">80</flowPara></flowRoot>
 
+<?xml version="1.0" standalone="no" ?>
 
+<svg viewBox="0 0 315 100" xmlns="http://www.w3.org/2000/svg">
 
+  <g dominant-baseline="middle" text-rendering="geometricPrecision"
 
+     paint-order="stroke fill" fill="black" stroke="white">
 
+    <text font-family="Prisma" x="164" y="50" font-size="100">X</text>
 
+    <text font-family="Prisma" x="100.4" y="50" font-size="100" stroke-width="3">A</text>
 
+    <text font-family="Prisma" x="5" y="50" font-size="100" stroke-width="3">M</text>
 
+    <text font-family="Helvetica" x="150" y="56" font-size="50" font-weight="bold" transform="scale(1.5 1)">80</text>
 
   </g>
 
 </svg>