dev-notes/docs/img/page-layout.excalidraw.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 584 473.5999999999999" width="584" height="473.5999999999999">
  <!-- svg-source:excalidraw -->
  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1cXFtzokpcdTAwMTd9n1+Rcl5PPH2/nDdjnMSYycSouX11KoWCikEwiKNxav77XHUwMDA35lx1MDAwMlwiIF5iyJz4kIrdQDfda6+1e+9uf33Z28s5j1x1MDAwMy33z15Om7RcdTAwMTRDV21lnPvLK/+p2UPdMt0qNPs+tEZ2a3Zl13FcdTAwMDbDf/7+278j37L6T3dphtbXTGfoXvc/9/ve3q/Z30A7ttZyXHUwMDE0s2Nos1x1MDAxYmZVgaYkXHUwMDBil55Z5qxZJCCAXHUwMDA0QfJ6gT48dJtzNNWtbSvGUPNrvKJcdTAwMWO/MG7G/YNeaXr3eHZ38SB6XXPkt9rWXHKj5jxcdTAwMWGzXlxyLfdN/LqhY1v32pWuOt2XXHUwMDAxXGKUx91lW6NO19SG3tuD11JroLR059Etg8AvfVx1MDAxYYLgdVx1MDAxM68lSvxcdTAwMDLvXHUwMDE2gUCo8aJlWLbX+Fcw+/jNN5XWfcftg6n615BcdTAwMTbT2tS/Zvz8Spj5z+1qeqfreIWBxofabFxcXHUwMDE5IFRcYon9UfdaXHUwMDE4lFV/hmel9ZNWQ+dcdTAwMGbFwl1Fr1x1MDAxNWpnoEpcdTAwMWKl3HP9v8FcdTAwMTEy1edcdTAwMTEyR4bh992rKIXBXHUwMDEzXHUwMDA0UGBiO6pqXHUwMDFllsyrUXNiXFxXj++G9vG+8vqOc2hTbNtcdTAwMWHnXmt+/5X03IfW5PGIjcxusXJ2isz9PnRG1XTPXXjT0UBVnqBcdJlATEpcYlx1MDAwNOD++Fx1MDAxYbp5XHUwMDFmXHUwMDFlXHUwMDA0w2rd+2j+XHUwMDEy6PCCXHUwMDE1OdrEiTSggH2EXHJcYkIgMYM0vVx1MDAwNd1cdTAwMTeHrNFu2tXryYlcdTAwMDMua2r1Z/NcIuNcdTAwMTbExLxcdTAwMDVxtpFcdTAwMDWNu7qjLdqPIHni3Vx1MDAwYimiglx1MDAwYrloTFx1MDAwNOehXGZ+WNi2PERgzCRAuzaubcLUR4NlOjV9qs3YZa70m9LXXHJvLvBr8Vxmv+7wniudwOh6pVx1MDAwNUPveEjOtdzeavZcdTAwMWPIXHUwMDFk3VWc11x1MDAwYlx1MDAxY2vg17bcdlx1MDAxNN3U7LJcdTAwMWHur2XrXHUwMDFk3VSMemSb7lx1MDAxYmrHL5NcdTAwMDbzKFx1MDAwMIah5lV6/aaJxpgoaVx1MDAwNIJw6YtFQkA44ZRcdTAwMGK/0WVcdTAwMTbJrm/UXHUwMDA3VilePEyvxiNxe3ZRNnjGLZKHNFxyXHUwMDA279meScIoSWNcdTAwMGKKXHUwMDA2XHTjiFKERTYkLZLRXHUwMDAzM35bXHUwMDA249Px+bVcdTAwMDNuJ/LQflx1MDAxMMPaOcui8khcdTAwMTGHc1x1MDAwNIB0u8DSwzz6pdeAOdkhzOmcJshcdTAwMTDmIc6HbW4rqMfwSWeYJFx1MDAwMlx1MDAxMYRcdTAwMTZtXHUwMDAw4/yi9lx1MDAxME8oJZA7d+yWXHUwMDAxXHUwMDE1bqg9SMyVJmhPfTQwtL2vcF396euqXHUwMDFh5Px5XHRaRtVhVVrsTVx1MDAxYWVCfH1lQlx1MDAxMIVLX5VcdLtcYkaEXGJcdTAwMWY4y0z2cHKpjVx1MDAwN1x1MDAwNipcdTAwMTV6+mlD6oPrUX2wjsnCUPlcdTAwMGVXW2+kTCSdMEGJuXSJwq/5gCa5gaOEYFx1MDAxY1x1MDAxY5mElFx1MDAwM1x1MDAxOJDsZWg0vlx1MDAxZtLW5ejqcjpS6H31pGZcdTAwMTZcdTAwMDdroXGXa3+RJT9JcE9cdTAwMWVcdTAwMTDNyMp/mZt0XHUwMDA3aatQKFilb1x1MDAxZPvyW1x1MDAwNT5cXFx1MDAxNn9cXKdd+J/KwiU/gFx1MDAwZqjywyxcdTAwMTVcdTAwMTV9Opq2XG5bXfhvzYTi3C9cZmOth0LMoZArWE/0YGbb/aLyXHUwMDAzuV9eyEAyXHUwMDA2P70v9Ebe11x1MDAxMlx1MDAwMYjxvtDuvC+CY0PdXHUwMDFjY8jdZXP69Vx1MDAxMu1N5LWhXHUwMDE3yV2xYlTKhVx1MDAwM1qadDMud1x1MDAxY4TkXHUwMDBlkLeQO1x1MDAwNNJ5Xy5rQNfNoFx1MDAxZiQscPjA71m/KCqPl7R0XXe+71fJKK3etauyXHUwMDBlmC5cbmXjYMou9ptt2a1tIYB+omKpXHUwMDFiJrk5sM41ML0/bji91lx1MDAxNp57XFyrN3mxdqY6tdPexW3DPlx1MDAxYjv6XHUwMDA302dcdTAwMTRcdTAwMWKYx0894Onj8tGTn2195jhJn1x1MDAwMc2UPkNOXYGW71x1MDAxMCTMnEDjN1x1MDAxMuglklx1MDAxNSPQeHdcdTAwMDKNKY1dj1LkSjRC6aMjlc4xJ0c9ptFcdTAwMWZN0ySAosvqj1x1MDAwZlx1MDAxNlx1MDAxZNkwXHUwMDE3vWHYnkPKXHUwMDEwXHUwMDBlsmSm9XnEm0LVeaFtNXqgUj6+UUTlLoO65LZcdTAwMTSHcoi4y9NcZqV3Q6NfOtu6RDnI81mCXHUwMDE2YVx1MDAwZVx1MDAxOKDzmMdvo0tSLMtcdTAwMWZHyZL0NsC4XuqHjlx1MDAxMG6mSseaolx1MDAwNmVnq5q0hKXDmlx1MDAxNO7LWytcdTAwMTKU8Vx1MDAwMXtcdTAwMDAkQlx1MDAxMlx1MDAwNaCxzFhBs31wXHUwMDAwj0qT229twFx1MDAwZcXNzYXWy7gkhdeMm26PamkqUZVF80xcdTAwMTexR65cdTAwMGIgqET8Q9vj+nhEMFY7XHUwMDA0ZoxAgNPDXHUwMDExXHUwMDE14cFcdTAwMWQqXHUwMDFjXHUwMDFhgpV6jeJp/a5ayHr+KFxiv/eHI8FcdTAwMTJwXGZ3XHUwMDFmwchcYlx1MDAxYVH83lHgZZBcdTAwMDSR6eH4eNJcdTAwMWJcdTAwMWTphyejXHUwMDBl5b1+QW3/bNlqxuG44LCL94QjpFx1MDAwMDOMXHUwMDExytz2tlx1MDAxZOFcdTAwMTHEs6OgXHUwMDAwuIuZ9HBcdTAwMWNcdTAwMDNea1THomsz9VxilSv24e2glHE4hvd9vbNYU8aoJOy/XG5GXHUwMDFlXHUwMDA3RkqQZJikj2XoR+ft2/1cdTAwMDIuNau8eDpcdTAwMWONXHUwMDFj5Xst61hcdTAwMTRZwlwidHFcYlx1MDAxOYRcdTAwMWY7/7c+XHUwMDFhk1x1MDAxNzJCMO4qdmo82lftdq9KnCtidNTe6cRcdTAwMTl850rG8Vx1MDAxON7r8d5SzTnHlIP/KDvCgGO4yI5cYlK4wkKGnInyIa11e4OJ+aBQw7aV5lpBsFx1MDAxZMKRhVx1MDAxNzLvXGZHJFxidPGYkVjv07xeletDad1YR9+0faDURvf3xauf2UxCrutcbniDLrnrnKZcdTAwMDZ7q2lasn11Wse9wlx1MDAwMFx1MDAwZVx1MDAxYtfD09paXHUwMDFiXHUwMDBmdrlqZ1nyXHUwMDA1XHUwMDE49lx1MDAxMlx1MDAxYuRjZ1x1MDAxYSPR+ISQ4n2lXGbH5cK0ZmlMNm73p+awXHUwMDEyiN9G5idcIklcdMJcdTAwMDArvW7vgHilXHUwMDA071wiJjZcdTAwMGbqvy/K31x1MDAwNi6+Z4A5ZcGN4Fx1MDAwMdkk8bkj159cdTAwMTCI0lR7mMLQnOvIXHUwMDE2XHUwMDEzXHUwMDBl
  <defs>
    <style class="style-fonts">
      @font-face {
        font-family: "Virgil";
        src: url("https://excalidraw.com/Virgil.woff2");
      }
      @font-face {
        font-family: "Cascadia";
        src: url("https://excalidraw.com/Cascadia.woff2");
      }
    </style>
  </defs>
  <rect x="0" y="0" width="584" height="473.5999999999999" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(10 70) rotate(0 180 170)"><path d="M0 0 L360 0 L360 340 L0 340" stroke="none" stroke-width="0" fill="#4c6ef5"></path><path d="M0 0 C137.62 0, 275.24 0, 360 0 M0 0 C119.51 0, 239.03 0, 360 0 M360 0 C360 106.64, 360 213.29, 360 340 M360 0 C360 94.33, 360 188.66, 360 340 M360 340 C267.05 340, 174.1 340, 0 340 M360 340 C283.15 340, 206.31 340, 0 340 M0 340 C0 260.41, 0 180.82, 0 0 M0 340 C0 207.9, 0 75.8, 0 0" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(150 10) rotate(0 42.20000076293945 21.600000000000023)"><text x="42.20000076293945" y="0" font-family="Cascadia, Segoe UI Emoji" font-size="36px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Page</text></g><g stroke-linecap="round" transform="translate(210 350) rotate(0 80 30)"><path d="M0 0 L160 0 L160 60 L0 60" stroke="none" stroke-width="0" fill="white"></path><path d="M0 0 C59.82 0, 119.64 0, 160 0 M0 0 C57.11 0, 114.22 0, 160 0 M160 0 C160 12.5, 160 25, 160 60 M160 0 C160 16.19, 160 32.37, 160 60 M160 60 C122.88 60, 85.76 60, 0 60 M160 60 C97.75 60, 35.5 60, 0 60 M0 60 C0 44.09, 0 28.19, 0 0 M0 60 C0 41.14, 0 22.28, 0 0" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(224.4000015258789 363.20000000000005) rotate(0 65.5999984741211 16.799999999999955)"><text x="65.5999984741211" y="0" font-family="Cascadia, Segoe UI Emoji" font-size="28px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Tuple #1</text></g><g stroke-linecap="round" transform="translate(10 350) rotate(0 20 30)"><path d="M0 0 L40 0 L40 60 L0 60" stroke="none" stroke-width="0" fill="white"></path><path d="M0 0 C15.68 0, 31.36 0, 40 0 M0 0 C10.85 0, 21.7 0, 40 0 M40 0 C40 16.54, 40 33.08, 40 60 M40 0 C40 13.66, 40 27.33, 40 60 M40 60 C27.47 60, 14.94 60, 0 60 M40 60 C28.65 60, 17.31 60, 0 60 M0 60 C0 41.7, 0 23.4, 0 0 M0 60 C0 45.42, 0 30.85, 0 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g stroke-linecap="round" transform="translate(50 350) rotate(0 80 30)"><path d="M0 0 L160 0 L160 60 L0 60" stroke="none" stroke-width="0" fill="white"></path><path d="M0 0 C39.76 0, 79.52 0, 160 0 M0 0 C32.3 0, 64.6 0, 160 0 M160 0 C160 19.83, 160 39.66, 160 60 M160 0 C160 22.75, 160 45.51, 160 60 M160 60 C125.77 60, 91.54 60, 0 60 M160 60 C127.78 60, 95.56 60, 0 60 M0 60 C0 42.23, 0 24.46, 0 0 M0 60 C0 42.93, 0 25.86, 0 0" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(64.4000015258789 363.20000000000005) rotate(0 65.5999984741211 16.799999999999955)"><text x="65.5999984741211" y="0" font-family="Cascadia, Segoe UI Emoji" font-size="28px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Tuple #2</text></g><g stroke-linecap="round" transform="translate(170 290) rotate(0 100 30)"><path d="M0 0 L200 0 L200 60 L0 60" stroke="none" stroke-width="0" fill="white"></path><path d="M0 0 C46.33 0, 92.66 0, 200 0 M0 0 C79.14 0, 158.29 0, 200 0 M200 0 C200 13.64, 200 27.29, 200 60 M200 0 C200 12.35, 200 24.7, 200 60 M200 60 C150.9 60, 101.8 60, 0 60 M200 60 C142.42 60, 84.84 60, 0 60 M0 60 C0 43.63, 0 27.26, 0 0 M0 60 C0 46.7, 0 33.39, 0 0" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(204.4000015258789 303.20000000000005) rotate(0 65.5999984741211 16.799999999999955)"><text x="65.5999984741211" y="0" font-family="Cascadia, Segoe UI Emoji" font-size="28px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Tuple #3</text></g><g stroke-linecap="round" transform="translate(10 70) rotate(0 80 30)"><path d="M0 0 L160 0 L160 60 L0 60" stroke="none" stroke-width="0" fill="white"></path><path d="M0 0 C53.37 0, 106.75 0, 160 0 M0 0 C42.43 0, 84.87 0, 160 0 M160 0 C160 18.09, 160 36.18, 160 60 M160 0 C160