mlaga97/QRnZine
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Version 0.2

Browse source
This commit is contained in:
Lauren Lagarde 2025-02-24 23:27:17 -06:00
parent 5e35cecf7b
commit 5ed70c7c7c
18 changed files with 186 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

26
c3.svg Normal file
View file

@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" width="550" height="425" viewBox="0 0 550 425">
<rect width="275" height="425" fill="#FFFFFF" stroke="#AAAAAA" />
<text x="105" y="415">Page 3</text>
<foreignObject x="20" y="15" width="230" height="375">
<div xmlns="http://www.w3.org/1999/xhtml">
<b>SVGs</b>
<p>First we'll need to have a template to start with...</p>
<p>SVG (Scalable Vector Graphics) is an XML-based vector image format.</p>
<p>If you already know HTML, SVG is super easy to wrap your head around and start modifying, but comes with some handy extra tools for making things like print documents like this one.</p>
<p>SVG seems like a good choice to use for building a document template.</p>
</div>
</foreignObject>
<g transform='translate(275 0)'>
<rect width="275" height="425" fill="#FFFFFF" stroke="#AAAAAA" />
<text x="105" y="415">Page 4</text>
<foreignObject x="20" y="15" width="230" height="375">
<div xmlns="http://www.w3.org/1999/xhtml">
<b>QR Codes</b>
<p>Getting code onto and off of paper easily is a pain if you're relying on manually copying between the two.</p>
<p>Fortunately, this problem is largely avoided using barcodes and 2d barcodes like QR Codes, the ubiquitous 2d barcode solution that pretty much everyone has a scanner for in their pocket.</p>
<p>The biggest QR codes can store about 3kB of text, which is decent, but not quite enough for us.</p>
</div>
</foreignObject>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB