Final version of wedding bingo with refined clues and an itinerary

This commit is contained in:
Max Gialanella 2023-08-08 13:18:02 -04:00
parent fb8cd62a5e
commit 3636eec3e5
8 changed files with 5994 additions and 57 deletions

1000
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -10,6 +10,7 @@
"format": "prettier --write src/" "format": "prettier --write src/"
}, },
"dependencies": { "dependencies": {
"vite-plugin-svgr": "^3.2.0",
"vue": "^3.3.4", "vue": "^3.3.4",
"vue-router": "^4.2.2" "vue-router": "^4.2.2"
}, },

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 282 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 335 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="109.10272mm"
height="97.647797mm"
viewBox="0 0 109.10272 97.647797"
version="1.1"
id="svg201"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
sodipodi:docname="square frill 01.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview203"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.67793911"
inkscape:cx="191.0201"
inkscape:cy="158.56881"
inkscape:window-width="1630"
inkscape:window-height="1026"
inkscape:window-x="50"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs198">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath18">
<path
d="M 0,869.743 H 846.084 V 0 H 0 Z"
id="path16" />
</clipPath>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-54.539841,-106.3841)">
<g
id="g12"
transform="matrix(0.35277777,0,0,-0.35277777,-46.707945,311.88774)">
<g
id="g14"
clip-path="url(#clipPath18)">
<g
id="g20"
transform="translate(401.645,441.7715)">
<path
d="m 0,0 c 13.996,5.285 28.068,10.293 42.296,14.864 3.093,-1.076 6.193,-2.12 9.303,-3.113 C 45.477,9.666 39.435,7.452 33.51,5.221 25.965,2.379 18.378,-0.575 10.999,-3.948 7.364,-2.584 3.694,-1.269 0,0 m -12.034,3.91 c 4.194,1.48 8.335,3.024 12.405,4.546 9.423,3.525 18.944,7.203 28.216,11.359 3.064,-1.136 6.134,-2.261 9.21,-3.363 C 23.625,11.798 9.601,6.745 -4.341,1.457 -6.896,2.301 -9.459,3.121 -12.034,3.91 m -10.938,-9.655 c -10.382,-4.085 -20.877,-8.043 -31.782,-10.501 -9.831,-2.216 -22.443,-3.225 -30.01,4.819 -7.133,7.584 1.356,19.588 9.816,21.303 7.616,1.544 16.052,-0.102 23.545,-1.534 8.688,-1.659 17.208,-3.874 25.651,-6.372 -9.262,-3.073 -18.781,-5.682 -28.385,-6.913 -0.155,-0.02 -0.165,-0.251 0,-0.249 10.964,0.156 21.884,2.612 32.533,5.917 2.805,-0.862 5.602,-1.754 8.396,-2.663 -3.258,-1.26 -6.513,-2.527 -9.764,-3.807 m 86.598,27.078 c 12.59,3.563 25.295,6.774 38.12,9.373 9.459,1.918 20.306,5.227 29.9,2.451 4.779,-1.383 10.934,-4.854 10.646,-10.591 C 141.922,15.15 129.047,12.134 123.722,10.862 103.965,6.14 84.076,8.459 64.538,13.61 c 10.958,3.179 22.013,5.967 33.098,8.84 0.252,0.066 0.206,0.493 -0.062,0.463 -12.407,-1.395 -24.821,-4.441 -36.983,-8.225 -3.207,0.908 -6.403,1.878 -9.589,2.906 4.195,1.284 8.398,2.542 12.624,3.739 M 192.768,4.349 c -2.301,6.505 -7.791,10.183 -13.347,13.775 -1.301,0.842 -2.449,-1.193 -1.202,-2.054 5.963,-4.121 10.187,-7.994 12.227,-15.165 1.777,-6.241 0.382,-12.471 -2.471,-18.12 -5.571,-11.032 -17.23,-17.859 -28.685,-21.223 -24.126,-7.086 -50.324,-1.496 -73.822,5.435 -24.484,7.222 -47.397,18.625 -71.156,27.79 9.707,4.864 19.947,8.776 30.084,12.384 3.507,1.248 7.033,2.408 10.569,3.527 17.045,-5.221 34.432,-8.792 52.506,-8.056 10.021,0.408 20.915,2.441 29.864,7.11 5.104,2.662 9.877,7.258 9.957,13.354 0.17,13.16 -18.557,15.837 -27.998,14.54 C 107.016,35.958 94.761,32.676 82.761,29.643 70.483,26.54 58.321,22.984 46.246,19.171 42.615,20.4 39.002,21.68 35.412,22.989 c 3.63,1.758 7.211,3.601 10.712,5.56 14.86,8.317 27.915,20.925 33.011,37.534 C 84.88,84.81 78.441,108.468 66.409,123.485 56.294,136.11 40.292,141.918 24.371,140.567 11.081,139.44 -1.827,132.3 -6.104,119.043 -8.025,113.088 -9.079,104.449 -4.571,99.38 0.7,93.452 10.463,91.925 17.752,94.486 c 5.359,1.883 9.114,6.428 9.186,12.136 0.027,2.189 -0.937,3.999 -2.239,5.675 -0.774,0.996 -3.854,3.42 -5.131,2.358 -0.334,-0.278 -3.018,0.234 -3.458,0.25 -0.181,0.007 -0.174,-0.261 0,-0.277 6.705,-0.598 9.608,-6.778 5.91,-12.369 -5.026,-7.598 -18.436,-6.1 -24.135,-0.423 -5.853,5.83 -2.43,16.906 1.505,22.786 4.083,6.101 11.494,9.554 18.398,11.287 16.15,4.053 33.736,-2.844 44.254,-15.325 C 69.311,111.959 73.53,99.737 75.377,88.76 77.003,79.106 75.538,69.082 71.352,60.26 63.194,43.063 46.404,33.205 29.749,25.077 20.96,28.35 12.309,31.69 3.847,34.681 c -21.848,7.723 -44.954,13.159 -67.996,15.6 -15.673,1.66 -46.94,3.439 -50.265,-17.876 -0.8,-5.137 0.62,-10.509 2.29,-15.33 0.035,-0.1 0.193,-0.059 0.16,0.044 -2.99,9.369 -2.813,20.299 6.788,25.57 9.317,5.114 21.499,4.419 31.714,3.847 24.233,-1.355 48.697,-8.047 71.638,-15.701 8.289,-2.766 16.568,-5.86 24.877,-8.96 C 22.208,21.476 21.365,21.08 20.527,20.685 8.443,14.992 -3.862,9.776 -16.423,5.224 c -7.699,2.254 -15.464,4.258 -23.248,5.913 -8.241,1.753 -16.647,2.987 -25.079,3.216 -5.627,0.152 -12.504,0.181 -17.27,-3.308 -6.078,-4.451 -11.155,-13.873 -7.488,-21.266 3.913,-7.886 13.131,-10.601 21.343,-10.821 9.989,-0.266 20.121,2.987 29.457,6.16 10.106,3.436 19.921,7.658 29.87,11.508 1.169,-0.388 2.338,-0.774 3.507,-1.167 2.929,-0.984 5.837,-2.021 8.733,-3.09 -6.918,-3.556 -13.567,-7.59 -19.717,-12.393 -16.049,-12.537 -25.581,-29.776 -26.291,-50.276 -0.601,-17.325 4.864,-34.826 17.143,-47.317 21.828,-22.206 71.224,-28.849 84.587,5.803 5.678,14.725 -1.291,28.501 -14.662,35.792 -13.581,7.404 -32.475,-3.487 -31.349,-19.472 0.694,-9.857 16.845,-13.835 18.115,-2.253 0.045,0.402 -0.632,0.491 -0.706,0.096 -1.049,-5.563 -5.226,-6.778 -9.982,-4.638 -4.822,2.168 -5.953,6.767 -4.866,11.608 1.969,8.767 13.274,15.422 21.833,13.912 8.149,-1.437 16.184,-9.671 18.705,-17.285 2.362,-7.137 0.244,-14.412 -3.71,-20.472 -4.281,-6.562 -10.983,-11.394 -18.323,-13.963 -8.999,-3.152 -18.862,-1.709 -27.929,0.402 -17.62,4.101 -32.638,15.361 -39.346,32.424 -5.926,15.076 -5.848,33.352 0.566,48.217 6.342,14.7 19.109,24.921 32.023,33.649 2.488,1.681 5.045,3.26 7.654,4.754 20.697,-7.907 40.725,-17.554 61.52,-25.22 22.857,-8.426 48.31,-15.289 72.87,-13.501 21.065,1.534 45.19,11.839 51.943,33.65 1.849,5.972 1.346,12.646 -0.712,18.463"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path22" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@ -0,0 +1,139 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="230.85883mm"
height="23.079386mm"
viewBox="0 0 230.85883 23.079386"
version="1.1"
id="svg255"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
sodipodi:docname="styled line 01.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview257"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.67793911"
inkscape:cx="353.27656"
inkscape:cy="-46.46435"
inkscape:window-width="1630"
inkscape:window-height="1026"
inkscape:window-x="50"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs252">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath18">
<path
d="M 0,869.743 H 846.084 V 0 H 0 Z"
id="path16" />
</clipPath>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-11.800545,-160.96228)">
<g
id="g12"
transform="matrix(0.35277777,0,0,-0.35277777,-27.362696,335.32029)">
<g
id="g14"
clip-path="url(#clipPath18)">
<g
id="g20"
transform="translate(601.2627,445.9546)">
<path
d="m 0,0 c -15.913,3.545 -30.519,11.735 -44.223,20.283 -13.861,8.646 -28.786,20.65 -45.586,21.475 12.314,2.318 26.875,-1.581 37.946,-5.383 12.02,-4.129 23.48,-9.846 34.493,-16.15 C -6.179,13.819 3.921,5.753 15.196,-0.497 15.907,-0.891 16.633,-1.253 17.352,-1.633 11.312,-1.884 5.233,-1.167 0,0 m -91.55,18.767 c 3.216,-6.77 0.793,-16.679 -7.799,-11.048 -7.661,5.021 -10.166,14.376 -5.742,22.297 0.258,0.462 0.548,0.883 0.844,1.296 5.381,-2.949 10.053,-6.979 12.697,-12.545 M -163.047,4.133 c -4.213,7.388 -3.643,14.881 0,21.052 3.644,-6.171 4.213,-13.664 0,-21.052 m -63.698,3.586 c -8.591,-5.631 -11.015,4.278 -7.798,11.048 2.645,5.566 7.316,9.596 12.696,12.545 0.295,-0.413 0.585,-0.834 0.843,-1.296 4.425,-7.921 1.92,-17.276 -5.741,-22.297 M -281.87,20.283 C -295.575,11.735 -310.18,3.545 -326.094,0 c -5.233,-1.167 -11.31,-1.884 -17.352,-1.633 0.719,0.38 1.446,0.742 2.156,1.136 11.275,6.25 21.376,14.316 32.567,20.722 11.011,6.304 22.473,12.021 34.493,16.15 11.07,3.802 25.631,7.701 37.945,5.383 -16.799,-0.825 -31.724,-12.829 -45.585,-21.475 m 444.455,2.343 c -0.499,1.502 -5.704,3.379 -5.269,1.401 0.621,-2.811 -1.623,-7.756 -2.994,-10.426 -2.784,-5.424 -7.494,-9.996 -12.484,-13.397 -11.36,-7.747 -27.71,-10.26 -41.074,-12.128 -23.531,-3.287 -47.667,-0.842 -69.706,7.681 4.232,1.053 8.346,2.723 12.253,5.168 10.965,6.867 13.599,21.696 5.715,31.916 -7.757,10.061 -21.207,13.167 -33.091,9.168 -5.339,-1.797 -10.24,-7.56 -7.854,-13.494 1.949,-4.845 6.848,-7.038 11.807,-7.34 0.973,-0.058 -0.534,1 -0.962,1.04 C 7.773,23.249 9.335,34.717 17.38,38.56 23.512,41.489 32.557,41.594 38.69,38.736 43.553,36.47 46.22,29.35 46.985,24.489 47.869,18.861 45.818,13.425 42.373,9.065 37.748,3.212 30.872,0.199 23.474,-1.018 20.655,0.284 17.872,1.667 15.145,3.179 3.968,9.377 -6.102,17.456 -17.219,23.823 c -10.645,6.098 -21.82,11.323 -33.364,15.481 -16.031,5.779 -39.481,11.896 -54.257,-0.142 -0.145,-0.12 -0.281,-0.249 -0.423,-0.373 -1.288,-0.767 -2.458,-1.7 -3.491,-2.764 -0.67,0.286 -1.334,0.558 -1.983,0.817 -12.246,4.879 -27.352,7.714 -40.184,3.636 -4.649,-1.479 -8.857,-4.26 -12.126,-7.872 -3.269,3.612 -7.475,6.393 -12.128,7.872 -12.828,4.078 -27.935,1.243 -40.181,-3.636 -0.651,-0.259 -1.313,-0.531 -1.984,-0.817 -1.033,1.064 -2.204,1.997 -3.49,2.764 -0.142,0.124 -0.278,0.253 -0.424,0.373 -14.775,12.038 -38.225,5.921 -54.259,0.142 -11.542,-4.158 -22.717,-9.383 -33.363,-15.481 -11.115,-6.367 -21.186,-14.446 -32.361,-20.644 -2.727,-1.512 -5.513,-2.895 -8.329,-4.197 -7.399,1.217 -14.276,4.23 -18.9,10.083 -3.446,4.36 -5.497,9.796 -4.613,15.424 0.766,4.861 3.432,11.981 8.296,14.247 6.133,2.858 15.177,2.753 21.309,-0.176 8.046,-3.843 9.607,-15.311 -1.545,-16.345 -0.429,-0.04 -1.935,-1.098 -0.961,-1.04 4.958,0.302 9.857,2.495 11.805,7.34 2.386,5.934 -2.513,11.697 -7.853,13.494 -11.885,3.999 -25.334,0.893 -33.093,-9.168 -7.881,-10.22 -5.25,-25.049 5.716,-31.916 3.906,-2.445 8.021,-4.115 12.254,-5.168 -22.038,-8.523 -46.177,-10.968 -69.706,-7.681 -13.364,1.868 -29.714,4.381 -41.076,12.128 -4.989,3.401 -9.699,7.973 -12.483,13.397 -1.371,2.67 -3.615,7.615 -2.995,10.426 0.437,1.978 -4.767,0.101 -5.268,-1.401 -0.53,-1.588 -1.763,-3.516 -1.544,-5.177 0.3,-2.276 0.925,-4.479 2.023,-6.509 5.715,-10.566 16.297,-16.117 27.324,-19.638 13.232,-4.228 26.953,-7.11 40.83,-8.058 23.445,-1.605 47.471,1.857 69.003,11.42 10.216,-1.161 20.865,0.772 30.784,3.914 14.021,4.444 27.136,11.523 39.571,19.287 10.578,6.605 20.733,15.772 33.106,18.743 7.603,1.825 18.17,2.42 24.179,-3.46 -8.772,-4.646 -17.258,-11.572 -18.436,-21.476 -1.359,-11.447 8.846,-10.673 16.297,-6.186 5.857,3.526 11.966,9.585 12.909,16.702 0.57,4.308 -0.67,8.558 -3.124,11.939 2.612,1.011 5.274,1.828 7.859,2.494 10.854,2.791 23.385,4.313 33.689,-1.124 3.261,-1.721 6.112,-3.94 8.381,-6.508 -0.501,-0.781 -0.966,-1.587 -1.384,-2.416 -3.862,-7.653 -0.992,-15.742 3.467,-22.35 0.076,-0.115 0.472,-0.292 0.668,-0.306 0.008,-0.002 0.018,-0.002 0.03,-0.002 0.012,0 0.024,0 0.03,0.002 0.197,0.014 0.592,0.191 0.668,0.306 4.458,6.608 7.328,14.697 3.465,22.35 -0.419,0.829 -0.881,1.635 -1.382,2.416 2.269,2.568 5.119,4.787 8.382,6.508 10.303,5.437 22.835,3.915 33.687,1.124 2.588,-0.666 5.248,-1.483 7.861,-2.494 -2.453,-3.381 -3.694,-7.631 -3.125,-11.939 0.943,-7.117 7.052,-13.176 12.909,-16.702 7.452,-4.487 17.657,-5.261 16.297,6.186 -1.178,9.904 -9.664,16.83 -18.436,21.476 6.009,5.88 16.576,5.285 24.178,3.46 12.374,-2.971 22.53,-12.138 33.109,-18.743 12.434,-7.764 25.549,-14.843 39.569,-19.287 9.92,-3.142 20.568,-5.075 30.785,-3.914 21.53,-9.563 45.557,-13.025 69.001,-11.42 13.879,0.948 27.6,3.83 40.833,8.058 11.027,3.521 21.608,9.072 27.321,19.638 1.099,2.03 1.724,4.233 2.023,6.509 0.221,1.661 -1.013,3.589 -1.543,5.177"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path22" />
</g>
<g
id="g24"
transform="translate(147,446.7432)">
<path
d="M 0,0 C 1.908,0 3.5,1.592 3.5,3.5 V 4 C 3.5,5.908 1.908,7.5 0,7.5 -1.908,7.5 -3.5,5.908 -3.5,4 V 3.5 C -3.5,1.592 -1.908,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path26" />
</g>
<g
id="g28"
transform="translate(137,455.7432)">
<path
d="M 0,0 C 4.514,0 4.514,7 0,7 -4.514,7 -4.514,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path30" />
</g>
<g
id="g32"
transform="translate(129.5,464.7432)">
<path
d="M 0,0 C 4.514,0 4.514,7 0,7 -4.514,7 -4.514,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path34" />
</g>
<g
id="g36"
transform="translate(243.5,463.7432)">
<path
d="M 0,0 C 4.514,0 4.514,7 0,7 -4.514,7 -4.514,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path38" />
</g>
<g
id="g40"
transform="translate(728,446.7432)">
<path
d="M 0,0 C 1.908,0 3.5,1.592 3.5,3.5 V 4 C 3.5,5.908 1.908,7.5 0,7.5 -1.908,7.5 -3.5,5.908 -3.5,4 V 3.5 C -3.5,1.592 -1.908,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path42" />
</g>
<g
id="g44"
transform="translate(738,455.7432)">
<path
d="M 0,0 C 4.514,0 4.514,7 0,7 -4.514,7 -4.514,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path46" />
</g>
<g
id="g48"
transform="translate(745.5,464.7432)">
<path
d="M 0,0 C 4.514,0 4.514,7 0,7 -4.514,7 -4.514,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path50" />
</g>
<g
id="g52"
transform="translate(631.5,470.7432)">
<path
d="m 0,0 c -4.514,0 -4.514,-7 0,-7 4.514,0 4.514,7 0,7"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path54" />
</g>
<g
id="g56"
transform="translate(437,487.2432)">
<path
d="M 0,0 C 4.514,0 4.514,7 0,7 -4.514,7 -4.514,0 0,0"
style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path58" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

@ -1,6 +1,11 @@
<script setup> <script setup>
import { ref, onBeforeMount } from 'vue' import { ref, onBeforeMount } from 'vue'
import FrillHeader1 from "../assets/frill header flower 02.svg"
import FrillHeader2 from "../assets/frill header flower 01.svg"
import FrillFooter from "../assets/styled line 01.svg"
import SquareFrill from "../assets/square frill 01.svg"
// reactive state // reactive state
const count = ref(0) const count = ref(0)
const boardSize = ref(5) const boardSize = ref(5)
@ -59,7 +64,8 @@ let outerTasks = [
`Find someone who owns domesticated fowl and consumes their eggs.`, `Find someone who owns domesticated fowl and consumes their eggs.`,
`Chat with someone who was born in [Montana|Turkey].`, `Chat with someone who was born in [Montana|Turkey].`,
`Figure out who traveled the farthest to attend this Wedding.`, `Figure out who traveled the farthest to attend this Wedding.`,
`Who made Max's wedding ring?`, `Find out who made Max's wedding.`,
`Find a jovial Vegan.`,
] ]
const hardnessMap = { const hardnessMap = {
@ -242,7 +248,7 @@ onBeforeMount(() => {
console.log('Inner Tasks: ' + innerTasks.length) console.log('Inner Tasks: ' + innerTasks.length)
console.log('Outer Tasks: ' + outerTasks.length) console.log('Outer Tasks: ' + outerTasks.length)
const totalBoards = 150 const totalBoards = 130
for (var i = totalBoards - 1; i >= 0; i--) { for (var i = totalBoards - 1; i >= 0; i--) {
boards.push(getBoardArray(i)) boards.push(getBoardArray(i))
@ -253,35 +259,156 @@ onBeforeMount(() => {
<template> <template>
<div class="board" v-for="(board,boardNumber) in boards"> <link rel="preconnect" href="https://fonts.googleapis.com">
<h2 class="board-title"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Wedding Mingle {{ getTitle() }} <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Crimson+Text&display=swap" rel="stylesheet">
<span class="float-right grey">Board #{{ boardNumber+1 }}</span>
<p class="sub-title grey">
{{ getSubtitle(boardNumber) }}
<span class="name-field float-right">Name _________________________</span>
</p>
</h2>
<div class="tile" v-for="task in board"> <div v-for="(board,boardNumber) in boards">
<span>{{ task }}</span>
<div class="board">
<h2 class="board-title">
Wedding Mingle {{ getTitle() }}
<span class="float-right grey">Board #{{ boardNumber+1 }}</span>
<p class="sub-title grey">
{{ getSubtitle(boardNumber) }}
<span class="name-field float-right">Name _________________________</span>
</p>
</h2>
<div class="tile" v-for="task in board">
<span>{{ task }}</span>
</div>
</div> </div>
</div>
<div class="page-break"></div> <div class="page">
<div class="text-container">
<p class="subtitle-font">August 19th, 2023</p>
<img :src="`${FrillHeader1}`" style="height: 80px">
<h2 class="header-font">Max & Grace Wedding</h2>
<p class="subtitle-font" style="padding: 0 0 30px 0;">A celebration of Grace & Max becoming Mr & Mrs Grax</p>
<h3>With us as spirits</h3>
<ul style="padding-left: 30%;">
<li>Max's Grandparents: Gene & Lilly Orlowski</li>
<li>Grace's Nana: Ruth Livermore</li>
<li>Grace's Grandpa: Bill Karl</li>
</ul>
<img :src="`${SquareFrill}`" style="height: 69px; margin-top: 50px;">
<p class="header-font">Thank you for attending</p>
<!-- <img src="/styled line 01.svg" style="transform: rotate(180deg); margin-top: 40px;"> -->
</div>
<div class="text-container">
<!-- <img src="/square frill 01.svg"> -->
<p class="subtitle-font">August 19th, 2023</p>
<img :src="`${FrillHeader2}`" style="height: 80px;">
<h2 class="header-font">Grace & Max Wedding</h2>
<p class="subtitle-font" style="padding: 0 0 20px 0;">A union of the Karl-Livermore-Gialanella-Orlowski Families</p>
<ul>
<li><span>3:30 </span>Park and find seating</li>
<li><span>4:00 </span>Ceremony</li>
<li><span>4:30 </span>Group Photos</li>
<li><span class="indent">-</span>Family stay for a group photo, Friends bring chairs to tent</li>
<li><span class="indent">-</span>Family Photo - Group photo of both families together</li>
<li><span class="indent">-</span>Friend Photo - Group photo of all friends in attendance</li>
<li><span>4:30 </span>Mingle Time</li>
<li><span class="indent">-</span>Hors d'oeuvres and drinks (self-serve)</li>
<li><span class="indent">-</span>Wedding Mingle Bingo</li>
<li><span>5:30 </span>Speeches</li>
<li><span>6:00 </span>Dinner</li>
<li><span>7:30 </span>Grax's 1st Ice Cream Scoop, Campfire, and S'mores</li>
<li><span>8:00 </span>Dance till we drop</li>
</ul>
<img :src="`${FrillFooter}`" style="transform: rotate(180deg); margin-top: 40px;">
<p class="header-font">No official end time!</p>
</div>
</div>
<div class="page-break"></div>
</div>
</template> </template>
<style scoped> <style scoped>
.board { .board {
padding: 1px; padding: 1px;
width: calc(100vw - 20px); width: calc(100vw - 42px);
height: 100vh; height: 100vh;
flex-direction: row; flex-direction: row;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
margin: 0 20px;
transform: rotate(180deg);
} }
.page {
width: 100vw;
height: 100vh;
flex-direction: row;
display: flex;
/* padding: 0 20px;*/
align-items: start;
justify-content: space-between;
overflow: hidden;
/* font-family: 'Bodoni Moda', serif;*/
font-family: 'Crimson Text', serif;
font-size: 14px;
}
.page h2 {
font-size: 2em;
}
.header-font {
font-family: 'Cinzel', serif;
}
.page img {
width: 50%;
height: auto;
}
.page span {
font-size: 1.3em;
margin: 0 5px 0 0;
}
.indent {
padding-left: 40px;
opacity: 0;
}
.page ul {
padding-left: 10%;
}
.page li {
list-style: none;
text-align: left;
}
.page p {
padding: 10px 0;
}
.text-container {
width: calc(50% - 0px);
text-align: center;
}
.tile { .tile {
width: 20%; width: 20%;
height: 110px; height: 110px;

View File

@ -8,6 +8,9 @@ export default defineConfig({
plugins: [ plugins: [
vue(), vue(),
], ],
base: process.env.NODE_ENV === 'development'
? ''
: '/minglebingle/',
resolve: { resolve: {
alias: { alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)) '@': fileURLToPath(new URL('./src', import.meta.url))