项目作者: azoyan

项目描述 :
Generate beautiful SVG patterns from a string on Lua (5.1 - 5.4 and LuaJIT)
高级语言: Lua
项目地址: git://github.com/azoyan/geopattern.git
创建时间: 2020-10-05T12:18:33Z
项目社区:https://github.com/azoyan/geopattern

开源协议:

下载


geopattern

geopattern example

Lua implemenation of geopatterns (Ruby library) by Jason Long.

Generate beautiful SVG patterns from a string.

Installation

  1. git clone https://github.com/azoyan/geopattern.git

Usage

Create a new pattern by calling GeoPattern:new() with a string and a
generator (the result of this string/generator pair is the above image).

  1. local GeoPattern = require "geopattern"
  2. local geo = GeoPattern:new("GitHub")
  3. print(geo:toSvg())

API

GeoPattern:new(string, options)

Returns a newly-generated, tiling SVG Pattern.

  • string Will be hashed using the SHA1 algorithm, and the resulting hash will be used as the seed for generation.

  • options.color Specify an exact background color. This is a CSS hexadecimal color value.

  • options.baseColor Controls the relative background color of the generated image. The color is not identical to that used in the pattern because the hue is rotated by the generator. This is a CSS hexadecimal color value, which defaults to #933c3c.

  • options.generator Determines the pattern. All of the original patterns are available in this port, and their names are camelCased.

    Available Patterns:

    • "octogons"
    • "overlappingCircles"
    • "plusSigns"
    • "xes'"
    • "sineWaves"
    • "hexagons"
    • "overlappingRings"
    • "plaid"
    • "triangles"
    • "squares"
    • "concentricCircles"
    • "diamonds"
    • "tessellation"
    • "nestedSquares'"
    • "mosaicSquares"
    • "chevrons"
  1. local GeoPattern = require "geopattern"
  2. local pattern1 = GeoPattern:new("GitHub") -- without options
  3. local pattern3 = GeoPattern:new("GitHub", { color = "#00ffff" })
  4. local pattern2 = GeoPattern:new("GitHub", { generator = "concentricCircles" })
  5. local options = {
  6. generator = "concentricCircles",
  7. color = "#00ffff",
  8. baseColor = "#af39b3"
  9. }
  10. local pattern4 = GeoPattern:new("GitHub", options) -- with all available options

GeoPattern:toSvg()

Returns the SVG string representing the pattern.

  1. local GeoPattern = require "geopattern"
  2. local pattern = GeoPattern:new("GitHub")
  3. local svg = pattern:toSvg() -- string in SVG format
  4. print(svg)

Output:

  1. <svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><rect x="0" y="0" width="100%" height="100%" fill="rgb(69, 93, 137)"></rect><rect x="0" y="0" width="26.666666666667" height="26.666666666667" fill-opacity="0.063333333333333" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="26" y="0" width="26.666666666667" height="26.666666666667" fill-opacity="0.054666666666667" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="53" y="0" width="26.666666666667" height="26.666666666667" fill-opacity="0.054666666666667" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="80" y="0" width="26.666666666667" height="26.666666666667" fill-opacity="0.037333333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="106" y="0" width="26.666666666667" height="26.666666666667" fill-opacity="0.14133333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="133" y="0" width="26.666666666667" height="26.666666666667" fill-opacity="0.037333333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="0" y="26" width="26.666666666667" height="26.666666666667" fill-opacity="0.11533333333333" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="26" y="26" width="26.666666666667" height="26.666666666667" fill-opacity="0.072" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="53" y="26" width="26.666666666667" height="26.666666666667" fill-opacity="0.054666666666667" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="80" y="26" width="26.666666666667" height="26.666666666667" fill-opacity="0.15" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="106" y="26" width="26.666666666667" height="26.666666666667" fill-opacity="0.10666666666667" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="133" y="26" width="26.666666666667" height="26.666666666667" fill-opacity="0.02" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="0" y="53" width="26.666666666667" height="26.666666666667" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="26" y="53" width="26.666666666667" height="26.666666666667" fill-opacity="0.080666666666667" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="53" y="53" width="26.666666666667" height="26.666666666667" fill-opacity="0.072" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="80" y="53" width="26.666666666667" height="26.666666666667" fill-opacity="0.054666666666667" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="106" y="53" width="26.666666666667" height="26.666666666667" fill-opacity="0.11533333333333" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="133" y="53" width="26.666666666667" height="26.666666666667" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="0" y="80" width="26.666666666667" height="26.666666666667" fill-opacity="0.15" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="26" y="80" width="26.666666666667" height="26.666666666667" fill-opacity="0.063333333333333" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="53" y="80" width="26.666666666667" height="26.666666666667" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="80" y="80" width="26.666666666667" height="26.666666666667" fill-opacity="0.046" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="106" y="80" width="26.666666666667" height="26.666666666667" fill-opacity="0.089333333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="133" y="80" width="26.666666666667" height="26.666666666667" fill-opacity="0.072" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="0" y="106" width="26.666666666667" height="26.666666666667" fill-opacity="0.080666666666667" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="26" y="106" width="26.666666666667" height="26.666666666667" fill-opacity="0.14133333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="53" y="106" width="26.666666666667" height="26.666666666667" fill-opacity="0.063333333333333" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="80" y="106" width="26.666666666667" height="26.666666666667" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="106" y="106" width="26.666666666667" height="26.666666666667" fill-opacity="0.10666666666667" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="133" y="106" width="26.666666666667" height="26.666666666667" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="0" y="133" width="26.666666666667" height="26.666666666667" fill-opacity="0.080666666666667" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="26" y="133" width="26.666666666667" height="26.666666666667" fill-opacity="0.037333333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="53" y="133" width="26.666666666667" height="26.666666666667" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" fill="#222"></rect><rect x="80" y="133" width="26.666666666667" height="26.666666666667" fill-opacity="0.037333333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="106" y="133" width="26.666666666667" height="26.666666666667" fill-opacity="0.124" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect><rect x="133" y="133" width="26.666666666667" height="26.666666666667" fill-opacity="0.089333333333333" stroke="#000" stroke-opacity="0.02" fill="#ddd"></rect></svg>

GeoPattern:toBase64()

Returns Base64-encoded string representing the pattern.

  1. local GeoPattern = require "geopattern"
  2. local pattern = GeoPattern:new("GitHub")
  3. local base64 = pattern:toBae64() -- encode to Base64 string
  4. print(base64)

Output:

  1. PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiAgZmlsbD0icmdiKDY5LCA5MywgMTM3KSIvPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA2MzMzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjI2IiB5PSIwIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wNTQ2NjY2NjY2NjY2NjciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSI1MyIgeT0iMCIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMDU0NjY2NjY2NjY2NjY3IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjZGRkIi8+PHJlY3QgeD0iODAiIHk9IjAiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjAzNzMzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iI2RkZCIvPjxyZWN0IHg9IjEwNiIgeT0iMCIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMTQxMzMzMzMzMzMzMzMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSIxMzMiIHk9IjAiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjAzNzMzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iI2RkZCIvPjxyZWN0IHg9IjAiIHk9IjI2IiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4xMTUzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjI2IiB5PSIyNiIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMDcyIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjZGRkIi8+PHJlY3QgeD0iNTMiIHk9IjI2IiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wNTQ2NjY2NjY2NjY2NjciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSI4MCIgeT0iMjYiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjE1IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjMjIyIi8+PHJlY3QgeD0iMTA2IiB5PSIyNiIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMTA2NjY2NjY2NjY2NjciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSIxMzMiIHk9IjI2IiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iI2RkZCIvPjxyZWN0IHg9IjAiIHk9IjUzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wOTgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiMyMjIiLz48cmVjdCB4PSIyNiIgeT0iNTMiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA4MDY2NjY2NjY2NjY2NyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjUzIiB5PSI1MyIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMDcyIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjZGRkIi8+PHJlY3QgeD0iODAiIHk9IjUzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wNTQ2NjY2NjY2NjY2NjciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSIxMDYiIHk9IjUzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4xMTUzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjEzMyIgeT0iNTMiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA5OCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjAiIHk9IjgwIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4xNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjI2IiB5PSI4MCIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMDYzMzMzMzMzMzMzMzMzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjMjIyIi8+PHJlY3QgeD0iNTMiIHk9IjgwIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wOTgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiMyMjIiLz48cmVjdCB4PSI4MCIgeT0iODAiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA0NiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iIzIyMiIvPjxyZWN0IHg9IjEwNiIgeT0iODAiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA4OTMzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iI2RkZCIvPjxyZWN0IHg9IjEzMyIgeT0iODAiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA3MiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iI2RkZCIvPjxyZWN0IHg9IjAiIHk9IjEwNiIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMDgwNjY2NjY2NjY2NjY3IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjMjIyIi8+PHJlY3QgeD0iMjYiIHk9IjEwNiIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMTQxMzMzMzMzMzMzMzMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSI1MyIgeT0iMTA2IiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wNjMzMzMzMzMzMzMzMzMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiMyMjIiLz48cmVjdCB4PSI4MCIgeT0iMTA2IiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wOTgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiMyMjIiLz48cmVjdCB4PSIxMDYiIHk9IjEwNiIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMTA2NjY2NjY2NjY2NjciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSIxMzMiIHk9IjEwNiIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMDk4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjMjIyIi8+PHJlY3QgeD0iMCIgeT0iMTMzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wODA2NjY2NjY2NjY2NjciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiMyMjIiLz48cmVjdCB4PSIyNiIgeT0iMTMzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wMzczMzMzMzMzMzMzMzMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSI1MyIgeT0iMTMzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wOTgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiMyMjIiLz48cmVjdCB4PSI4MCIgeT0iMTMzIiB3aWR0aD0iMjYuNjY2NjY2NjY2NjY3IiBoZWlnaHQ9IjI2LjY2NjY2NjY2NjY2NyIgIGZpbGwtb3BhY2l0eT0iMC4wMzczMzMzMzMzMzMzMzMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDIiIGZpbGw9IiNkZGQiLz48cmVjdCB4PSIxMDYiIHk9IjEzMyIgd2lkdGg9IjI2LjY2NjY2NjY2NjY2NyIgaGVpZ2h0PSIyNi42NjY2NjY2NjY2NjciICBmaWxsLW9wYWNpdHk9IjAuMTI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIwLjAyIiBmaWxsPSIjZGRkIi8+PHJlY3QgeD0iMTMzIiB5PSIxMzMiIHdpZHRoPSIyNi42NjY2NjY2NjY2NjciIGhlaWdodD0iMjYuNjY2NjY2NjY2NjY3IiAgZmlsbC1vcGFjaXR5PSIwLjA4OTMzMzMzMzMzMzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC4wMiIgZmlsbD0iI2RkZCIvPjwvc3ZnPg==