Christoph Cullmann 2024-04-28 17:33:09 +02:00
parent 4b35583782
commit e77051ccc4
1987 changed files with 1147290 additions and 5648 deletions

View file

@ -0,0 +1,574 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative"
width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
<defs>
<pattern id="pid-0.7735807359934106" x="0" y="0" width="345.6" height="345.6"
patternUnits="userSpaceOnUse">
<g transform="scale(1.35)">
<g>
<line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="237.6288884328494" x2="201.39714008747956" y1="-392.9466164550751"
y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="493.6288884328494" x2="457.39714008747956" y1="-392.9466164550751"
y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="749.6288884328494" x2="713.3971400874796" y1="-392.9466164550751"
y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="237.6288884328494" x2="201.39714008747956" y1="-136.94661645507512"
y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="493.6288884328494" x2="457.39714008747956" y1="-136.94661645507512"
y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="749.6288884328494" x2="713.3971400874796" y1="-136.94661645507512"
y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="493.6288884328494" x2="457.39714008747956" y1="119.05338354492488"
y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="749.6288884328494" x2="713.3971400874796" y1="119.05338354492488"
y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="244.43797352167968" x2="179.25167385613412" y1="-315.78580967507213"
y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="500.4379735216797" x2="435.2516738561341" y1="-315.78580967507213"
y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="756.4379735216796" x2="691.2516738561342" y1="-315.78580967507213"
y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="244.43797352167968" x2="179.25167385613412" y1="-59.78580967507213"
y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="500.4379735216797" x2="435.2516738561341" y1="-59.78580967507213"
y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="756.4379735216796" x2="691.2516738561342" y1="-59.78580967507213"
y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="500.4379735216797" x2="435.2516738561341" y1="196.21419032492787"
y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="756.4379735216796" x2="691.2516738561342" y1="196.21419032492787"
y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="219.6724359102308" x2="209.2181431749452" y1="-419.1419191885881"
y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="475.6724359102308" x2="465.2181431749452" y1="-419.1419191885881"
y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="731.6724359102308" x2="721.2181431749452" y1="-419.1419191885881"
y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="219.6724359102308" x2="209.2181431749452" y1="-163.14191918858808"
y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="475.6724359102308" x2="465.2181431749452" y1="-163.14191918858808"
y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="731.6724359102308" x2="721.2181431749452" y1="-163.14191918858808"
y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="475.6724359102308" x2="465.2181431749452" y1="92.85808081141191"
y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="731.6724359102308" x2="721.2181431749452" y1="92.85808081141191"
y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="112.00565118011832" x2="71.15817744773324" y1="-455.36580187080335"
y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="368.0056511801183" x2="327.15817744773324" y1="-455.36580187080335"
y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="624.0056511801183" x2="583.1581774477332" y1="-455.36580187080335"
y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="112.00565118011832" x2="71.15817744773324" y1="-199.36580187080335"
y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="368.0056511801183" x2="327.15817744773324" y1="-199.36580187080335"
y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="624.0056511801183" x2="583.1581774477332" y1="-199.36580187080335"
y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="368.0056511801183" x2="327.15817744773324" y1="56.63419812919665"
y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="624.0056511801183" x2="583.1581774477332" y1="56.63419812919665"
y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="60.932966336476014" x2="49.388821076756514" y1="-386.3431893904281"
y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="316.932966336476" x2="305.3888210767565" y1="-386.3431893904281"
y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="572.932966336476" x2="561.3888210767565" y1="-386.3431893904281"
y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="60.932966336476014" x2="49.388821076756514" y1="-130.3431893904281"
y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="316.932966336476" x2="305.3888210767565" y1="-130.3431893904281"
y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="572.932966336476" x2="561.3888210767565" y1="-130.3431893904281"
y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="316.932966336476" x2="305.3888210767565" y1="125.65681060957188"
y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="572.932966336476" x2="561.3888210767565" y1="125.65681060957188"
y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="103.78310212459807" x2="35.08486945593138" y1="-514.3281644464968"
y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="359.7831021245981" x2="291.08486945593137" y1="-514.3281644464968"
y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="615.783102124598" x2="547.0848694559314" y1="-514.3281644464968"
y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="103.78310212459807" x2="35.08486945593138" y1="-258.3281644464968"
y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="359.7831021245981" x2="291.08486945593137" y1="-258.3281644464968"
y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="615.783102124598" x2="547.0848694559314" y1="-258.3281644464968"
y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="359.7831021245981" x2="291.08486945593137" y1="-2.328164446496814"
y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="615.783102124598" x2="547.0848694559314" y1="-2.328164446496814"
y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="103.78310212459807" x2="35.08486945593138" y1="253.67183555350317"
y2="322.3700682221699" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="211.69894364075495" x2="194.13528259328754" y1="-345.7825853785539"
y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="467.6989436407549" x2="450.13528259328757" y1="-345.7825853785539"
y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="723.6989436407549" x2="706.1352825932876" y1="-345.7825853785539"
y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="211.69894364075495" x2="194.13528259328754" y1="-89.78258537855393"
y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="467.6989436407549" x2="450.13528259328757" y1="-89.78258537855393"
y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="723.6989436407549" x2="706.1352825932876" y1="-89.78258537855393"
y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="467.6989436407549" x2="450.13528259328757" y1="166.21741462144607"
y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="723.6989436407549" x2="706.1352825932876" y1="166.21741462144607"
y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="44.012515207413756" x2="6.2920050630466875" y1="-358.20462232004485"
y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="300.01251520741374" x2="262.2920050630467" y1="-358.20462232004485"
y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="556.0125152074138" x2="518.2920050630466" y1="-358.20462232004485"
y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="44.012515207413756" x2="6.2920050630466875" y1="-102.20462232004485"
y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="300.01251520741374" x2="262.2920050630467" y1="-102.20462232004485"
y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="556.0125152074138" x2="518.2920050630466" y1="-102.20462232004485"
y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="300.01251520741374" x2="262.2920050630467" y1="153.79537767995515"
y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="556.0125152074138" x2="518.2920050630466" y1="153.79537767995515"
y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="105.49237048043514" x2="31.549625942354083" y1="-388.58315519083214"
y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="361.49237048043517" x2="287.54962594235406" y1="-388.58315519083214"
y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="617.4923704804352" x2="543.549625942354" y1="-388.58315519083214"
y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="105.49237048043514" x2="31.549625942354083" y1="-132.58315519083212"
y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="361.49237048043517" x2="287.54962594235406" y1="-132.58315519083212"
y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="617.4923704804352" x2="543.549625942354" y1="-132.58315519083212"
y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="361.49237048043517" x2="287.54962594235406" y1="123.41684480916788"
y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="617.4923704804352" x2="543.549625942354" y1="123.41684480916788"
y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
keyTimes="0;1" repeatCount="indefinite" dur="10s"></animateTransform>
</g>
<g>
<line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="95.73622575770466" x2="50.085335235319484" y1="-491.54340345671585"
y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="351.7362257577047" x2="306.08533523531946" y1="-491.54340345671585"
y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="607.7362257577047" x2="562.0853352353195" y1="-491.54340345671585"
y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="95.73622575770466" x2="50.085335235319484" y1="-235.54340345671582"
y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="351.7362257577047" x2="306.08533523531946" y1="-235.54340345671582"
y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="607.7362257577047" x2="562.0853352353195" y1="-235.54340345671582"
y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="351.7362257577047" x2="306.08533523531946" y1="20.45659654328417"
y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="607.7362257577047" x2="562.0853352353195" y1="20.45659654328417"
y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="263.34308373797757" x2="226.59561736370148" y1="-399.57066004520647"
y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="519.3430837379776" x2="482.5956173637015" y1="-399.57066004520647"
y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="775.3430837379776" x2="738.5956173637014" y1="-399.57066004520647"
y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="263.34308373797757" x2="226.59561736370148" y1="-143.57066004520647"
y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="519.3430837379776" x2="482.5956173637015" y1="-143.57066004520647"
y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="775.3430837379776" x2="738.5956173637014" y1="-143.57066004520647"
y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="519.3430837379776" x2="482.5956173637015" y1="112.42933995479353"
y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="775.3430837379776" x2="738.5956173637014" y1="112.42933995479353"
y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="7.343083737977565" x2="-29.40438263629852" y1="112.42933995479353"
y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="29.5343611349199" x2="-26.261040392985034" y1="-306.8322292334449"
y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="285.5343611349199" x2="229.73895960701498" y1="-306.8322292334449"
y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="541.5343611349199" x2="485.738959607015" y1="-306.8322292334449"
y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="29.5343611349199" x2="-26.261040392985034" y1="-50.83222923344488"
y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="285.5343611349199" x2="229.73895960701498" y1="-50.83222923344488"
y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="541.5343611349199" x2="485.738959607015" y1="-50.83222923344488"
y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="285.5343611349199" x2="229.73895960701498" y1="205.16777076655512"
y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="541.5343611349199" x2="485.738959607015" y1="205.16777076655512"
y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="235.025028503587" x2="173.48946106938683" y1="-488.69307011557567"
y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="491.025028503587" x2="429.48946106938683" y1="-488.69307011557567"
y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="747.025028503587" x2="685.4894610693868" y1="-488.69307011557567"
y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="235.025028503587" x2="173.48946106938683" y1="-232.69307011557567"
y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="491.025028503587" x2="429.48946106938683" y1="-232.69307011557567"
y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="747.025028503587" x2="685.4894610693868" y1="-232.69307011557567"
y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="491.025028503587" x2="429.48946106938683" y1="23.306929884424335"
y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="747.025028503587" x2="685.4894610693868" y1="23.306929884424335"
y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="225.00990918130768" x2="200.62370409686488" y1="-301.8947818400279"
y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="481.00990918130765" x2="456.6237040968649" y1="-301.8947818400279"
y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="737.0099091813076" x2="712.6237040968649" y1="-301.8947818400279"
y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="225.00990918130768" x2="200.62370409686488" y1="-45.89478184002789"
y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="481.00990918130765" x2="456.6237040968649" y1="-45.89478184002789"
y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="737.0099091813076" x2="712.6237040968649" y1="-45.89478184002789"
y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="481.00990918130765" x2="456.6237040968649" y1="210.1052181599721"
y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="737.0099091813076" x2="712.6237040968649" y1="210.1052181599721"
y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="171.55017713954658" x2="102.05334080042758" y1="-433.44104288192347"
y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="427.5501771395466" x2="358.0533408004276" y1="-433.44104288192347"
y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="683.5501771395466" x2="614.0533408004276" y1="-433.44104288192347"
y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="171.55017713954658" x2="102.05334080042758" y1="-177.44104288192347"
y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="427.5501771395466" x2="358.0533408004276" y1="-177.44104288192347"
y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="683.5501771395466" x2="614.0533408004276" y1="-177.44104288192347"
y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="427.5501771395466" x2="358.0533408004276" y1="78.55895711807653"
y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="683.5501771395466" x2="614.0533408004276" y1="78.55895711807653"
y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="258.4358284744095" x2="228.09906783279462" y1="-501.35381307548454"
y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="514.4358284744095" x2="484.0990678327946" y1="-501.35381307548454"
y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="770.4358284744095" x2="740.0990678327946" y1="-501.35381307548454"
y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="258.4358284744095" x2="228.09906783279462" y1="-245.35381307548454"
y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="514.4358284744095" x2="484.0990678327946" y1="-245.35381307548454"
y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="770.4358284744095" x2="740.0990678327946" y1="-245.35381307548454"
y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="514.4358284744095" x2="484.0990678327946" y1="10.646186924515469"
y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="770.4358284744095" x2="740.0990678327946" y1="10.646186924515469"
y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="2.4358284744095045" x2="-27.900932167205383" y1="10.646186924515469"
y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="35.41624886616098" x2="-5.966808810922494" y1="-501.848219302404"
y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="291.41624886616097" x2="250.0331911890775" y1="-501.848219302404"
y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="547.416248866161" x2="506.0331911890775" y1="-501.848219302404"
y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="35.41624886616098" x2="-5.966808810922494" y1="-245.848219302404"
y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="291.41624886616097" x2="250.0331911890775" y1="-245.848219302404"
y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="547.416248866161" x2="506.0331911890775" y1="-245.848219302404"
y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="291.41624886616097" x2="250.0331911890775" y1="10.151780697595989"
y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="547.416248866161" x2="506.0331911890775" y1="10.151780697595989"
y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="90.76285286976488" x2="72.92514980496989" y1="-432.2099852185223"
y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="346.76285286976486" x2="328.9251498049699" y1="-432.2099852185223"
y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="602.7628528697649" x2="584.9251498049699" y1="-432.2099852185223"
y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="90.76285286976488" x2="72.92514980496989" y1="-176.2099852185223"
y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="346.76285286976486" x2="328.9251498049699" y1="-176.2099852185223"
y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="602.7628528697649" x2="584.9251498049699" y1="-176.2099852185223"
y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="346.76285286976486" x2="328.9251498049699" y1="79.79001478147771"
y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="602.7628528697649" x2="584.9251498049699" y1="79.79001478147771"
y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
keyTimes="0;1" repeatCount="indefinite" dur="5s"></animateTransform>
</g>
<g>
<line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="93.6896305353637" x2="75.71575147590588" y1="-428.16241164724204"
y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="349.6896305353637" x2="331.7157514759059" y1="-428.16241164724204"
y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="605.6896305353637" x2="587.7157514759059" y1="-428.16241164724204"
y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="93.6896305353637" x2="75.71575147590588" y1="-172.16241164724207"
y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="349.6896305353637" x2="331.7157514759059" y1="-172.16241164724207"
y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="605.6896305353637" x2="587.7157514759059" y1="-172.16241164724207"
y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="349.6896305353637" x2="331.7157514759059" y1="83.83758835275793"
y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="605.6896305353637" x2="587.7157514759059" y1="83.83758835275793"
y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="207.24941141296466" x2="167.48134532138562" y1="-277.4402694987808"
y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="463.24941141296466" x2="423.4813453213856" y1="-277.4402694987808"
y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="719.2494114129647" x2="679.4813453213856" y1="-277.4402694987808"
y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="207.24941141296466" x2="167.48134532138562" y1="-21.440269498780822"
y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="463.24941141296466" x2="423.4813453213856" y1="-21.440269498780822"
y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="719.2494114129647" x2="679.4813453213856" y1="-21.440269498780822"
y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="463.24941141296466" x2="423.4813453213856" y1="234.55973050121918"
y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="719.2494114129647" x2="679.4813453213856" y1="234.55973050121918"
y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="69.19671201083756" x2="20.15599089926107" y1="-450.47058961727"
y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="325.1967120108376" x2="276.15599089926104" y1="-450.47058961727"
y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="581.1967120108376" x2="532.155990899261" y1="-450.47058961727"
y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="69.19671201083756" x2="20.15599089926107" y1="-194.47058961727"
y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="325.1967120108376" x2="276.15599089926104" y1="-194.47058961727"
y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="581.1967120108376" x2="532.155990899261" y1="-194.47058961727"
y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="325.1967120108376" x2="276.15599089926104" y1="61.52941038272999"
y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="581.1967120108376" x2="532.155990899261" y1="61.52941038272999"
y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
<line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="153.36870174443493" x2="103.52218176454608" y1="-382.0608413517932"
y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="409.36870174443493" x2="359.5221817645461" y1="-382.0608413517932"
y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="665.3687017444349" x2="615.5221817645461" y1="-382.0608413517932"
y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="153.36870174443493" x2="103.52218176454608" y1="-126.06084135179321"
y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="409.36870174443493" x2="359.5221817645461" y1="-126.06084135179321"
y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="665.3687017444349" x2="615.5221817645461" y1="-126.06084135179321"
y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="409.36870174443493" x2="359.5221817645461" y1="129.93915864820679"
y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="665.3687017444349" x2="615.5221817645461" y1="129.93915864820679"
y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="49.20494471467643" x2="2.7142059537850685" y1="-370.2400239914425"
y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="305.20494471467646" x2="258.71420595378504" y1="-370.2400239914425"
y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="561.2049447146765" x2="514.714205953785" y1="-370.2400239914425"
y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="49.20494471467643" x2="2.7142059537850685" y1="-114.24002399144254"
y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="305.20494471467646" x2="258.71420595378504" y1="-114.24002399144254"
y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="561.2049447146765" x2="514.714205953785" y1="-114.24002399144254"
y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="305.20494471467646" x2="258.71420595378504" y1="141.75997600855746"
y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="561.2049447146765" x2="514.714205953785" y1="141.75997600855746"
y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="84.6808460539986" x2="32.68305955000314" y1="-519.71103601744"
y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="340.6808460539986" x2="288.6830595500031" y1="-519.71103601744"
y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="596.6808460539986" x2="544.6830595500031" y1="-519.71103601744"
y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="84.6808460539986" x2="32.68305955000314" y1="-263.71103601744005"
y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="340.6808460539986" x2="288.6830595500031" y1="-263.71103601744005"
y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="596.6808460539986" x2="544.6830595500031" y1="-263.71103601744005"
y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="340.6808460539986" x2="288.6830595500031" y1="-7.711036017440037"
y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="596.6808460539986" x2="544.6830595500031" y1="-7.711036017440037"
y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="84.6808460539986" x2="32.68305955000314" y1="248.28896398255995"
y2="300.28675048655543" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
<line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="225.38342310559023" x2="185.66602314192056" y1="-402.3103840834626"
y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="481.3834231055902" x2="441.66602314192056" y1="-402.3103840834626"
y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="737.3834231055903" x2="697.6660231419205" y1="-402.3103840834626"
y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="225.38342310559023" x2="185.66602314192056" y1="-146.31038408346262"
y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="481.3834231055902" x2="441.66602314192056" y1="-146.31038408346262"
y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="737.3834231055903" x2="697.6660231419205" y1="-146.31038408346262"
y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="481.3834231055902" x2="441.66602314192056" y1="109.68961591653738"
y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="737.3834231055903" x2="697.6660231419205" y1="109.68961591653738"
y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="172.83662370669697" x2="103.52581079778793" y1="-347.54024364607716"
y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="428.83662370669697" x2="359.5258107977879" y1="-347.54024364607716"
y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="684.836623706697" x2="615.5258107977879" y1="-347.54024364607716"
y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="172.83662370669697" x2="103.52581079778793" y1="-91.54024364607716"
y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="428.83662370669697" x2="359.5258107977879" y1="-91.54024364607716"
y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="684.836623706697" x2="615.5258107977879" y1="-91.54024364607716"
y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="428.83662370669697" x2="359.5258107977879" y1="164.45975635392284"
y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="684.836623706697" x2="615.5258107977879" y1="164.45975635392284"
y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="254.85435949520382" x2="240.10841684705935" y1="-513.2094299494303"
y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="510.8543594952038" x2="496.10841684705935" y1="-513.2094299494303"
y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="766.8543594952039" x2="752.1084168470593" y1="-513.2094299494303"
y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="254.85435949520382" x2="240.10841684705935" y1="-257.2094299494303"
y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="510.8543594952038" x2="496.10841684705935" y1="-257.2094299494303"
y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="766.8543594952039" x2="752.1084168470593" y1="-257.2094299494303"
y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="510.8543594952038" x2="496.10841684705935" y1="-1.209429949430282"
y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="766.8543594952039" x2="752.1084168470593" y1="-1.209429949430282"
y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<line x1="254.85435949520382" x2="240.10841684705935" y1="254.79057005056973"
y2="269.5365126987142" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
<animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
keyTimes="0;1" repeatCount="indefinite" dur="10.3333333333333335s"></animateTransform>
</g>
</g>
</pattern>
</defs>
<rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.7735807359934106)"></rect>
</svg>

View file

@ -0,0 +1,516 @@
<svg height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs"
viewBox="0 0 600 600">
<rect width="600" height="600" fill="transparent"></rect>
<mask id="mask" mask-type="alpha" maskUnits="userSpaceOnUse">
<rect transform="translate(0, 0)" width="600" height="600" fill="white"></rect>
</mask>
<svg>
<rect transform="translate(0, 0)" fill="#ade8f4" width="60" height="60"></rect>
<rect transform="translate(0, 0)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 60)" fill="#90e0ef" width="60" height="60"></rect>
<path transform="translate(0, 60) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(0, 120)" fill="#00b4d8" width="60" height="60"></rect>
<rect transform="translate(0, 120)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 180)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(0, 180) translate(30,30) rotate(0) translate(-30,-30)"
fill="#0096c7" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(0, 180)" fill="#03045e" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 240)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(0, 240) translate(30,30) rotate(270) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(0, 240)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 300)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0096c7" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(0, 360)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(0, 360) translate(30,30) rotate(270) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(0, 360)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 420)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(0, 420) translate(30,30) rotate(90) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(0, 420)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 480)" fill="#ade8f4" width="60" height="60"></rect>
<rect transform="translate(0, 480)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(0, 540)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(0, 540) translate(30,30) rotate(90) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(0, 540)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(60, 0)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(60, 0) translate(30,30) rotate(0) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(60, 60)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(60, 60) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(60, 60)" fill="#caf0f8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(60, 120)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(60, 120) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(60, 180)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(60, 180) translate(30,30) rotate(90) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(60, 240)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(60, 240) translate(30,30) rotate(90) translate(-30,-30)"
fill="#0077b6" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(60, 300)" fill="#0077b6" width="60" height="60"></rect>
<rect transform="translate(60, 300)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(60, 360)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(60, 360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(60, 360)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(60, 420)" fill="#caf0f8" width="60" height="60"></rect>
<path transform="translate(60, 420) translate(30,30) rotate(90) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(60, 480)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(60, 480) translate(30,30) rotate(90) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(60, 480)" fill="#0077b6" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(60, 540)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(60, 540) translate(30,30) rotate(0) translate(-30,-30)"
fill="#0077b6" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(60, 540)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(120, 0)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(120, 0) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 60)" fill="#90e0ef" width="60" height="60"></rect>
<rect transform="translate(120, 60)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(120, 120)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(120, 120) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 180)" fill="#90e0ef" width="60" height="60"></rect>
<path transform="translate(120, 180) translate(30,30) rotate(180) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 240)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(120, 240) translate(30,30) rotate(90) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 300)" fill="#00b4d8" width="60" height="60"></rect>
<rect transform="translate(120, 300)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(120, 360)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(120, 360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 420)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(120, 420) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 480)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(120, 480) translate(30,30) rotate(90) translate(-30,-30)"
fill="#48cae4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(120, 540)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(120, 540) translate(30,30) rotate(0) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(180, 0)" fill="#90e0ef" width="60" height="60"></rect>
<path transform="translate(180, 0) translate(30,30) rotate(270) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(180, 0)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 60)" fill="#03045e" width="60" height="60"></rect>
<rect transform="translate(180, 60)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 120)" fill="#0077b6" width="60" height="60"></rect>
<rect transform="translate(180, 120)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 180)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(180, 180) translate(30,30) rotate(180) translate(-30,-30)"
fill="#0077b6" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(180, 180)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 240)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(180, 240) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0077b6" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(180, 300)" fill="#023e8a" width="60" height="60"></rect>
<rect transform="translate(180, 300)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 360)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)"
fill="#0077b6" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(180, 360)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 420)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(180, 420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#48cae4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(180, 480)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(180, 480) translate(30,30) rotate(270) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(180, 480)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(180, 540)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(180, 540) translate(30,30) rotate(90) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(240, 0)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(240, 0) translate(30,30) rotate(270) translate(-30,-30)"
fill="#caf0f8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(240, 60)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(240, 60) translate(30,30) rotate(180) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(240, 120)" fill="#caf0f8" width="60" height="60"></rect>
<path transform="translate(240, 120) translate(30,30) rotate(270) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(240, 120)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(240, 180)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(240, 180) translate(30,30) rotate(0) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(240, 180)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(240, 240)" fill="#48cae4" width="60" height="60"></rect>
<rect transform="translate(240, 240)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(240, 300)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(240, 300) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(240, 300)" fill="#0077b6" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(240, 360)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(240, 360) translate(30,30) rotate(270) translate(-30,-30)"
fill="#caf0f8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(240, 420)" fill="#90e0ef" width="60" height="60"></rect>
<path transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(240, 420)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(240, 480)" fill="#03045e" width="60" height="60"></rect>
<rect transform="translate(240, 480)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(240, 540)" fill="#ade8f4" width="60" height="60"></rect>
<rect transform="translate(240, 540)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 0)" fill="#0096c7" width="60" height="60"></rect>
<rect transform="translate(300, 0)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 60)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(300, 60) translate(30,30) rotate(270) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(300, 60)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 120)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(300, 120) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(300, 180)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(300, 180) translate(30,30) rotate(90) translate(-30,-30)"
fill="#0096c7" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(300, 180)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 240)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(300, 240) translate(30,30) rotate(270) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(300, 300)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(300, 300) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(300, 300)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 360)" fill="#caf0f8" width="60" height="60"></rect>
<path transform="translate(300, 360) translate(30,30) rotate(180) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(300, 360)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 420)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(300, 420) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(300, 480)" fill="#00b4d8" width="60" height="60"></rect>
<rect transform="translate(300, 480)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(300, 540)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(300, 540) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(360, 0)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(360, 0) translate(30,30) rotate(180) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(360, 0)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(360, 60)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(360, 60) translate(30,30) rotate(90) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(360, 120)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(360, 120) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(360, 180)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(360, 180) translate(30,30) rotate(0) translate(-30,-30)"
fill="#48cae4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(360, 180)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(360, 240)" fill="#90e0ef" width="60" height="60"></rect>
<path transform="translate(360, 240) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0077b6" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(360, 300)" fill="#0077b6" width="60" height="60"></rect>
<path transform="translate(360, 300) translate(30,30) rotate(90) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(360, 300)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(360, 360)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(360, 360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(360, 420)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(360, 420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(360, 480)" fill="#0077b6" width="60" height="60"></rect>
<rect transform="translate(360, 480)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(360, 540)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(360, 540) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(420, 0)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(420, 0) translate(30,30) rotate(0) translate(-30,-30)"
fill="#48cae4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(420, 60)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(420, 60) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0096c7" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(420, 120)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(420, 120) translate(30,30) rotate(180) translate(-30,-30)"
fill="#48cae4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(420, 120)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(420, 180)" fill="#00b4d8" width="60" height="60"></rect>
<rect transform="translate(420, 180)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(420, 240)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(420, 240) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(420, 300)" fill="#caf0f8" width="60" height="60"></rect>
<path transform="translate(420, 300) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(420, 300)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(420, 360)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(420, 360) translate(30,30) rotate(90) translate(-30,-30)"
fill="#03045e" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(420, 420)" fill="#023e8a" width="60" height="60"></rect>
<path transform="translate(420, 420) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(420, 480)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(420, 480) translate(30,30) rotate(0) translate(-30,-30)"
fill="#caf0f8" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(420, 480)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(420, 540)" fill="#48cae4" width="60" height="60"></rect>
<path transform="translate(420, 540) translate(30,30) rotate(180) translate(-30,-30)"
fill="#caf0f8" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(420, 540)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 0)" fill="#caf0f8" width="60" height="60"></rect>
<path transform="translate(480, 0) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(480, 0)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 60)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(480, 60) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(480, 120)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(480, 120) translate(30,30) rotate(90) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(480, 120)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 180)" fill="#023e8a" width="60" height="60"></rect>
<rect transform="translate(480, 180)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 240)" fill="#00b4d8" width="60" height="60"></rect>
<path transform="translate(480, 240) translate(30,30) rotate(270) translate(-30,-30)"
fill="#caf0f8" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(480, 300)" fill="#90e0ef" width="60" height="60"></rect>
<path transform="translate(480, 300) translate(30,30) rotate(0) translate(-30,-30)"
fill="#023e8a" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(480, 360)" fill="#48cae4" width="60" height="60"></rect>
<rect transform="translate(480, 360)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 420)" fill="#caf0f8" width="60" height="60"></rect>
<path transform="translate(480, 420) translate(30,30) rotate(0) translate(-30,-30)"
fill="#90e0ef" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(480, 420)" fill="#023e8a" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 480)" fill="#0096c7" width="60" height="60"></rect>
<rect transform="translate(480, 480)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(480, 540)" fill="#0077b6" width="60" height="60"></rect>
<rect transform="translate(480, 540)" fill="#00b4d8" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 0)" fill="#0096c7" width="60" height="60"></rect>
<path transform="translate(540, 0) translate(30,30) rotate(270) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(540, 60)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(540, 60) translate(30,30) rotate(180) translate(-30,-30)"
fill="#ade8f4" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(540, 60)" fill="#0077b6" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 120)" fill="#90e0ef" width="60" height="60"></rect>
<rect transform="translate(540, 120)" fill="#48cae4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 180)" fill="#ade8f4" width="60" height="60"></rect>
<rect transform="translate(540, 180)" fill="#0096c7" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 240)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(540, 240) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0096c7" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(540, 300)" fill="#00b4d8" width="60" height="60"></rect>
<rect transform="translate(540, 300)" fill="#0077b6" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 360)" fill="#03045e" width="60" height="60"></rect>
<path transform="translate(540, 360) translate(30,30) rotate(90) translate(-30,-30)"
fill="#caf0f8" d="M60 0H0v60L60 0z"></path>
<rect transform="translate(540, 360)" fill="#90e0ef" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 420)" fill="#ade8f4" width="60" height="60"></rect>
<path transform="translate(540, 420) translate(30,30) rotate(180) translate(-30,-30)"
fill="#0096c7" d="M60 0H0v60L60 0z"></path>
</svg>
<svg>
<rect transform="translate(540, 480)" fill="#0077b6" width="60" height="60"></rect>
<rect transform="translate(540, 480)" fill="#ade8f4" x="15" y="15" width="30" height="30"></rect>
</svg>
<svg>
<rect transform="translate(540, 540)" fill="#48cae4" width="60" height="60"></rect>
<rect transform="translate(540, 540)" fill="#0077b6" x="15" y="15" width="30" height="30"></rect>
</svg>
</svg>

After

Width:  |  Height:  |  Size: 28 KiB

View file

@ -0,0 +1,102 @@
---
title: "Multiple Authors"
date: 2020-08-10
draft: false
description: "Configure multiple authors for your articles."
slug: "multi-author"
tags: ["authors", "config", "docs"]
series: ["Documentation"]
series_order: 10
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
Some websites have more than one author contributing with content and therefore require more than a single default author across the entire website. For those use-cases, Blowfish allows users to extend the list of authors using the multiple authors feature.
To keep everything backwards compatible, this feature only allows the definition of extra authors and does not change in any way the previous author functionality which is used via config files.
## Create Authors
The first step to create new authors is to set up a new folder in `./data/authors`. Then you can simply add new `json` files inside, one for each new author. The name of the file will be the `key` for that author when referencing it in your articles.
As an example, lets create a file called `nunocoracao.json` within `./data/authors`. The contents of the file should be similar to the ones below. `name`, `image`, `bio`, and `social` are the 4 parameters supported right for authors. They mimic the configurations available for the default author in the config files.
_Note: the key in the social object will be used to fetch one of the themes icons, feel free to use any of the icons available in your setup._
```json
{
"name": "Nuno Coração",
"image" : "img/nuno_avatar.jpg",
"bio": "Theme Creator",
"social": [
{ "linkedin": "https://linkedin.com/in/nunocoracao" },
{ "twitter": "https://twitter.com/nunocoracao" },
{ "instagram": "https://instagram.com/nunocoracao" },
{ "medium": "https://medium.com/@nunocoracao" },
{ "github": "https://github.com/nunocoracao" },
{ "goodreads": "http://goodreads.com/nunocoracao" },
{ "keybase": "https://keybase.io/nunocoracao" },
{ "reddit": "https://reddit.com/user/nunoheart" }
]
}
```
## Reference Authors in Articles
Now that you created one author, the next step is to reference it in one or more articles. In the example below, we reference the author created in the previous step using its `key`.
This will render an extra author using the data provided in the `json` file. This feature does not change in any way the default author configured for the overall site, and therefore, you can control both separately. Using the `showAuthor` parameter, you can configure whether to show the default author, that is the normal use-case for a single author blog. The new `authors` front-matter parameter allows you to define authors specifically to an article, and they will be rendered independently of the configurations for the default site author.
```md
---
title: "Multiple Authors"
date: 2020-08-10
draft: false
description: "Configure multiple authors for your articles."
slug: "multi-author"
tags: ["authors", "config", "docs"]
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
```
In the example, which matches the markdown of the current page, both the default author and the new one will be displayed. You can scroll now to see the outcome.
## Create the Authors Taxonomy
To get lists of articles for each of your authors you can configure the `authors` taxonomy, which opens up some more configurations that might be interesting. This is an optional step in the process that is not required to display the authors in your articles.
First step is to configure the `authors` taxonomy in your `config.toml` file, like in the example below. Even though `tag` and `category` are defined by default with Hugo, once you add a specific taxonomies section you need to add them again otherwise the site will not process them.
```toml
[taxonomies]
tag = "tags"
category = "categories"
author = "authors"
```
And thats just about it. Now you will have pages that reference your authors and, for each, show the respective list of articles where they participate. You can also use the `article.showAuthorsBadges` on the config file, or `showAuthorsBadges` on each article to chose whether to display the `authors` taxonomy as badges in each post item. As an example, this doc is configured to not display authors but if you look at the sample referenced below you will see the authors displayed as badges.
Lastly, you can add more detail to each author page so that it displays a little bio, links, or whatever information fits your use-case. To achieve that, create a folder with the `key` to each author inside `./content/authors` and inside each folder place a `_index.md` file. For the example above, we would end up with a `.content/authors/nunocoracao/_index.md` file. Inside, you can configure the actual name of the author and the contents of their page. Authors in this documentation website are configured like this, so you can have a look by playing around with the site.
```md
---
title: "Nuno Coração"
---
Nuno's awesome dummy bio.
```
## Sample
This sample sample below shows an example where the default site author is turned off and the article has multiple authors.
{{< article link="/samples/multiple-authors/" >}}

View file

@ -0,0 +1,102 @@
---
title: "Multiple Authors"
date: 2020-08-10
draft: false
description: "Configure multiple authors for your articles."
slug: "multi-author"
tags: ["authors", "config", "docs"]
series: ["Documentation"]
series_order: 10
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
Some websites have more than one author contributing with content and therefore require more than a single default author across the entire website. For those use-cases, Blowfish allows users to extend the list of authors using the multiple authors feature.
To keep everything backwards compatible, this feature only allows the definition of extra authors and does not change in any way the previous author functionality which is used via config files.
## Create Authors
The first step to create new authors is to set up a new folder in `./data/authors`. Then you can simply add new `json` files inside, one for each new author. The name of the file will be the `key` for that author when referencing it in your articles.
As an example, lets create a file called `nunocoracao.json` within `./data/authors`. The contents of the file should be similar to the ones below. `name`, `image`, `bio`, and `social` are the 4 parameters supported right for authors. They mimic the configurations available for the default author in the config files.
_Note: the key in the social object will be used to fetch one of the themes icons, feel free to use any of the icons available in your setup._
```json
{
"name": "Nuno Coração",
"image" : "img/nuno_avatar.jpg",
"bio": "Theme Creator",
"social": [
{ "linkedin": "https://linkedin.com/in/nunocoracao" },
{ "twitter": "https://twitter.com/nunocoracao" },
{ "instagram": "https://instagram.com/nunocoracao" },
{ "medium": "https://medium.com/@nunocoracao" },
{ "github": "https://github.com/nunocoracao" },
{ "goodreads": "http://goodreads.com/nunocoracao" },
{ "keybase": "https://keybase.io/nunocoracao" },
{ "reddit": "https://reddit.com/user/nunoheart" }
]
}
```
## Reference Authors in Articles
Now that you created one author, the next step is to reference it in one or more articles. In the example below, we reference the author created in the previous step using its `key`.
This will render an extra author using the data provided in the `json` file. This feature does not change in any way the default author configured for the overall site, and therefore, you can control both separately. Using the `showAuthor` parameter, you can configure whether to show the default author, that is the normal use-case for a single author blog. The new `authors` front-matter parameter allows you to define authors specifically to an article, and they will be rendered independently of the configurations for the default site author.
```md
---
title: "Multiple Authors"
date: 2020-08-10
draft: false
description: "Configure multiple authors for your articles."
slug: "multi-author"
tags: ["authors", "config", "docs"]
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
```
In the example, which matches the markdown of the current page, both the default author and the new one will be displayed. You can scroll now to see the outcome.
## Create the Authors Taxonomy
To get lists of articles for each of your authors you can configure the `authors` taxonomy, which opens up some more configurations that might be interesting. This is an optional step in the process that is not required to display the authors in your articles.
First step is to configure the `authors` taxonomy in your `config.toml` file, like in the example below. Even though `tag` and `category` are defined by default with Hugo, once you add a specific taxonomies section you need to add them again otherwise the site will not process them.
```toml
[taxonomies]
tag = "tags"
category = "categories"
author = "authors"
```
And thats just about it. Now you will have pages that reference your authors and, for each, show the respective list of articles where they participate. You can also use the `article.showAuthorsBadges` on the config file, or `showAuthorsBadges` on each article to chose whether to display the `authors` taxonomy as badges in each post item. As an example, this doc is configured to not display authors but if you look at the sample referenced below you will see the authors displayed as badges.
Lastly, you can add more detail to each author page so that it displays a little bio, links, or whatever information fits your use-case. To achieve that, create a folder with the `key` to each author inside `./content/authors` and inside each folder place a `_index.md` file. For the example above, we would end up with a `.content/authors/nunocoracao/_index.md` file. Inside, you can configure the actual name of the author and the contents of their page. Authors in this documentation website are configured like this, so you can have a look by playing around with the site.
```md
---
title: "Nuno Coração"
---
Nuno's awesome dummy bio.
```
## Sample
This sample sample below shows an example where the default site author is turned off and the article has multiple authors.
{{< article link="/samples/multiple-authors/" >}}

View file

@ -0,0 +1,102 @@
---
title: "Multiple Authors"
date: 2020-08-10
draft: false
description: "Configure multiple authors for your articles."
slug: "multi-author"
tags: ["authors", "config", "docs"]
series: ["Documentation"]
series_order: 10
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
Some websites have more than one author contributing with content and therefore require more than a single default author across the entire website. For those use-cases, Blowfish allows users to extend the list of authors using the multiple authors feature.
To keep everything backwards compatible, this feature only allows the definition of extra authors and does not change in any way the previous author functionality which is used via config files.
## Create Authors
The first step to create new authors is to set up a new folder in `./data/authors`. Then you can simply add new `json` files inside, one for each new author. The name of the file will be the `key` for that author when referencing it in your articles.
As an example, lets create a file called `nunocoracao.json` within `./data/authors`. The contents of the file should be similar to the ones below. `name`, `image`, `bio`, and `social` are the 4 parameters supported right for authors. They mimic the configurations available for the default author in the config files.
_Note: the key in the social object will be used to fetch one of the themes icons, feel free to use any of the icons available in your setup._
```json
{
"name": "Nuno Coração",
"image" : "img/nuno_avatar.jpg",
"bio": "Theme Creator",
"social": [
{ "linkedin": "https://linkedin.com/in/nunocoracao" },
{ "twitter": "https://twitter.com/nunocoracao" },
{ "instagram": "https://instagram.com/nunocoracao" },
{ "medium": "https://medium.com/@nunocoracao" },
{ "github": "https://github.com/nunocoracao" },
{ "goodreads": "http://goodreads.com/nunocoracao" },
{ "keybase": "https://keybase.io/nunocoracao" },
{ "reddit": "https://reddit.com/user/nunoheart" }
]
}
```
## Reference Authors in Articles
Now that you created one author, the next step is to reference it in one or more articles. In the example below, we reference the author created in the previous step using its `key`.
This will render an extra author using the data provided in the `json` file. This feature does not change in any way the default author configured for the overall site, and therefore, you can control both separately. Using the `showAuthor` parameter, you can configure whether to show the default author, that is the normal use-case for a single author blog. The new `authors` front-matter parameter allows you to define authors specifically to an article, and they will be rendered independently of the configurations for the default site author.
```md
---
title: "Multiple Authors"
date: 2020-08-10
draft: false
description: "Configure multiple authors for your articles."
slug: "multi-author"
tags: ["authors", "config", "docs"]
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
```
In the example, which matches the markdown of the current page, both the default author and the new one will be displayed. You can scroll now to see the outcome.
## Create the Authors Taxonomy
To get lists of articles for each of your authors you can configure the `authors` taxonomy, which opens up some more configurations that might be interesting. This is an optional step in the process that is not required to display the authors in your articles.
First step is to configure the `authors` taxonomy in your `config.toml` file, like in the example below. Even though `tag` and `category` are defined by default with Hugo, once you add a specific taxonomies section you need to add them again otherwise the site will not process them.
```toml
[taxonomies]
tag = "tags"
category = "categories"
author = "authors"
```
And thats just about it. Now you will have pages that reference your authors and, for each, show the respective list of articles where they participate. You can also use the `article.showAuthorsBadges` on the config file, or `showAuthorsBadges` on each article to chose whether to display the `authors` taxonomy as badges in each post item. As an example, this doc is configured to not display authors but if you look at the sample referenced below you will see the authors displayed as badges.
Lastly, you can add more detail to each author page so that it displays a little bio, links, or whatever information fits your use-case. To achieve that, create a folder with the `key` to each author inside `./content/authors` and inside each folder place a `_index.md` file. For the example above, we would end up with a `.content/authors/nunocoracao/_index.md` file. Inside, you can configure the actual name of the author and the contents of their page. Authors in this documentation website are configured like this, so you can have a look by playing around with the site.
```md
---
title: "Nuno Coração"
---
Nuno's awesome dummy bio.
```
## Sample
This sample sample below shows an example where the default site author is turned off and the article has multiple authors.
{{< article link="/samples/multiple-authors/" >}}

View file

@ -0,0 +1,100 @@
---
title: "多创作者模式"
date: 2020-08-10
draft: false
description: "为你的文章设置多个作者。"
slug: "multi-author"
tags: ["作者", "配置", "文档"]
series: ["部署教程"]
series_order: 10
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
一个网站会有多个创作者共同贡献内容所以需要再整个网站中默认使用多创作者。对于这种情况Blowfish 允许用户使用多创作者功能拓展创作者列表。
为了保持向后兼容,这个功能仅允许定义额外的创作者,并不会以任何方式修改之前通过配置文件添加的创作者。
## 新建创作者
新建创作者的第一步是设置一个 `./data/authors` 文件夹。然后,你可以在里面简单的添加新创作者的 `json` 文件。文件的名称是你在文章引用该作者时需要指定的 `key`
例如,在 `./data/authors` 文件夹中新建一个 `nunocoracao.json` 文件。文件的内容示例如下。`name``image``bio``social` 是目前创作者文件支持的4个参数这与你在 `languages.[language-code].toml` 配置文件中的默认创作者配置类似。
_注意社交参数中的 `key` 将会默认获取主题的图标 icon当然你也可以在 `assests/icons` 文件夹中设置任何图标。_
```json
{
"name": "Nuno Coração",
"image" : "img/nuno_avatar.jpg",
"bio": "Theme Creator",
"social": [
{ "linkedin": "https://linkedin.com/in/nunocoracao" },
{ "twitter": "https://twitter.com/nunocoracao" },
{ "instagram": "https://instagram.com/nunocoracao" },
{ "medium": "https://medium.com/@nunocoracao" },
{ "github": "https://github.com/nunocoracao" },
{ "goodreads": "http://goodreads.com/nunocoracao" },
{ "keybase": "https://keybase.io/nunocoracao" },
{ "reddit": "https://reddit.com/user/nunoheart" }
]
}
```
## 在文章中引用创作者
你已经新建好了创作者,下一步让我们在文章中引用它。在下面的实例中,我们使用前面新建的创作者 `key` 来引用它。
Blowfish 将会使用额外创作者对应`json`文件中的数据,以帮助在文章中渲染此作者。这个功能不会以改变整个站点配置的默认作者,因此你可以分别控制他们。使用 `showAuthor` 参数,可以配置是否显示默认作者,这适用于单创作者的博客。扉页中的 `authors` 参数允许你为文章定义额外的创作者,这里的创作者将独立于整个站点中的默认创作者。
```md
---
title: "多创作者"
date: 2020-08-10
draft: false
description: "为你的文章设置多个作者。"
slug: "multi-author"
tags: ["authors", "config", "docs"]
showAuthor: true
authors:
- "nunocoracao"
showAuthorsBadges : false
---
```
上面这个示例和当前这个页面一样,将显示默认创作者和新创作者。你可以滚动此页面来查看实际效果。
## 新建创作者分类法
如果你想要获取每个作者的文章列表,需要配置 `authors` 分类,这会让你了解到一些更有趣的配置。这个是多创作者模式中的一个可选步骤。
To get lists of articles for each of your authors you can configure the `authors` taxonomy, which opens up some more configurations that might be interesting. This is an optional step in the process that is not required to display the authors in your articles.
第一步是在 `config.toml` 文件中配置 `authors` 分类法,如下所示。尽管 `tag``category` 默认是 Hugo 定义的,但只要你添加了一个特定的分类法,就需要显式添加 `tag``category`,否则基于 Hugo 的文件加载顺序,站点将不会处理 `tag``category`
```toml
[taxonomies]
tag = "tags"
category = "categories"
author = "authors"
```
这样一来,你将会有一个所有创作者列表的页面,并且每个创作者都会显示他们参与创作的文章列表。如果你想在每个文章中以徽章的形式中展示作者,有两种方式:在全局配置文件添加 `article.showAuthorsBadges` 参数 或 在每篇文章的扉页参数中配置 `showAuthorsBadges`参数。
最后,你可以为每个创作者页面添加更多细节内容,以便显示简介、链接或者适合你需求的任何其他信息。为了实现这一点,需要在 `./content/authors` 文件夹中为每个创作者添加一个目录名为 `key` 的文件夹,并在文件夹中添加 `_index.md` 文件,对于上面的例子,我们会得到一个 `.content/authors/nunocoracao/_index.md` 文件。在这个文件中你可以添加创作者的实际姓名和他们自己的个人信息页面。本文档站点中的作者就是这么配置的,你可以在文档站点中查看实际效果。
```md
---
title: "Nuno Coração"
---
Nuno's awesome dummy bio.
```
## 示例
下面这个示例,介绍了演示了如何关闭站点默认创作者,并在文章中添加多创作者。
{{< article link="/samples/multiple-authors/" >}}