-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
96 lines (89 loc) · 26.3 KB
/
index.html
File metadata and controls
96 lines (89 loc) · 26.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!doctype html>
<html lang="en">
<head>
<!-- content.head -->
<title data-react-helmet="true">patternplate</title>
<meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=yes"/>
<link data-react-helmet="true" rel="icon" type="text/svg" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgc3R5bGU9ImZpbGw6aHNsKDIxMCwgMTAwJSwgNjAlKSI+PHBhdGggZD0iTTEyLjAwMiAyMC40MjZhMS4yNjQgMS4yNjQgMCAwIDEtLjY3NS0uMTg5bC05LjA1LTUuNjNhLjg2Ljg2IDAgMSAxIC45MDYtMS40NTVsOC44MTkgNS40OTQgOC44MTUtNS40OTRhLjg2Ljg2IDAgMSAxIC45MDYgMS40NTZsLTkuMDQ3IDUuNjQzYTEuMjY3IDEuMjY3IDAgMCAxLS42NzQuMTc1eiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMiAxNy4wNTVhMS4yNDQgMS4yNDQgMCAwIDEtLjY1Ny0uMTg1bC04Ljg4Ni01LjU0NWExLjE5MyAxLjE5MyAwIDAgMSAwLTIuMDIzbDguODg2LTUuNTQyYTEuMjUgMS4yNSAwIDAgMSAxLjMxNCAwbDguODg2IDUuNTQyYTEuMTkzIDEuMTkzIDAgMCAxIDAgMi4wMjNsLTguODg2IDUuNTQxYTEuMjQgMS4yNCAwIDAgMS0uNjU3LjE5em0tNy45OS02Ljc0Mmw3Ljk5IDQuOTggNy45OS00Ljk4TDEyIDUuMzM0bC03Ljk5IDQuOTh6Ij48L3BhdGg+PC9nPjwvc3ZnPg=="/><link data-react-helmet="true" rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD9ElEQVRYR+1W32tbdRT/nPNNNp1IivggaknZHkQFM0bxbWQWfU5BxMebMtAHmffWgfvFmqQ+jCHSRBBxTrjZqy/rPyALYyKoY0WYglBafBkKtkE21ibfc+R7711psqRJKtKX5u2Se873cz7n8/l8L2GPf7TH52MfwK4ZuMdFH0jpc3L18/+yxpEB/IWZvGUKlXhCQFDlFRUujuPLxm6ADA3gb7yXaXO7aomKCoZVaioAJc7Ezwgh7eAIrjRHATIUgD/NjKdKVSEeiw/T2lNCJXdQk1MVIfITUOsg8l+ytWvDgtgRwBpOZjeMhIA5IQBEeUlF/XF83UH37ziVt4yakslFawHfYIviK/hsdRCQngAc3ZZbvhBXXMOYbqqOy5XyTg1/4Y/KCgqUKFqLKJWOyeX5nWoeA+BEJoxQiCciWoGGseI9j28GTuMOuovT2Q3DdQHnJV7XCgsVX8elniLdAuCmbplNR/d0ou6mingv4OriIBp7/f8jLhSEpS5kMkm/8Al5GEzicodItwDc45kqyPjxrql2SKj0zIiK7gbyE85kNjhdkagvub6VN6TUscZtAE76lriaWOqOERRfxFdLu5n+Uc1NXMwJm1CJjmqspeBNuVjb3rNDA3/w+74FKiCTsRFiVFla5VG97SZ/wAfKSiaIJ2eXGaXuwx2Qx0S4jA+yYrQGmIID4ZLOCgWvYmEoLdzCXKHNVAXxRDQEeFFtynsLZ3sG1BaAtnnbU5hpWK2m8W3jN3xYEOaaEmUjSwHXUxZBP2/fwoWsmFRVQNMJ3askKW8K5xu/YjbfNhSo1fC1rkG2ADw0714XcCEuRvi0tIJlHMYDbs0KcSn2NdYFpjQplzouoJs85wu4rERjrt6JTSS9cBhruM+tqhJH8S3QxWP20+meGlC8k/nHHHD+LTj/itI6SP1nbf3abZzJqdGawOSdS1TpDokpbjrHMIUgPhonIDVg4U9hbmnJnO6Ib3c4WXh9bfgI1Rpm8ptMdSXORpYE3WArRRdEP/B5X0EVSS6gCExyMQkoElkSRKGCT8RC5lUS9QYG0XZaXCjdZ8wqcSnJdkd/6Yh8MR8p3Bysa7KuNrCo9mAksp/547KridYYC7iSltZC99R9bdjt+WWcylmDmoLyibBWSKj4MhYa32E+5953dN/GuXybNfpGiHdNDWvhH8cnA3NkqOv4Ls/6bVAFxEmsIrTCgQMQW84U47ilplvFcZnvCJuRLqN+LzvqwVoDGS8WIq9HNBOPxVqgxUP2SW+yj9/79R2Kge3F3+NcHmzqljjKB6tYVWFvCnP/7ydZ9wQNrvgtMFTSYb+UG+YeGZmBYZqO8s4+gH0G9pyBfwH8cvswR7q+QgAAAABJRU5ErkJggg=="/>
<style data-styled="dCXgxZ kqtUHW eWyRwy dMgSvB fqHHoD jXFTBS cOXzwY jsjcIG gFUKLQ fBmYNS eXMJoF iPVNnp ggkPIL epNeTB cyTnXL jEThmW iJyzCX ddKjzI cOrIrh eswbXw cSrUQn fewAEk hdBDkq ibFlnc zBzBS cpInqJ gVXUPf doKjHI gjzhMR fDmgHR eZeAXF jAWRjc ewPMoP iNzKni blzHwJ cRrHlB dAGQIu dpGuyW koPjbn fajHjx iTBpAE knpOUu ufpdr jHshOc eFuRth bxInga bAPxFc fNBEAJ bDsuuk gYBoGY izgbla huZdty QWogE bHQGio bEbSOt kWGtwR fLSnRz hZSXhZ dRDBnf eMJUas jfaYYE kOavCy cLiinB btkKbx glQiUN rsYpz jaERkL ixCFYe qDLku dfptuy lnnpNe lhhJzS cKNwzm drZIVJ jkazxm wWsss eIQpqH jdKcee hfDmrr jOHIzw jDhgWI eRdqln imIxRQ kyxuvu llLmUF cNhgjT lmMZQo kWfIhF hFKgll gcYGbf TibvK etNnbF ixHeOK kHnjRI jrkZJx colYOH hCoQBm gzRkJI hwgxjI biGzf dHnARU KkrFp dROTSI dfldrT znIoP iSsQLt bvXzre exVFJp hnTdFB kKpPFC kYFVSX hwMKys juVfdH fLejTr fFzQSf gUjGfr lexjQB beDrL kFqcwG VHVlx kOfPSl gbFnaY jHdGfP bRDEfx frkskW hkMPfx hfDlbh bqrvyY fiJQOK SpPnr cbVUsA gcUkgl hVjxDl gMkjXE fsOFUg gTLhVg jIjanr gADbQC jwczaK yTlTL fudgyH fcMEbX bsVRWb SalLy jxwrEg kXEqHc btYJQs aJAFe iDsJoQ iwwndA lfWTwU hACchx jaNsqo hSLRXs ftKpXO cFERzM kfpnxI jNkUNc dsZwRa hhcQFF fMcKlP fkTNiX fbMdUU IiiLO grcJmX optVo hnHWAC cNAoOt blghZv gbZtwu gWdFeZ dOPwrE gnNrNf bfoDcW iGwlBf dQdOY kSBKcu jWMXDS jgQozZ jkYxqu bIVqSn kFbkCo bYTCvQ kWqJZb fGjQzD hNzjxB efrHvJ hwbceG lbTocW hslmYx lkfnWF iFfsDU JpilJ iYpcWG ddRfEz dsUKex rpsap gOFToI imFpRU fwISGY dJOSle cpOQXY dYJPpo bUBPxP drskrB ePadkS fclAVL cbcWvQ jwdViw evdZkR hgUdEa iJsgkB fGXSXz bEYchl eedOel icxtoz bIncmA bAkvyS dptExi kwcnCZ ieLPzs gqQPin yQPOw hWTUIy dAIWCm kpCNBC CVTYq gxbVDF hnUEFY NHNXE dAyBkj jUuDgJ fqpJxV kOVOOY icpYRE hGRofF ghcCxQ fTIYXI hslDVm eUCpeM jJqIup cGHHXe jpeAlD UbNFc jHxyOc oDTse jPZzmG hCrskr knhlpb hNdyhm jbbBaO bEsUkd iaIHvi hEIIyh jbwVcr fDRgzO emwHVq hfwlPX kyCezZ ijrNin kHwJU jWVMfU bkzrrj qOZop qBalU gUOdCu bEwAGQ goZCke evFrvr hqOAJE jZKrLD jtwqwq gSBzTz gscTlK cVgdtC ePWHbu hLGFXG hOJBRS gdAphH eOxkHp epPSyH iYzjBI gfeesP hYvjCi ePvUZI gEvJLw fwxIBl csgtdi cvEPEp ikcBHq cpEKkK gZnTBc hySJAp bZmhVT kWVaOo itjMDF QyrMW hmlsvB THnBN bAkAxj jCBTaW jxQqBE bAEoUS jflmRo bKAvni fUCrRK eoEtig kuizbH ebTmzA bOTLwV grWcPc eXWHGN rynzR kGenaJ fHWUOL iFeLTO hYywBn kRCpSD ccLzSo fGIoPc bOoUVs kmiJrB diwown eEgotg fKbdZj fokmkK fxMLio bUuMEU cddANj eicVOi gomPzn cprzuX ezNMvH cSBkrH iByOFd jAffMQ ixUtFj hkJVDu iPoxgU ghhVmx kEQEAg ijmxK hQCNqx hYTZCE eNoRUR fCpTOG ikkBMs eoaDzN wwGag ccGCHJ dVIUDn czOzLu jjiQRF dkahkC hRDoBB jBKOqc kUXvRD dOtuOU doxJLU evICtj ftayBu gSoOwY gDTWOi gziAhO dFQwdy gOeMMf eXgDDh hncqca hkvjyt kBFPJH gBAtNL gOMcsL gAzPsS bFTgz dNzhkt jhLjPP iPBqlC dEepgD wCGVU dGpIgi hMEOYn Bpk kiFsxX dpyhEg kNQQoh LGGy fUYJa ggAVOS bmPxOw gGOltU bfeFnM kFhWOb cKRTYy cJPens dYQFWD iOhEfk jBrnQL bVoFbj fMXvKO fjyDqd hzfTCF irwDVp dHwvam bKxkSn iFadzd cTwDDX kkVieC jtEpNi eNKeKo cscRGX bhFRlV eAoxPR itrUrn hOokdM fGyOvK eWIMWM gWiZzd gOfcRQ leoMyY lfFAiB dtoryy eWdXgS exBTPN hZSAXV hEWqTl iIxjPI lmlKRb ifaGUA ipbtWy dKLKzw dVzQxP kzZfXZ eeOxvS iizIiK bwhVMz ePdNgh ivhZbl dOkeDK hKiRac CcYyi giBbgV efcVgb gmsYCr fDGshw daJtYJ gdUAVc bxSHAX hsIcht jPhGe fJtwxZ eDGxnY hPKpMY dZkIaD gFKUKf RrqDO bdtsDV cTBHkM ebBSOf kkStnM gVWJFW lcUJNX gOnKjN iZzbGE dGloo kDupEh TBOrk befSOZ kllSWY eAnBje hmAQPZ hVypnG rtRRO dJTRIf iocLph fKyTiz flVJXI kqpumn auGYn gtUDLy kNyHoD LbKQc gVXaXX ZjaG kWPIhV cCJCdt gNKufT eJdzJQ hqgnFJ gEMRUz bminXu flzJaT hIzZeo izoArj XerhN fXBAoB syqTV dVTzyC bkWiCj gOaaVj jMpmPs jVmeik fCpCwx bYFCDL hVDDuj kRxoaT eRaolT kUprFN epiUsO jJlbNg ekYgpU erbVFL lgupaH wpCfK gWkroW grkexZ jksLMQ gimlMb bDJWfF fmAcIo jmuDNm lowRUu bzxklA deuTwW gpvtki dIJMvP RuVGb jLLLPP kASdgW jkQRHn cswruM fwsCqJ dZhvXw gwTBwY ehSSuo jHKeuJ bPGxQn fJIvWO byFxZx gRVAee ZkdWM ePvgSw gUDIvc NxXoA eqvxld sppgN iohGPJ daixqP gNQxPQ NJHHh fNoblR dFGxQA bZQigF fhlXcl iQxCjx kXUkZH iPtsrO byzuZA boiWHq bCZtbG dONRxe fVVELr jaOTtH cRPUVP TWmS gRfzTJ GOEZs lkHhw eLKdat gLQyik kOprTx lecmRL jOTcwZ diYMsB dSDvMt UsWHy fzjsWi iYZoeO dEtrqo juaJRB ipvKlJ eoKjfR lTIEs eqMSJ dLUxYk kyoteM gyJTyp kcHchd dZQbnW iNtrVY iAIJbI juVimo gTsjNA foxFbq eXMuSy fGyYEg jwhzJT cIhVxG fgwusQ dBKnQY kylLBt jJwTfd kULXWP gXnbve jImiCU kVBvkd imFuxa eTdbXG ilchpY eAtemN lauKOX iAVPBG epsttv ioPSdJ hqKhvT bdWaPm ftrEig dFwGts lpbTkU iholmL Gvdkb cqBuhx dgfmWp owAwV imLTYN NjRwI cvlZVm dpgnKW fsFEPl cgJCmA fXRNse dpDgMz gtyZBA jnbHZc eSgTKM lhIIGQ fmoupt jeGtyM dGzswB kUuLox cSRKEJ bGkhlR byRGkV jhDgGn fCyhMh gmYTXv eikRhE fucmIM ianUAF cDzNTB icmeym cgXvbr dJCsSr dkQHae eRiGJV ciAFzb mwWkI iXTaxw eEAuzj jXvIKm evUkEq kVipPd iYxxcq fpPqqX fYflk hfiZJQ ElqjA jPMLwh fqFyCY bAiZRE khbqiv giJJNo kqCMrQ irxUwR inQhpq ferbSO gqbvsx fhqBmT geJoEG daMrtp fszWiM kknRML dOPiOE gdFGAy iMvpvK izSkeG rYYM iroukt dBRInI hGeSeP fjHWcQ eszKEg eeReLO idjMNN erMIKZ bMmMQf kRVHQd cNwDqO bNXeRA gvyPL kZQgva cQDrlQ doWfWy iqBteM jltlsh jbycze clzWuF fvHqyd hZkKMc fxWtLX ixqcvG gEoItA iuzVJV gwZUxI iEtUCn cndDLQ imfaIl imRhIP tyeuf hygIbp hAhBrg ijEgaB hpxkvP bJeLXn ipUSBs BRSdN bAYnvF eRIaZj cPRihM imjnQD kJrINi jmZVfm gKgWBJ iJPLzu ksmqsI fCVffO gEmSWT jUuvIi cuTAuT dtbMax jSPeaa hTdGmW bQRFIv cTEdIx hzYXtk blCkmW qXEtd isVzvQ hQJBAC hvMDHM exVAzM keLbMn kbdRPB ecJHWy cRgDVy jRGoDo cZyiMy jKmJEp fuNCZd buFNkB brnOmg eesbZV LweqS dnTbBc gImkfe iUAKqU jvmwGn dZEVIt jPHzav lfocWk hgeUPS woPyS sHOeg elXZIR hKtzsv kLJEXl lnWAPE Rjlks iFUaaf ghQWQz lieSCj cAQMIy cKbusr iQlmrJ kcEKdj kgqjXG cSjshJ cAZUsT hrmXNM frfbwr iHHAVG kxEmjM hfVrPa xqcYQ hfSVKn bIECHd faLqVr bAmGtf kqsxNt hgoIhF geAVWf gEddwc iLPQup krrTsr dYyTQF bnGitw foasHD uUrQj jWBzAu bxaXyR bIwQOz enlUIA tzkfd qAMHG fChJkg hJztcD fldCoj kDKvQk fmeVUh cGxhhc jzQYMx jzJzTq fuVvwd cmvzlX gtbQJU cBDGxh hxoMpV hhHoRt gnIMRO iiFGZn jTJchX dLjxmr DWhRx jgtjgJ etZilk eNgRNE fykUsV iMZeDh igTsfm izHwfl yepnx hNOhiR iKVAQW ddOqlq erOWaP ldfyhf cLbxMV idpjfE kdNIVo bYxUYz bWYXP geVxPS bZpqLB rWXpG gQgPvf krFhYH cvpLvG kGfhts gbhyhD hczIkD hIwDLV IttJQ fHYHjY fpmWJn eXFvXq gcPBiM ebPiqZ kyApfD jyRETf jlWRxi hrDKxy hRQwZD euCHSG cXyJuT eZovbQ kYLLKr bKFapc fcQhvL hZLURU Sxfqm cfKnxg jAxTDg iTWuxs ghHkCj eETiCD gGffPO iecwGa ldGVRi zMYcD yCJfg ktCjgw gPKMKF qMlvm fyqlio jeKmtH kFcRPY kFwEQw gdoBQr bfqtiS hMOTNl gfqhyd bFmzAb dNSuzv cbjOaj bDRzVb cfwRsE iJzSHT zQGGW dWOElF kioXWK bfQzlN jYwQMn RxnAl buBtmz iBcruw feaFbA dCFXOv iMiyIc jibZGC eOoabZ izSwLG hNYpww bMWvSo cXdleC fFYLak CeZOt iCWnQJ ejDLjN fODDpE klvuGZ iNXaDT gwKFfK drtLLf fefRDQ dLPCwC bFdAdd DrQEJ cwKfIO gpsIiH vgoRl iUPDxz ccOvob lgKGLM hdjYwh aZjcz bbLnjd hWsQXS iLjAVf imyhfd ebpgVK bznPtb lgpWwz bnlqhk hlHnmu fWGtZk wYxJc dOPIbU chAKID cDjCkv gVSlTi iZkeRZ hIXeLj dfYihZ gYIdkb imzwFW bKICIL gwdogQ cRzwbL iWfAIi iWSksy kiyWyK bQhKPV dgYSnT dLvwep nhKTY fkSlxm GXpKr hLPzjx fFgVtZ fyVcON bZxIyc jTHRNu fEQKmu gjOQva kMahMo jtvmqH fhUfdv kmxqMO iCGwpO qgspk hDqHCw egRQbD gpIcgo fkefYu kRoXhY eKAdSl eOgWXk ldyVQw bEiuh gSGCkP iZyeiA bjQcUh bFrCou BQVxh krJSMY hKagcZ dUExVz layEOv gaCgep kJdjtm einIDo iEXJKn iwlTTJ gsecoA ccovUg jrFHrk eCAIra gVOHhA jVASRM hXSger cdJAWn czwtrB bddynj hgeSYP dcToRl hdJeGB jAJJYK enNvlZ buNsLt iTAiaO lbRqyA bbHsnj AvKmE iABkiR fFkLFE iowjtn bVrYoG ctYydP cmCprD exVRMY dQtWWf ipKTUP iipbAy eQsxXT eRcyEs kDQoId jZAzzx dePLrh jVmnPZ cFEQNj hNNXzy hozDHx iIxsKP bGrkmB hTDlTX jotOfy gqmFdx cpRmiw jAVqGe jAlgBx lgjIEI bhHbqJ kCHpWt kuMPdu hVrxOv cRcjrg fjtXCk hODzqm dDDNKf jXpcAO boIANw fExrmV bjDkWf bUghdV dtUYuW bxcgNe cYoNVX icmeXL iTftif jwBkVA jVXCiV gONNqw crdFJI UKaiV dWQZLC gaskmi dkIYoO fBcKDk fYrXTz dwZyHo ehAUkL lbwGVA jeACCb erqHkf dmlNBB cQQoPE kTHthR dcgnwm cpOAUk gOFKQR jfiqJy gzHfTV eFenWN mStPe gNpnbX dKDTu LpTcn gBjhwN gaBAYL ddUavD lbTRIj ipYDGk kcgytC fmqpyR jHntQA hOlWHx kyuEsQ GaIQj bvqqgR hWFgaM dfIISD eOvnUd eEKLbH emPJWn eOfVxw hFGqFB eePDVT jSyDac dgRYnx kOxVyG dwdzWz hVENFv iHTmSz bwfUCt iSXMdM dfJNhg hpfHuN ifEKWK fkNwED hGzMUm hriqEg tliQQ kWTYrG kigxtj kVShmF OUDtD fiCeH cgQfRv iUUmpm exmEpg fpfRLY dkFdep dCBJTy inhArm gQBjkH jSOTyr" data-styled-version="4.1.1">
/* sc-component-id: sc-bxivhb */
.ifEKWK{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;} .ifEKWK > span{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .ifEKWK > svg{margin-left:.25em;}
/* sc-component-id: sc-ifAKCX */
.fkNwED{width:auto;}
/* sc-component-id: sc-dnqmqq */
.iHTmSz{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:hsl(0,0%,95%);}.bwfUCt{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:rgb(68,68,68);}
/* sc-component-id: sc-itybZL */
.gjzhMR{height:100%;overflow:hidden;}
/* sc-component-id: sc-eMigcr */
.fDmgHR{margin:0;height:100%;}
/* sc-component-id: sc-fzsDOv */
.eZeAXF{height:100%;}
/* sc-component-id: sc-gPWkxV */
.jAWRjc{display:none;}
/* sc-component-id: sc-gqquVF */
.dgRYnx{width:10vw;height:10vw;min-width:80px;max-width:240px;min-height:80px;max-height:240px;fill:currentColor;color:inherit;margin:15px 0 0 15px;} @supports (margin:env(safe-area-inset-top)){.dgRYnx{margin-left:calc(env(safe-area-inset-top) + 10px);}} @supports (margin:env(safe-area-inset-left)){.dgRYnx{margin-left:calc(env(safe-area-inset-left) + 5px);}} @media screen and (min-width:1024px){.dgRYnx{margin:15px 0 0 5px;}}
/* sc-component-id: sc-kTCxmr */
.kOxVyG{display:grid;grid-column-gap:15px;position:relative;} @media screen and (min-width:720px){.kOxVyG{grid-template-columns:1.5fr 1fr;grid-column-gap:5vw;}} @media screen and (min-width:840px){.kOxVyG{grid-template-columns:1.5fr 1.3fr;}}
/* sc-component-id: sc-cpUXGm */
.dwdzWz{position:relative;padding:20px 30px;} @supports (padding:env(safe-area-inset-left)){.dwdzWz{padding-left:calc(env(safe-area-inset-left) + 10px);}}
/* sc-component-id: sc-bwvMdh */
.hFGqFB{width:100%;background-image:linear-gradient(-45deg,#4504da,#ff0353);min-height:calc(100vh + 100px);color:#ffffff;overflow:hidden;}
/* sc-component-id: sc-euoZOX */
.hVENFv{color:hsl(0,0%,95%);font-size:72px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:60px 0 16px 0;font-weight:300;line-height:1.25;font-size:40px;margin:0 0 1em 0;} @media screen and (min-width:480px){.hVENFv{font-size:60px;max-width:15ch;}} @media screen and (min-width:1240px){.hVENFv{font-size:72px;}}
/* sc-component-id: sc-kxWrTZ */
.iSXMdM{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:hsl(0,0%,95%);max-width:25ch;font-weight:200;line-height:1.3em;margin-bottom:2em;font-size:25px;} @media screen and (min-width:1240px){.iSXMdM{font-size:35px;}}
/* sc-component-id: sc-cXIWzj */
.hriqEg{width:150%;border-radius:10px;overflow:hidden;box-shadow:-10px -10px 20px rgba(0,0,0,0.15);} @media screen and (min-width:720px){.hriqEg{bottom:-20px;top:0;width:auto;}}
/* sc-component-id: sc-fslttm */
.dfJNhg{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:34px;line-height:auto;padding:0.6em;-webkit-text-decoration:none;text-decoration:none;background:#100133;color:hsl(255,0%,100%);border-radius:3px;margin-right:20px;white-space:nowrap;}.hpfHuN{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;line-height:auto;padding:0.6em;-webkit-text-decoration:none;text-decoration:none;background:#100133;color:hsl(255,0%,100%);border-radius:3px;margin-right:20px;white-space:nowrap;}
/* sc-component-id: sc-kdPYzB */
.hGzMUm{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:rgb(68,68,68);color:hsl(255,0%,100%);}
/* sc-component-id: sc-iPcXiW */
.dkFdep{box-sizing:border-box;width:100vw;overflow-x:hidden;padding:20px 60px 120px 60px;background:hsl(210,50%,6%);}
/* sc-component-id: sc-hULAQv */
.dCBJTy{color:hsl(0,0%,95%);font-size:px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:60px 0 16px 0;font-weight:300;line-height:1.25;font-size:12vw;max-width:60ch;} @media screen and (min-width:500px){.dCBJTy{font-size:60px;}}
/* sc-component-id: sc-jgZNlG */
.inhArm{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:hsl(0,0%,95%);font-size:6vw;text-align:left;max-width:40ch;line-height:1.5;} @media screen and (min-width:500px){.inhArm{font-size:28px;}}
/* sc-component-id: sc-clpBeH */
.gQBjkH{list-style:none;text-align:left;line-height:2;font-weight:100;white-space:nowrap;opacity:.75;margin-bottom:1em;margin-left:-.75em;padding:0;font-size:35px;} @media screen and (min-width:480px){.gQBjkH{font-size:42px;}} @media screen and (min-width:1024px){.gQBjkH{font-size:56px;margin-left:50%;}}
/* sc-component-id: sc-eOlQxU */
.jSOTyr{display:inline-block;color:hsl(210,50%,6%);background:hsl(0,0%,95%);padding:15px 20px;border-radius:2px;cursor:pointer;}
/* sc-component-id: sc-bryTEL */
.fpfRLY{color:rgb(51,153,255);-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;}
/* sc-component-id: sc-bPEScg */
.eePDVT{box-sizing:border-box;width:100%;min-width:320px;max-width:1440px;margin:0 auto;}.jSyDac{box-sizing:border-box;width:75%;min-width:320px;max-width:1440px;margin:0 auto;}
/* sc-component-id: sc-eFiFyf */
.OUDtD{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:-webkit-sticky;position:sticky;z-index:2;top:calc(100vh - 100px);background:hsl(255,0%,100%);box-shadow:0 -1px 2px rgba(0,0,0,0.1);padding:20px 30px;}
/* sc-component-id: sc-jwlpxq */
.fiCeH{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
/* sc-component-id: sc-kzMRkU */
.exmEpg{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;padding-left:15px;} @media screen and (min-width:550px){.exmEpg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}
/* sc-component-id: sc-kkAzZX */
.cgQfRv{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:40px;width:40px;fill:color;color:#100133;} .cgQfRv svg{width:100%;pointer-events:none;}
/* sc-component-id: sc-enLHqu */
.iUUmpm{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:40px;width:40px;fill:color;color:#100133;margin-left:10px;} .iUUmpm svg{width:100%;pointer-events:none;}
/* sc-component-id: sc-gKTcil */
.tliQQ{background:#fff;color:#000;padding:40px 0;} @media screen and (min-width:600px){.tliQQ{padding-top:125px;}} .tliQQ .sc-bPEScg{box-sizing:border-box;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
/* sc-component-id: sc-jAVZLf */
.kWTYrG{box-sizing:border-box;margin:0 10px;} .kWTYrG:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);} @media screen and (min-width:700px){.kWTYrG{border:1px solid rgba(0,0,0,0.1);margin:0;padding:15px 20px;}.kWTYrG:not(:last-child){border:1px solid rgba(0,0,0,0.1);margin:0;padding:15px 20px;}}
/* sc-component-id: sc-YsUIB */
.kigxtj{color:rgb(68,68,68);font-size:27px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:60px 0 16px 0;font-weight:300;line-height:1.25;margin:0;grid-row:headline;}
/* sc-component-id: sc-cyVxgd */
.kVShmF{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:rgb(68,68,68);grid-row:text;}
/* sc-component-id: sc-global-4186030575 */
body{margin:0 0 100px 0;width:100vw;overflow-x:hidden;}</style>
<style>
/* content.css */
</style>
</head>
<body>
<!-- content.before -->
<!-- content.html -->
<div data-patternplate-mount="data-patternplate-mount"><div class="sc-bwvMdh hFGqFB"><div class="sc-bPEScg eePDVT"><div style="min-height:100vh"><svg viewBox="0 0 100 100" class="sc-gqquVF dgRYnx"><path d="M50 75a3.75 3.75 0 0 1-2-.56l-26.85-16.7a2.55 2.55 0 1 1 2.69-4.32L50 69.72l26.15-16.3a2.55 2.55 0 1 1 2.69 4.32L52 74.48a3.76 3.76 0 0 1-2 .52z"></path><path d="M50 65a3.69 3.69 0 0 1-1.95-.55L21.69 48a3.54 3.54 0 0 1 0-6l26.36-16.44a3.71 3.71 0 0 1 3.9 0L78.31 42a3.54 3.54 0 0 1 0 6L51.95 64.44A3.68 3.68 0 0 1 50 65zM26.3 45L50 59.77 73.7 45 50 30.23z"></path></svg><div class="sc-kTCxmr kOxVyG"><div class="sc-cpUXGm dwdzWz"><h1 class="sc-euoZOX hVENFv sc-dnqmqq iHTmSz">Create better <nobr>Design Systems</nobr></h1><div class="sc-kxWrTZ iSXMdM">patternplate connects design and engineering to establish a single source of truth for your team.</div><a class="sc-fslttm dfJNhg" href="./doc/docs/why.html?guides-enabled=true"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED"><div class="sc-kdPYzB hGzMUm">Show me how</div></span></span></a></div><div class="sc-cpUXGm dwdzWz"><img src="https://patternplate.github.io/media/images/screenshot-site.svg" class="sc-cXIWzj hriqEg"/></div></div></div></div></div><div class="sc-gKTcil tliQQ"><div width="75%" class="sc-bPEScg jSyDac"><div class="sc-jAVZLf kWTYrG"><h1 class="sc-YsUIB kigxtj sc-dnqmqq bwfUCt">Come as you are</h1><div class="sc-cyVxgd kVShmF"><p>Not a CLI, not an app. Both.</p><p>Work in the environment you are comfortable with and expend your time for great design and engineering work instead of struggling with tools made for other disciplines.</p></div></div><div class="sc-jAVZLf kWTYrG"><h1 class="sc-YsUIB kigxtj sc-dnqmqq bwfUCt">Establish a Single Source of Truth</h1><div class="sc-cyVxgd kVShmF"><p>Your work is so much more than its parts.</p><p>Meld code and documentation into something more valuable – a<nobr>single source of truth</nobr> that is always up to date by design.</p></div></div><div class="sc-jAVZLf kWTYrG"><h1 class="sc-YsUIB kigxtj sc-dnqmqq bwfUCt">Bring Order to Chaos</h1><div class="sc-cyVxgd kVShmF"><p>Make sense of your design universe with meta data.</p><p>Describe your tokens and components with a fixed schema to help everyone to understand, use and remix your work.</p></div></div><div class="sc-jAVZLf kWTYrG"><h1 class="sc-YsUIB kigxtj sc-dnqmqq bwfUCt">Stay in touch with your work</h1><div class="sc-cyVxgd kVShmF"><p>Manipulate your design system directly.</p><p>Edit your components, tokens and documentation and see how patternplate updates your design system without reloading.</p></div></div><div class="sc-jAVZLf kWTYrG"><h1 class="sc-YsUIB kigxtj sc-dnqmqq bwfUCt">Be as free as the web</h1><div class="sc-cyVxgd kVShmF"><p> HTML, CSS and JavaScript – that's all it takes.</p><p>We supports component-specific stacks, so you don't have to commit to a single technology. Want to integrate a Vue component into a React design system? That's perfectly possible with patternplate.</p></div></div><div class="sc-jAVZLf kWTYrG"><h1 class="sc-YsUIB kigxtj sc-dnqmqq bwfUCt">Real components. Period.</h1><div class="sc-cyVxgd kVShmF"><p>Show and tell with code instead of faking it.</p><p>patternplate uses real-world, production-level code components for demos and examples. This saves you from wasting time polishing components that never see the light of day and makes the relation between design system and product transparent.</p></div></div></div></div><div class="sc-eFiFyf OUDtD"><div class="sc-bPEScg eePDVT"><div class="sc-jwlpxq fiCeH"><a class="sc-fslttm hpfHuN" href="./doc/docs/why.html?guides-enabled=true"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED"><div class="sc-kdPYzB hGzMUm">Show me how</div></span></span></a><a target="_blank" rel="noopener noreferrer" class="sc-kkAzZX cgQfRv" href="https://github.com/patternplate/patternplate" title="Contribute on GitHub"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED"><svg role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M512 0C229.25 0 0 229.25 0 512c0 226.25 146.688 418.125 350.156 485.812 25.594 4.688 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312C242 908.812 211.906 817.5 211.906 817.5c-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.406 3.562 78.47 52.75 78.47 52.75 45.688 78.25 119.875 55.625 149 42.5 4.654-33 17.904-55.625 32.5-68.375C304.906 725.438 185.344 681.5 185.344 485.312c0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.812 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.188 87.312 5.875 128.188 17.281 97.688-66.312 140.688-52.5 140.688-52.5 28 70.531 10.375 122.562 5.125 135.5 32.812 35.844 52.625 81.469 52.625 137.406 0 196.688-119.75 240-233.812 252.688 18.438 15.875 34.75 47 34.75 94.75 0 68.438-0.688 123.625-0.688 140.5 0 13.625 9.312 29.562 35.25 24.562C877.438 930 1024 738.125 1024 512 1024 229.25 794.75 0 512 0z"></path></svg></span></span></a><a target="_blank" rel="noopener noreferrer" class="sc-enLHqu iUUmpm" href="https://gitter.im/patternplate/Lobby" title="Join us on Gitter"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitter icon</title><path d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg></span></span></a><div class="sc-kzMRkU exmEpg"><div class="sc-dnqmqq bwfUCt">Proudly powered by <a target="_blank" rel="noopener noreferrer" class="sc-bryTEL fpfRLY" href="https://sinnerschrader.com"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED">SinnerSchrader</span></span></a></div><br/><div class="sc-dnqmqq bwfUCt"><a target="_blank" rel="noopener noreferrer" class="sc-bryTEL fpfRLY" href="https://sinnerschrader.com/imprint/"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED">Legal Notice</span></span></a></div></div></div></div></div><div class="sc-iPcXiW dkFdep"><div class="sc-bPEScg eePDVT"><h1 class="sc-hULAQv dCBJTy sc-dnqmqq iHTmSz">Built to connect</h1><div class="sc-jgZNlG inhArm"><p>We created patternplate to connect things and people that belong together. Reaching out and understanding each other is the best way to improve.</p><ul class="sc-clpBeH gQBjkH"><li>The Abstract and The Concrete</li><li>Documentation and Implementation</li><li>Principles and Examples</li><li>Designers and Engineers</li></ul><p>Learn how we use patternplate to create better design systems and products at SinnerSchrader.</p><a class="sc-eOlQxU jSOTyr" href="https://medium.com/still-day-one/how-to-build-and-maintain-massive-design-systems-3ce2898ac62f"><span class="sc-bxivhb ifEKWK"><span class="sc-ifAKCX fkNwED">Read the story on Medium</span></span></a></div></div></div></div>
<!-- content.after -->
<script src="/api/patternplate.web.probe.js"></script>
<script src="/api/patternplate.web.cover.js"></script>
<script src="/api/patternplate.web.mount.js"></script>
<script src="/api/patternplate.web.cover-client.js"></script>
</body>
</html>