summaryrefslogtreecommitdiff
path: root/themes/blowfish/exampleSite/content/docs/thumbnails
diff options
context:
space:
mode:
Diffstat (limited to 'themes/blowfish/exampleSite/content/docs/thumbnails')
-rw-r--r--themes/blowfish/exampleSite/content/docs/thumbnails/background.svg574
-rw-r--r--themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg594
-rw-r--r--themes/blowfish/exampleSite/content/docs/thumbnails/index.it.md46
-rw-r--r--themes/blowfish/exampleSite/content/docs/thumbnails/index.ja.md46
-rw-r--r--themes/blowfish/exampleSite/content/docs/thumbnails/index.md46
-rw-r--r--themes/blowfish/exampleSite/content/docs/thumbnails/index.zh-cn.md46
6 files changed, 1352 insertions, 0 deletions
diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/background.svg b/themes/blowfish/exampleSite/content/docs/thumbnails/background.svg
new file mode 100644
index 0000000..a3dc3e7
--- /dev/null
+++ b/themes/blowfish/exampleSite/content/docs/thumbnails/background.svg
@@ -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> \ No newline at end of file
diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg b/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg
new file mode 100644
index 0000000..340e22e
--- /dev/null
+++ b/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg
@@ -0,0 +1,594 @@
+<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>
+ <path transform="
+ translate(0, 0)
+ " d="M0 0h60v60H0z" fill="
+ #0077b6"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(0, 60)
+ " d="M0 0h60v60H0z" fill="
+ #ade8f4"></path>
+ </svg>
+ <svg>
+ <path transform="translate(0, 120) translate(30,30) rotate(0) translate(-30,-30)" fill="#03045e"
+ d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(0, 120) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(0, 180)
+ " fill="
+ #48cae4
+ "></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(0, 240)
+ " fill="
+ #90e0ef
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#00b4d8" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)" fill="#90e0ef"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(0, 21600 translate(30,30) rotate(90) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
+ </svg>
+ <svg>
+ <path transform="translate(0, 420) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#023e8a" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(0, 420) translate(30,30) rotate(180) translate(-30,-30)" fill="#0077b6"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(0, 28800 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(0, 540)
+ " fill="
+ #0096c7
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(60,0) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"
+ d="M60 0v60H0V0z"></path>
+ <path transform="translate(60,0) translate(30,30) rotate(180) translate(-30,-30)" fill="#90e0ef"
+ d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(3600, 3600 translate(30,30) rotate(90) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
+ </svg>
+ <svg>
+ <path transform="translate(60,120) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#023e8a" d="M60 0v60H0V0z"></path>
+ <path transform="translate(60,120) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(60, 180)
+ " d="M0 0h60v60H0z" fill="
+ #0077b6"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(60, 240)
+ " fill="
+ #0096c7
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(60, 300)
+ " d="M0 0h60v60H0z" fill="
+ #0077b6"></path>
+ </svg>
+ <svg>
+ <path transform="translate(3600, 21600 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#90e0ef"></path>
+ </svg>
+ <svg>
+ <path transform="translate(60, 420) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#0077b6" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(60, 420) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#0077b6" d="M60 0v60H0V0z"></path>
+ <path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#03045e" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(60, 540)
+ " fill="
+ #90e0ef
+ "></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(120, 0)
+ " fill="
+ #023e8a
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(120, 60)
+ " d="M0 0h60v60H0z" fill="
+ #caf0f8"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(120, 120)
+ " d="M0 0h60v60H0z" fill="
+ #90e0ef"></path>
+ </svg>
+ <svg>
+ <path transform="translate(120,180) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#48cae4" d="M60 0v60H0V0z"></path>
+ <path transform="translate(120,180) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#ade8f4" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(120, 240)
+ " d="M0 0h60v60H0z" fill="
+ #ade8f4"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(120, 300)
+ " fill="
+ #0096c7
+ "></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(120, 360)
+ " fill="
+ #023e8a
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(7200, 25200 translate(30,30) rotate(0) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(120, 480)
+ " d="M0 0h60v60H0z" fill="
+ #ade8f4"></path>
+ </svg>
+ <svg>
+ <path transform="translate(120,540) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0V0z"></path>
+ <path transform="translate(120,540) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(180, 0)
+ " fill="
+ #03045e
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(180, 60)
+ " d="M0 0h60v60H0z" fill="
+ #0077b6"></path>
+ </svg>
+ <svg>
+ <path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#90e0ef" d="M60 0v60H0V0z"></path>
+ <path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(180, 180)
+ " fill="
+ #0096c7
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(180,240) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#ade8f4" d="M60 0v60H0V0z"></path>
+ <path transform="translate(180,240) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#caf0f8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(10800, 18000 translate(30,30) rotate(270) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
+ </svg>
+ <svg>
+ <path transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#023e8a" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)" fill="#ade8f4"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(10800, 25200 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(180, 480)
+ " d="M0 0h60v60H0z" fill="
+ #03045e"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(180, 540)
+ " fill="
+ #0077b6
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(14400, 0 translate(30,30) rotate(270) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#caf0f8"></path>
+ </svg>
+ <svg>
+ <path transform="translate(240, 60) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#ade8f4" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(240, 60) translate(30,30) rotate(0) translate(-30,-30)" fill="#caf0f8"></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(240, 120)
+ " d="M0 0h60v60H0z" fill="
+ #48cae4"></path>
+ </svg>
+ <svg>
+ <path transform="translate(240, 180) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#0077b6" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(240, 180) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(240, 240) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#0096c7" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(240, 240) translate(30,30) rotate(90) translate(-30,-30)" fill="#023e8a"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(240, 300)
+ " fill="
+ #ade8f4
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(240,360) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0V0z"></path>
+ <path transform="translate(240,360) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#90e0ef" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(240, 480)
+ " fill="
+ #ade8f4
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(14400, 32400 translate(30,30) rotate(270) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
+ </svg>
+ <svg>
+ <path transform="translate(18000, 0 translate(30,30) rotate(270) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(300, 60)
+ " d="M0 0h60v60H0z" fill="
+ #0077b6"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(300, 120)
+ " fill="
+ #ade8f4
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(300, 180) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#0096c7" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(300, 180) translate(30,30) rotate(0) translate(-30,-30)" fill="#00b4d8"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(300, 240)
+ " fill="
+ #023e8a
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(18000, 18000 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
+ </svg>
+ <svg>
+ <path transform="translate(18000, 21600 translate(30,30) rotate(0) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
+ </svg>
+ <svg>
+ <path transform="translate(300,420) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#ade8f4" d="M60 0v60H0V0z"></path>
+ <path transform="translate(300,420) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(300,480) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#03045e" d="M60 0v60H0V0z"></path>
+ <path transform="translate(300,480) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(300, 540) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#ade8f4" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(300, 540) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(360, 0)
+ " fill="
+ #0077b6
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(360,60) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6"
+ d="M60 0v60H0V0z"></path>
+ <path transform="translate(360,60) translate(30,30) rotate(0) translate(-30,-30)" fill="#023e8a"
+ d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(360, 120)
+ " fill="
+ #48cae4
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(21600, 10800 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
+ </svg>
+ <svg>
+ <path transform="translate(21600, 14400 translate(30,30) rotate(90) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(360, 300)
+ " d="M0 0h60v60H0z" fill="
+ #0096c7"></path>
+ </svg>
+ <svg>
+ <path transform="translate(360, 360) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#023e8a" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(360, 360) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(21600, 25200 translate(30,30) rotate(0) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
+ </svg>
+ <svg>
+ <path transform="translate(360, 480) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#ade8f4" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(360, 480) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(360, 540)
+ " fill="
+ #0096c7
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(420, 0) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#0077b6" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(420, 0) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7"></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(420, 60)
+ " d="M0 0h60v60H0z" fill="
+ #ade8f4"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(420, 120)
+ " fill="
+ #00b4d8
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(25200, 10800 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(420, 240)
+ " fill="
+ #caf0f8
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#0077b6" d="M60 0v60H0V0z"></path>
+ <path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(420, 360) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#48cae4" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(420, 360) translate(30,30) rotate(180) translate(-30,-30)" fill="#0077b6"></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(420, 420)
+ " d="M0 0h60v60H0z" fill="
+ #0077b6"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(420, 480)
+ " d="M0 0h60v60H0z" fill="
+ #0096c7"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(420, 540)
+ " fill="
+ #0096c7
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(480, 0) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#00b4d8" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(480, 0) translate(30,30) rotate(180) translate(-30,-30)" fill="#ade8f4"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(28800, 3600 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
+ </svg>
+ <svg>
+ <path transform="translate(480, 120) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#00b4d8" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(480, 120) translate(30,30) rotate(270) translate(-30,-30)" fill="#023e8a"></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(480, 180)
+ " d="M0 0h60v60H0z" fill="
+ #48cae4"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(480, 240)
+ " fill="
+ #00b4d8
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(480, 300) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#03045e" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(480, 300) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(28800, 21600 translate(30,30) rotate(180) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
+ </svg>
+ <svg>
+ <path transform="translate(480,420) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0V0z"></path>
+ <path transform="translate(480,420) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(28800, 28800 translate(30,30) rotate(90) translate(-30,-30)"
+ d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(480, 540)
+ " fill="
+ #0077b6
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="
+ translate(540, 0)
+ " d="M0 0h60v60H0z" fill="
+ #caf0f8"></path>
+ </svg>
+ <svg>
+ <path transform="translate(540, 60) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#90e0ef" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(540, 60) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4"></circle>
+ </svg>
+ <svg>
+ <circle cx="30" cy="30" r="30" transform="
+ translate(540, 120)
+ " fill="
+ #0077b6
+ "></circle>
+ </svg>
+ <svg>
+ <path transform="translate(540,180) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0V0z"></path>
+ <path transform="translate(540,180) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="translate(540, 240) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#90e0ef" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(540, 240) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(540, 300) translate(30,30) rotate(270) translate(-30,-30)"
+ fill="#caf0f8" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(540, 300) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(540,360) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0V0z"></path>
+ <path transform="translate(540,360) translate(30,30) rotate(0) translate(-30,-30)"
+ fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
+ </svg>
+ <svg>
+ <path transform="
+ translate(540, 420)
+ " d="M0 0h60v60H0z" fill="
+ #00b4d8"></path>
+ </svg>
+ <svg>
+ <path transform="translate(540, 480) translate(30,30) rotate(180) translate(-30,-30)"
+ fill="#00b4d8" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(540, 480) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"></circle>
+ </svg>
+ <svg>
+ <path transform="translate(540, 540) translate(30,30) rotate(90) translate(-30,-30)"
+ fill="#0077b6" d="M0 0h60v60H0z"></path>
+ <circle cx="30" cy="30" r="30"
+ transform="translate(540, 540) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle>
+ </svg>
+</svg> \ No newline at end of file
diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/index.it.md b/themes/blowfish/exampleSite/content/docs/thumbnails/index.it.md
new file mode 100644
index 0000000..912373f
--- /dev/null
+++ b/themes/blowfish/exampleSite/content/docs/thumbnails/index.it.md
@@ -0,0 +1,46 @@
+---
+title: "Thumbnails"
+date: 2020-08-10
+draft: false
+description: "Turn on thumbnails for your articles."
+slug: "thumbnails"
+tags: ["thumbnail", "config", "docs"]
+series: ["Documentation"]
+series_order: 6
+---
+
+## Thumbnails
+
+Blowfish was enhanced in order to make it easy to add visual support to your posts. To do so, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article's main directory, as shown in the example below.
+
+```shell
+content
+└── awesome_article
+ ├── index.md
+ └── featured.png
+```
+
+This will tell Blowfish that this article has a feature image that can be used both as a thumbnail across your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
+
+## Folder Structure
+
+If you are using single `.md` files for your articles and have a file structure similar to this:
+
+```shell
+content
+└── awesome_article.md
+```
+
+You need to change it from a single Markdown file into a folder. Create a directory with the same name of the article, inside create a `index.md` file. You'll get a structure similar to what's below.
+
+```shell
+content
+└── awesome_article
+ └── index.md
+```
+
+Then you just need to add an image like explained earlier. If you want to see a sample of this, you can consult [this sample]({{< ref "thumbnail_sample" >}}).
+
+## Hero Images
+
+Thumbnails will be used by default as hero images within each article. Use the global `article.showHero` or the front-matter parameter `showHero` to control this feature across the entire site or for each specific post. If you want to override the style of the hero image, you can create a file called `hero.html` in `./layouts/partials/` that will override the original partial from the theme.
diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/index.ja.md b/themes/blowfish/exampleSite/content/docs/thumbnails/index.ja.md
new file mode 100644
index 0000000..912373f
--- /dev/null
+++ b/themes/blowfish/exampleSite/content/docs/thumbnails/index.ja.md
@@ -0,0 +1,46 @@
+---
+title: "Thumbnails"
+date: 2020-08-10
+draft: false
+description: "Turn on thumbnails for your articles."
+slug: "thumbnails"
+tags: ["thumbnail", "config", "docs"]
+series: ["Documentation"]
+series_order: 6
+---
+
+## Thumbnails
+
+Blowfish was enhanced in order to make it easy to add visual support to your posts. To do so, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article's main directory, as shown in the example below.
+
+```shell
+content
+└── awesome_article
+ ├── index.md
+ └── featured.png
+```
+
+This will tell Blowfish that this article has a feature image that can be used both as a thumbnail across your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
+
+## Folder Structure
+
+If you are using single `.md` files for your articles and have a file structure similar to this:
+
+```shell
+content
+└── awesome_article.md
+```
+
+You need to change it from a single Markdown file into a folder. Create a directory with the same name of the article, inside create a `index.md` file. You'll get a structure similar to what's below.
+
+```shell
+content
+└── awesome_article
+ └── index.md
+```
+
+Then you just need to add an image like explained earlier. If you want to see a sample of this, you can consult [this sample]({{< ref "thumbnail_sample" >}}).
+
+## Hero Images
+
+Thumbnails will be used by default as hero images within each article. Use the global `article.showHero` or the front-matter parameter `showHero` to control this feature across the entire site or for each specific post. If you want to override the style of the hero image, you can create a file called `hero.html` in `./layouts/partials/` that will override the original partial from the theme.
diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/index.md b/themes/blowfish/exampleSite/content/docs/thumbnails/index.md
new file mode 100644
index 0000000..912373f
--- /dev/null
+++ b/themes/blowfish/exampleSite/content/docs/thumbnails/index.md
@@ -0,0 +1,46 @@
+---
+title: "Thumbnails"
+date: 2020-08-10
+draft: false
+description: "Turn on thumbnails for your articles."
+slug: "thumbnails"
+tags: ["thumbnail", "config", "docs"]
+series: ["Documentation"]
+series_order: 6
+---
+
+## Thumbnails
+
+Blowfish was enhanced in order to make it easy to add visual support to your posts. To do so, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article's main directory, as shown in the example below.
+
+```shell
+content
+└── awesome_article
+ ├── index.md
+ └── featured.png
+```
+
+This will tell Blowfish that this article has a feature image that can be used both as a thumbnail across your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
+
+## Folder Structure
+
+If you are using single `.md` files for your articles and have a file structure similar to this:
+
+```shell
+content
+└── awesome_article.md
+```
+
+You need to change it from a single Markdown file into a folder. Create a directory with the same name of the article, inside create a `index.md` file. You'll get a structure similar to what's below.
+
+```shell
+content
+└── awesome_article
+ └── index.md
+```
+
+Then you just need to add an image like explained earlier. If you want to see a sample of this, you can consult [this sample]({{< ref "thumbnail_sample" >}}).
+
+## Hero Images
+
+Thumbnails will be used by default as hero images within each article. Use the global `article.showHero` or the front-matter parameter `showHero` to control this feature across the entire site or for each specific post. If you want to override the style of the hero image, you can create a file called `hero.html` in `./layouts/partials/` that will override the original partial from the theme.
diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/index.zh-cn.md b/themes/blowfish/exampleSite/content/docs/thumbnails/index.zh-cn.md
new file mode 100644
index 0000000..7610873
--- /dev/null
+++ b/themes/blowfish/exampleSite/content/docs/thumbnails/index.zh-cn.md
@@ -0,0 +1,46 @@
+---
+title: "缩略图"
+date: 2020-08-10
+draft: false
+description: "为你的文章配置缩略图。"
+slug: "thumbnails"
+tags: ["缩略图", "配置", "文档"]
+series: ["部署教程"]
+series_order: 6
+---
+
+## 缩略图
+
+Blowfish 对视觉支持进行了增强,可以让你轻松地为文章添加缩略图。你只需要将一个以 `feature*` 开头的图像文件(支持几乎所有格式,但更推荐 `.png` 或 `.jpg`)放置在文章所在的目录中,如下面所示:
+
+```shell
+content
+└── awesome_article
+ ├── index.md
+ └── featured.png
+```
+
+这将告诉 Blowfish 这篇文章有一个特征图片,这个图片可以在网站作为缩略图使用,也可以用于社交平台上的 <a target="_blank" href="https://oembed.com/">oEmbed</a> 卡片。
+
+## 文件结构
+
+如果你仅仅使用一个 `.md` 文件作为文章,文件结构如下所示:
+
+```shell
+content
+└── awesome_article.md
+```
+
+如果想添加缩略图,你需要将单个 Markdown 文件放在文件夹中。创建一个与文章同名的目录,在其中创建 `index.md` 文件。文件结构如下所示:
+
+```shell
+content
+└── awesome_article
+ └── index.md
+```
+
+然后你只需要像之前那样添加一个特征图片。如果你想看示例,你可以参 [这个示例]({{< ref "thumbnail_sample" >}})。
+
+## Hero 图片
+
+缩略图将默认用作每篇文章的 hero 图片。开启此功能,可以使用全局的 `article.showHero` 参数来控制整个站点所有文章,或者扉页参数 `showHero` 来控制其中一个文章。如果你想覆盖 hero 图片的样式,你可以在 `./layouts/partials/` 文件夹中创建一个名为 `hero.html` 的文件,它会覆盖主题中的默认部分。