mirror of
https://github.com/zitadel/zitadel.git
synced 2025-08-11 18:33:28 +00:00
fix: improvements for login and oidc (#227)
* add csrf * caching * caching * caching * caching * security headers * csp and security headers * error handler csp * select user with display name * csp * user selection styling * username to loginname * regenerate grpc * regenerate * change to login name
This commit is contained in:
Livio Amstutz
73
internal/qrcode/qr_svg.go
Normal file
73
internal/qrcode/qr_svg.go
Normal file
@@ -0,0 +1,73 @@
|
||||
package qrcode
|
||||
|
||||
import (
|
||||
"errors"
|
||||
"image/color"
|
||||
|
||||
"github.com/ajstarks/svgo"
|
||||
"github.com/boombuler/barcode"
|
||||
)
|
||||
|
||||
// QrSVG holds the data related to the size, location,
|
||||
// and block size of the QR Code. Holds unexported fields.
|
||||
type QrSVG struct {
|
||||
qr barcode.Barcode
|
||||
qrWidth int
|
||||
blockSize int
|
||||
startingX int
|
||||
startingY int
|
||||
}
|
||||
|
||||
// NewQrSVG contructs a QrSVG struct. It takes a QR Code in the form
|
||||
// of barcode.Barcode and sets the "pixel" or block size of QR Code in
|
||||
// the SVG file.
|
||||
func NewQrSVG(qr barcode.Barcode, blockSize int) QrSVG {
|
||||
return QrSVG{
|
||||
qr: qr,
|
||||
qrWidth: qr.Bounds().Max.X,
|
||||
blockSize: blockSize,
|
||||
startingX: 0,
|
||||
startingY: 0,
|
||||
}
|
||||
}
|
||||
|
||||
// WriteQrSVG writes the QR Code to SVG.
|
||||
func (qs *QrSVG) WriteQrSVG(s *svg.SVG) error {
|
||||
if qs.qr.Metadata().CodeKind == "QR Code" {
|
||||
currY := qs.startingY
|
||||
|
||||
for x := 0; x < qs.qrWidth; x++ {
|
||||
currX := qs.startingX
|
||||
for y := 0; y < qs.qrWidth; y++ {
|
||||
if qs.qr.At(x, y) == color.Black {
|
||||
s.Rect(currX, currY, qs.blockSize, qs.blockSize, "class=\"color\"")
|
||||
} else if qs.qr.At(x, y) == color.White {
|
||||
s.Rect(currX, currY, qs.blockSize, qs.blockSize, "class=\"bg-color\"")
|
||||
}
|
||||
currX += qs.blockSize
|
||||
}
|
||||
currY += qs.blockSize
|
||||
}
|
||||
return nil
|
||||
}
|
||||
return errors.New("can not write to SVG: Not a QR code")
|
||||
}
|
||||
|
||||
// SetStartPoint sets the top left start point of QR Code.
|
||||
// This takes an X and Y value and then adds four white "blocks"
|
||||
// to create the "quiet zone" around the QR Code.
|
||||
func (qs *QrSVG) SetStartPoint(x, y int) {
|
||||
qs.startingX = x + (qs.blockSize * 4)
|
||||
qs.startingY = y + (qs.blockSize * 4)
|
||||
}
|
||||
|
||||
// StartQrSVG creates a start for writing an SVG file that
|
||||
// only contains a barcode. This is similar to the svg.Start() method.
|
||||
// This fucntion should only be used if you only want to write a QR code
|
||||
// to the SVG. Otherwise use the regular svg.Start() method to start your
|
||||
// SVG file.
|
||||
func (qs *QrSVG) StartQrSVG(s *svg.SVG) {
|
||||
width := (qs.qrWidth * qs.blockSize) + (qs.blockSize * 8)
|
||||
qs.SetStartPoint(0, 0)
|
||||
s.Start(width, width)
|
||||
}
|
||||
493
internal/qrcode/qr_svg_test.go
Normal file
493
internal/qrcode/qr_svg_test.go
Normal file
@@ -0,0 +1,493 @@
|
||||
package qrcode
|
||||
|
||||
import (
|
||||
"bytes"
|
||||
"os"
|
||||
"testing"
|
||||
|
||||
"github.com/ajstarks/svgo"
|
||||
"github.com/boombuler/barcode/qr"
|
||||
)
|
||||
|
||||
func Test_goqrsvg(t *testing.T) {
|
||||
buf := bytes.NewBufferString("")
|
||||
s := svg.New(buf)
|
||||
|
||||
// Create the barcode
|
||||
qrCode, _ := qr.Encode("Hello World", qr.M, qr.Auto)
|
||||
|
||||
// Write QR code to SVG
|
||||
qs := NewQrSVG(qrCode, 5)
|
||||
qs.StartQrSVG(s)
|
||||
qs.WriteQrSVG(s)
|
||||
|
||||
s.End()
|
||||
|
||||
// Check if output the same as correctOutput
|
||||
if buf.String() != correctOutput {
|
||||
t.Error("Something is not right... The SVG created is not the same as correctOutput.")
|
||||
}
|
||||
}
|
||||
|
||||
func ExampleNewQrSVG() {
|
||||
s := svg.New(os.Stdout)
|
||||
|
||||
// Create the barcode
|
||||
qrCode, _ := qr.Encode("Hello World", qr.M, qr.Auto)
|
||||
|
||||
// Write QR code to SVG
|
||||
qs := NewQrSVG(qrCode, 5)
|
||||
qs.StartQrSVG(s)
|
||||
qs.WriteQrSVG(s)
|
||||
|
||||
s.End()
|
||||
}
|
||||
|
||||
const correctOutput = `<?xml version="1.0"?>
|
||||
<!-- Generated by SVGo -->
|
||||
<svg width="145" height="145"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect x="20" y="20" width="5" height="5" class="color" />
|
||||
<rect x="25" y="20" width="5" height="5" class="color" />
|
||||
<rect x="30" y="20" width="5" height="5" class="color" />
|
||||
<rect x="35" y="20" width="5" height="5" class="color" />
|
||||
<rect x="40" y="20" width="5" height="5" class="color" />
|
||||
<rect x="45" y="20" width="5" height="5" class="color" />
|
||||
<rect x="50" y="20" width="5" height="5" class="color" />
|
||||
<rect x="55" y="20" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="20" width="5" height="5" class="color" />
|
||||
<rect x="65" y="20" width="5" height="5" class="color" />
|
||||
<rect x="70" y="20" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="20" width="5" height="5" class="color" />
|
||||
<rect x="80" y="20" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="20" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="20" width="5" height="5" class="color" />
|
||||
<rect x="95" y="20" width="5" height="5" class="color" />
|
||||
<rect x="100" y="20" width="5" height="5" class="color" />
|
||||
<rect x="105" y="20" width="5" height="5" class="color" />
|
||||
<rect x="110" y="20" width="5" height="5" class="color" />
|
||||
<rect x="115" y="20" width="5" height="5" class="color" />
|
||||
<rect x="120" y="20" width="5" height="5" class="color" />
|
||||
<rect x="20" y="25" width="5" height="5" class="color" />
|
||||
<rect x="25" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="25" width="5" height="5" class="color" />
|
||||
<rect x="55" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="25" width="5" height="5" class="color" />
|
||||
<rect x="75" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="25" width="5" height="5" class="color" />
|
||||
<rect x="85" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="25" width="5" height="5" class="color" />
|
||||
<rect x="95" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="25" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="25" width="5" height="5" class="color" />
|
||||
<rect x="20" y="30" width="5" height="5" class="color" />
|
||||
<rect x="25" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="30" width="5" height="5" class="color" />
|
||||
<rect x="35" y="30" width="5" height="5" class="color" />
|
||||
<rect x="40" y="30" width="5" height="5" class="color" />
|
||||
<rect x="45" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="30" width="5" height="5" class="color" />
|
||||
<rect x="55" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="30" width="5" height="5" class="color" />
|
||||
<rect x="65" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="30" width="5" height="5" class="color" />
|
||||
<rect x="75" y="30" width="5" height="5" class="color" />
|
||||
<rect x="80" y="30" width="5" height="5" class="color" />
|
||||
<rect x="85" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="30" width="5" height="5" class="color" />
|
||||
<rect x="95" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="30" width="5" height="5" class="color" />
|
||||
<rect x="105" y="30" width="5" height="5" class="color" />
|
||||
<rect x="110" y="30" width="5" height="5" class="color" />
|
||||
<rect x="115" y="30" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="30" width="5" height="5" class="color" />
|
||||
<rect x="20" y="35" width="5" height="5" class="color" />
|
||||
<rect x="25" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="35" width="5" height="5" class="color" />
|
||||
<rect x="35" y="35" width="5" height="5" class="color" />
|
||||
<rect x="40" y="35" width="5" height="5" class="color" />
|
||||
<rect x="45" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="35" width="5" height="5" class="color" />
|
||||
<rect x="55" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="35" width="5" height="5" class="color" />
|
||||
<rect x="65" y="35" width="5" height="5" class="color" />
|
||||
<rect x="70" y="35" width="5" height="5" class="color" />
|
||||
<rect x="75" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="35" width="5" height="5" class="color" />
|
||||
<rect x="95" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="35" width="5" height="5" class="color" />
|
||||
<rect x="105" y="35" width="5" height="5" class="color" />
|
||||
<rect x="110" y="35" width="5" height="5" class="color" />
|
||||
<rect x="115" y="35" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="35" width="5" height="5" class="color" />
|
||||
<rect x="20" y="40" width="5" height="5" class="color" />
|
||||
<rect x="25" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="40" width="5" height="5" class="color" />
|
||||
<rect x="35" y="40" width="5" height="5" class="color" />
|
||||
<rect x="40" y="40" width="5" height="5" class="color" />
|
||||
<rect x="45" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="40" width="5" height="5" class="color" />
|
||||
<rect x="55" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="40" width="5" height="5" class="color" />
|
||||
<rect x="65" y="40" width="5" height="5" class="color" />
|
||||
<rect x="70" y="40" width="5" height="5" class="color" />
|
||||
<rect x="75" y="40" width="5" height="5" class="color" />
|
||||
<rect x="80" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="40" width="5" height="5" class="color" />
|
||||
<rect x="95" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="40" width="5" height="5" class="color" />
|
||||
<rect x="105" y="40" width="5" height="5" class="color" />
|
||||
<rect x="110" y="40" width="5" height="5" class="color" />
|
||||
<rect x="115" y="40" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="40" width="5" height="5" class="color" />
|
||||
<rect x="20" y="45" width="5" height="5" class="color" />
|
||||
<rect x="25" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="45" width="5" height="5" class="color" />
|
||||
<rect x="55" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="45" width="5" height="5" class="color" />
|
||||
<rect x="65" y="45" width="5" height="5" class="color" />
|
||||
<rect x="70" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="45" width="5" height="5" class="color" />
|
||||
<rect x="95" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="45" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="45" width="5" height="5" class="color" />
|
||||
<rect x="20" y="50" width="5" height="5" class="color" />
|
||||
<rect x="25" y="50" width="5" height="5" class="color" />
|
||||
<rect x="30" y="50" width="5" height="5" class="color" />
|
||||
<rect x="35" y="50" width="5" height="5" class="color" />
|
||||
<rect x="40" y="50" width="5" height="5" class="color" />
|
||||
<rect x="45" y="50" width="5" height="5" class="color" />
|
||||
<rect x="50" y="50" width="5" height="5" class="color" />
|
||||
<rect x="55" y="50" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="50" width="5" height="5" class="color" />
|
||||
<rect x="65" y="50" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="50" width="5" height="5" class="color" />
|
||||
<rect x="75" y="50" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="50" width="5" height="5" class="color" />
|
||||
<rect x="85" y="50" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="50" width="5" height="5" class="color" />
|
||||
<rect x="95" y="50" width="5" height="5" class="color" />
|
||||
<rect x="100" y="50" width="5" height="5" class="color" />
|
||||
<rect x="105" y="50" width="5" height="5" class="color" />
|
||||
<rect x="110" y="50" width="5" height="5" class="color" />
|
||||
<rect x="115" y="50" width="5" height="5" class="color" />
|
||||
<rect x="120" y="50" width="5" height="5" class="color" />
|
||||
<rect x="20" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="25" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="55" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="55" width="5" height="5" class="color" />
|
||||
<rect x="75" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="55" width="5" height="5" class="bg-color" />
|
||||
<rect x="20" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="25" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="60" width="5" height="5" class="color" />
|
||||
<rect x="35" y="60" width="5" height="5" class="color" />
|
||||
<rect x="40" y="60" width="5" height="5" class="color" />
|
||||
<rect x="45" y="60" width="5" height="5" class="color" />
|
||||
<rect x="50" y="60" width="5" height="5" class="color" />
|
||||
<rect x="55" y="60" width="5" height="5" class="color" />
|
||||
<rect x="60" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="60" width="5" height="5" class="color" />
|
||||
<rect x="70" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="60" width="5" height="5" class="color" />
|
||||
<rect x="80" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="60" width="5" height="5" class="color" />
|
||||
<rect x="90" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="60" width="5" height="5" class="color" />
|
||||
<rect x="100" y="60" width="5" height="5" class="color" />
|
||||
<rect x="105" y="60" width="5" height="5" class="color" />
|
||||
<rect x="110" y="60" width="5" height="5" class="color" />
|
||||
<rect x="115" y="60" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="60" width="5" height="5" class="color" />
|
||||
<rect x="20" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="25" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="65" width="5" height="5" class="color" />
|
||||
<rect x="40" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="55" y="65" width="5" height="5" class="color" />
|
||||
<rect x="60" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="65" width="5" height="5" class="color" />
|
||||
<rect x="75" y="65" width="5" height="5" class="color" />
|
||||
<rect x="80" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="65" width="5" height="5" class="color" />
|
||||
<rect x="110" y="65" width="5" height="5" class="color" />
|
||||
<rect x="115" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="65" width="5" height="5" class="bg-color" />
|
||||
<rect x="20" y="70" width="5" height="5" class="color" />
|
||||
<rect x="25" y="70" width="5" height="5" class="color" />
|
||||
<rect x="30" y="70" width="5" height="5" class="color" />
|
||||
<rect x="35" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="70" width="5" height="5" class="color" />
|
||||
<rect x="50" y="70" width="5" height="5" class="color" />
|
||||
<rect x="55" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="70" width="5" height="5" class="color" />
|
||||
<rect x="90" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="70" width="5" height="5" class="color" />
|
||||
<rect x="110" y="70" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="70" width="5" height="5" class="color" />
|
||||
<rect x="120" y="70" width="5" height="5" class="color" />
|
||||
<rect x="20" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="25" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="75" width="5" height="5" class="color" />
|
||||
<rect x="40" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="75" width="5" height="5" class="color" />
|
||||
<rect x="50" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="55" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="75" width="5" height="5" class="color" />
|
||||
<rect x="65" y="75" width="5" height="5" class="color" />
|
||||
<rect x="70" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="75" width="5" height="5" class="color" />
|
||||
<rect x="80" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="75" width="5" height="5" class="color" />
|
||||
<rect x="95" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="75" width="5" height="5" class="color" />
|
||||
<rect x="105" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="75" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="75" width="5" height="5" class="color" />
|
||||
<rect x="20" y="80" width="5" height="5" class="color" />
|
||||
<rect x="25" y="80" width="5" height="5" class="color" />
|
||||
<rect x="30" y="80" width="5" height="5" class="color" />
|
||||
<rect x="35" y="80" width="5" height="5" class="color" />
|
||||
<rect x="40" y="80" width="5" height="5" class="color" />
|
||||
<rect x="45" y="80" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="80" width="5" height="5" class="color" />
|
||||
<rect x="55" y="80" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="80" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="80" width="5" height="5" class="color" />
|
||||
<rect x="70" y="80" width="5" height="5" class="color" />
|
||||
<rect x="75" y="80" width="5" height="5" class="color" />
|
||||
<rect x="80" y="80" width="5" height="5" class="color" />
|
||||
<rect x="85" y="80" width="5" height="5" class="color" />
|
||||
<rect x="90" y="80" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="80" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="80" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="80" width="5" height="5" class="color" />
|
||||
<rect x="110" y="80" width="5" height="5" class="color" />
|
||||
<rect x="115" y="80" width="5" height="5" class="color" />
|
||||
<rect x="120" y="80" width="5" height="5" class="color" />
|
||||
<rect x="20" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="25" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="55" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="85" width="5" height="5" class="color" />
|
||||
<rect x="70" y="85" width="5" height="5" class="color" />
|
||||
<rect x="75" y="85" width="5" height="5" class="color" />
|
||||
<rect x="80" y="85" width="5" height="5" class="color" />
|
||||
<rect x="85" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="85" width="5" height="5" class="color" />
|
||||
<rect x="100" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="85" width="5" height="5" class="color" />
|
||||
<rect x="110" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="85" width="5" height="5" class="color" />
|
||||
<rect x="120" y="85" width="5" height="5" class="bg-color" />
|
||||
<rect x="20" y="90" width="5" height="5" class="color" />
|
||||
<rect x="25" y="90" width="5" height="5" class="color" />
|
||||
<rect x="30" y="90" width="5" height="5" class="color" />
|
||||
<rect x="35" y="90" width="5" height="5" class="color" />
|
||||
<rect x="40" y="90" width="5" height="5" class="color" />
|
||||
<rect x="45" y="90" width="5" height="5" class="color" />
|
||||
<rect x="50" y="90" width="5" height="5" class="color" />
|
||||
<rect x="55" y="90" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="90" width="5" height="5" class="color" />
|
||||
<rect x="65" y="90" width="5" height="5" class="color" />
|
||||
<rect x="70" y="90" width="5" height="5" class="color" />
|
||||
<rect x="75" y="90" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="90" width="5" height="5" class="color" />
|
||||
<rect x="85" y="90" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="90" width="5" height="5" class="color" />
|
||||
<rect x="95" y="90" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="90" width="5" height="5" class="color" />
|
||||
<rect x="105" y="90" width="5" height="5" class="color" />
|
||||
<rect x="110" y="90" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="90" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="90" width="5" height="5" class="color" />
|
||||
<rect x="20" y="95" width="5" height="5" class="color" />
|
||||
<rect x="25" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="95" width="5" height="5" class="color" />
|
||||
<rect x="55" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="95" width="5" height="5" class="color" />
|
||||
<rect x="65" y="95" width="5" height="5" class="color" />
|
||||
<rect x="70" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="95" width="5" height="5" class="color" />
|
||||
<rect x="100" y="95" width="5" height="5" class="color" />
|
||||
<rect x="105" y="95" width="5" height="5" class="color" />
|
||||
<rect x="110" y="95" width="5" height="5" class="color" />
|
||||
<rect x="115" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="95" width="5" height="5" class="bg-color" />
|
||||
<rect x="20" y="100" width="5" height="5" class="color" />
|
||||
<rect x="25" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="100" width="5" height="5" class="color" />
|
||||
<rect x="35" y="100" width="5" height="5" class="color" />
|
||||
<rect x="40" y="100" width="5" height="5" class="color" />
|
||||
<rect x="45" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="100" width="5" height="5" class="color" />
|
||||
<rect x="55" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="100" width="5" height="5" class="color" />
|
||||
<rect x="65" y="100" width="5" height="5" class="color" />
|
||||
<rect x="70" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="100" width="5" height="5" class="color" />
|
||||
<rect x="80" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="100" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="100" width="5" height="5" class="color" />
|
||||
<rect x="110" y="100" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="100" width="5" height="5" class="color" />
|
||||
<rect x="120" y="100" width="5" height="5" class="color" />
|
||||
<rect x="20" y="105" width="5" height="5" class="color" />
|
||||
<rect x="25" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="105" width="5" height="5" class="color" />
|
||||
<rect x="35" y="105" width="5" height="5" class="color" />
|
||||
<rect x="40" y="105" width="5" height="5" class="color" />
|
||||
<rect x="45" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="105" width="5" height="5" class="color" />
|
||||
<rect x="55" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="105" width="5" height="5" class="color" />
|
||||
<rect x="65" y="105" width="5" height="5" class="color" />
|
||||
<rect x="70" y="105" width="5" height="5" class="color" />
|
||||
<rect x="75" y="105" width="5" height="5" class="color" />
|
||||
<rect x="80" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="105" width="5" height="5" class="color" />
|
||||
<rect x="90" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="105" width="5" height="5" class="color" />
|
||||
<rect x="100" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="105" width="5" height="5" class="color" />
|
||||
<rect x="110" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="105" width="5" height="5" class="color" />
|
||||
<rect x="120" y="105" width="5" height="5" class="bg-color" />
|
||||
<rect x="20" y="110" width="5" height="5" class="color" />
|
||||
<rect x="25" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="110" width="5" height="5" class="color" />
|
||||
<rect x="35" y="110" width="5" height="5" class="color" />
|
||||
<rect x="40" y="110" width="5" height="5" class="color" />
|
||||
<rect x="45" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="110" width="5" height="5" class="color" />
|
||||
<rect x="55" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="110" width="5" height="5" class="color" />
|
||||
<rect x="65" y="110" width="5" height="5" class="color" />
|
||||
<rect x="70" y="110" width="5" height="5" class="color" />
|
||||
<rect x="75" y="110" width="5" height="5" class="color" />
|
||||
<rect x="80" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="110" width="5" height="5" class="color" />
|
||||
<rect x="95" y="110" width="5" height="5" class="color" />
|
||||
<rect x="100" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="110" width="5" height="5" class="color" />
|
||||
<rect x="115" y="110" width="5" height="5" class="color" />
|
||||
<rect x="120" y="110" width="5" height="5" class="bg-color" />
|
||||
<rect x="20" y="115" width="5" height="5" class="color" />
|
||||
<rect x="25" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="30" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="35" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="40" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="45" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="50" y="115" width="5" height="5" class="color" />
|
||||
<rect x="55" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="70" y="115" width="5" height="5" class="color" />
|
||||
<rect x="75" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="85" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="115" width="5" height="5" class="color" />
|
||||
<rect x="95" y="115" width="5" height="5" class="color" />
|
||||
<rect x="100" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="105" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="115" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="115" width="5" height="5" class="color" />
|
||||
<rect x="20" y="120" width="5" height="5" class="color" />
|
||||
<rect x="25" y="120" width="5" height="5" class="color" />
|
||||
<rect x="30" y="120" width="5" height="5" class="color" />
|
||||
<rect x="35" y="120" width="5" height="5" class="color" />
|
||||
<rect x="40" y="120" width="5" height="5" class="color" />
|
||||
<rect x="45" y="120" width="5" height="5" class="color" />
|
||||
<rect x="50" y="120" width="5" height="5" class="color" />
|
||||
<rect x="55" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="60" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="65" y="120" width="5" height="5" class="color" />
|
||||
<rect x="70" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="75" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="80" y="120" width="5" height="5" class="color" />
|
||||
<rect x="85" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="90" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="95" y="120" width="5" height="5" class="color" />
|
||||
<rect x="100" y="120" width="5" height="5" class="color" />
|
||||
<rect x="105" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="110" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="115" y="120" width="5" height="5" class="bg-color" />
|
||||
<rect x="120" y="120" width="5" height="5" class="bg-color" />
|
||||
</svg>
|
||||
`
|
||||
14
internal/qrcode/readme.md
Normal file
14
internal/qrcode/readme.md
Normal file
@@ -0,0 +1,14 @@
|
||||
# QR Code to SVG
|
||||
|
||||
This package is a copy of https://github.com/aaronarduino/goqrsvg with the difference of creating the svg with `class` attribute instead of inline `style`:
|
||||
|
||||
```go
|
||||
s.Rect(currX, currY, qs.blockSize, qs.blockSize, "class=\"color\"")
|
||||
```
|
||||
|
||||
and not
|
||||
```go
|
||||
s.Rect(currX, currY, qs.blockSize, qs.blockSize, "fill:black;stroke:none")
|
||||
```
|
||||
|
||||
This allows the svg to be styled by css more easily and does not compromise Content Security Policy (CSP).
|
||||
Reference in New Issue
Block a user