diff --git a/src/app.css b/src/app.css index 6ac3a0f..65610a7 100644 --- a/src/app.css +++ b/src/app.css @@ -75,6 +75,10 @@ hr { text-decoration: underline; } +.dotsandlines { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='500' preserveAspectRatio='none' viewBox='0 0 1440 500'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1069%26quot%3b)' fill='none'%3e%3cuse xlink:href='%23SvgjsSymbol1076' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1076' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1069'%3e%3crect width='1440' height='500' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1073'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1074'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1072'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1071'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1070'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1075'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1076'%3e%3cuse xlink:href='%23SvgjsPath1070' x='30' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='30' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='30' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='30' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='30' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='30' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='30' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='30' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='30' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='90' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='90' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='90' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='90' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='90' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='90' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='90' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='90' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='90' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='150' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='150' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='150' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='150' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='150' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='150' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1075' x='150' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='150' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='150' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='210' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='210' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='210' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='210' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='210' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='210' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='210' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='210' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='210' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='270' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='270' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='270' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='270' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='270' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='270' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='270' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='270' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='270' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='330' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='330' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='330' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='330' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='330' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='330' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='330' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='330' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='330' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='390' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='390' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='390' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='390' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='390' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='390' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='390' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='390' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='390' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='450' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='450' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='450' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='450' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='450' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='450' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='450' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='450' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='450' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='510' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='510' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='510' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='510' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='510' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1075' x='510' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='510' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='510' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='510' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='570' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='570' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='570' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='570' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='570' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='570' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='570' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='570' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='570' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='630' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='630' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='630' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='630' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='630' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='630' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1071' x='630' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='630' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='630' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1073' x='690' y='30' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1072' x='690' y='90' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='690' y='150' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='690' y='210' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='690' y='270' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1074' x='690' y='330' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='690' y='390' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='690' y='450' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1070' x='690' y='510' stroke='rgba(4%2c 125%2c 255%2c 0.1)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e"); +} + .backg { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1000' height='4000' preserveAspectRatio='none' viewBox='0 0 1000 4000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1072%26quot%3b)' fill='none'%3e%3crect width='1000' height='4000' x='0' y='0' fill='rgba(243%2c 244%2c 246%2c 1)'%3e%3c/rect%3e%3cpath d='M322.6957896427178 1012.5715450325381L159.95270018013207 831.4802616486547 90.66067255486604 1032.718922014166z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M568.244%2c2832.447C600.696%2c2831.035%2c623.882%2c2804.839%2c640.036%2c2776.658C656.077%2c2748.674%2c666.422%2c2715.736%2c651.553%2c2687.111C635.664%2c2656.521%2c602.709%2c2637.839%2c568.244%2c2638.445C534.739%2c2639.034%2c506.581%2c2660.915%2c489.857%2c2689.953C473.168%2c2718.931%2c468.634%2c2754.115%2c484.752%2c2783.414C501.425%2c2813.724%2c533.684%2c2833.951%2c568.244%2c2832.447' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1141.982840070039 223.15446202120583L1055.7248183090524 19.943297384308806 852.5136536721552 106.20131914529551 938.7716754331419 309.41248378219257z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M258.5889060127539 281.35918881629607L147.05790512748686 109.61650817390006-24.68477551490912 221.1475090591671 86.8462253703579 392.89018970156314z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M484.05 2086.43 a172.61 172.61 0 1 0 345.22 0 a172.61 172.61 0 1 0 -345.22 0z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M228.80454984414283 1290.2062106934764L398.1407448763988 1254.3813294449294 298.8771207482494 1140.1915922616452z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M173.813%2c3765.279C235.301%2c3769.971%2c305.139%2c3758.098%2c335.296%2c3704.308C365.065%2c3651.209%2c333.276%2c3589.283%2c301.64%2c3537.276C271.685%2c3488.033%2c231.449%2c3439.325%2c173.813%2c3438.846C115.572%2c3438.362%2c68.631%2c3483.193%2c42.255%2c3535.121C18.37%2c3582.145%2c23.858%2c3636.753%2c50.031%2c3682.542C76.428%2c3728.722%2c120.775%2c3761.232%2c173.813%2c3765.279' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M980.126%2c1915.224C1071.263%2c1916.123%2c1126.54%2c1823.516%2c1167.489%2c1742.092C1203.379%2c1670.727%2c1217.733%2c1588.948%2c1179.479%2c1518.821C1139.652%2c1445.809%2c1063.256%2c1396.092%2c980.126%2c1398.617C900.644%2c1401.031%2c838.094%2c1460.149%2c800.702%2c1530.328C765.735%2c1595.955%2c767.637%2c1671.061%2c799.055%2c1738.459C837.252%2c1820.398%2c889.725%2c1914.333%2c980.126%2c1915.224' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M405.1853855765305 346.8608745257303L328.1984935445406 678.8837825568656 614.5972264875737 596.7602673982816z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M957.4302400556646 3480.210793484157L1005.7179870853452 3253.034804889443 730.2542514609507 3431.9230464544767z' fill='rgba(191%2c 219%2c 254%2c 0.2)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1072'%3e%3crect width='1000' height='4000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e"); } diff --git a/src/lib/home/Furry.svelte b/src/lib/home/Furry.svelte index 2cbfcbd..062b67b 100644 --- a/src/lib/home/Furry.svelte +++ b/src/lib/home/Furry.svelte @@ -45,7 +45,7 @@
-

Party animal

+

Party animal

Being a furry is a big part of my life, and my most expensive hobby. @@ -72,9 +72,4 @@

- -
-
Sona
- Sona name -
\ No newline at end of file diff --git a/src/lib/home/Sona.svelte b/src/lib/home/Sona.svelte index bff81e2..3947246 100644 --- a/src/lib/home/Sona.svelte +++ b/src/lib/home/Sona.svelte @@ -8,101 +8,89 @@ } -
-

- # - About me - // - over mij -

-
-
- <age>21</age> - <profession>student software engineer</profession> -
- -
-
- <age> 21 </age> - <profession> software engineer </profession> - <nationality> dutch 🇳🇱 </nationality> - - <hobby> coding </hobby> - <hobby> computers </hobby> - <hobby> furry </hobby> -
- -
- fursona - fursona -
- -
- -
-
-
-
- -
+
-
-
-

About me

-

- Hello, I'm Pascal, but my internet name is Mid. Nice to have you here on my website! I'm a {calculateAge(new Date("2001-10-30"))} year old programmer and tech enthusiast from The Netherlands. - If you want to know a little more about me, here are some details. :) -

-
+

+ $about_me + == "over mij" +

+
+
+
+

+ Hey there! I'm Pascal, but my internet name is Mid. Nice to have you here on my website. I'm a {calculateAge(new Date("2001-10-30"))} year old programmer and tech enthusiast from The Netherlands. If you want to know a little more about me, here are some of the things I like to do. For my past experience and portfolio, you can go here. +

+
- fursona + - fursona +
+ - proxmox environment +

🖥 Computers

- - - 🖥 Computer tech

I love everything tech, as was probably obvious. But it goes beyond creating software. I also built my own computer, and like to maintain hardware. At home I run a server rack equipped with a few Dell processing servers, doing my own research and hosting webservers, bots, multiplayer games and more using software like TrueNAS, Proxmox and Linux.

I daily-drive Linux as my operating systems out of a passion for FOSS and often tinker around with things like RAID and backups and getting all my favorite games to run.

- - - - fursona - fursona + proxmox environment +
- fursona +
+ - - - 🦊 Furry fandom +

🦊 Furry

- Being a furry is an important hobby and a creative outlet for me. In the digital world I express myself as Mid, he is an anthropomorphic cat with black fur and blue hair and some unusually large whiskers, and he's my main character. You'll see Mid in some places on this website. There are also Martin the pine marten, Seffy the protogen, Koffie the rexouium and many more. + Being a furry is an important hobby and a creative outlet for me. In the digital world I express myself as Mid, an anthropomorphic cat with black fur and blue hair. You'll see him in some places on this website. There are also Martin the pine marten, Seffy the protogen, Koffie the rexouium and many more. +

- - +
- car image +
+ - drone shot +

🛩️ Drones

- - 🛩️ Drones -

- I like to go out there and make drone videos and pictures with my DJI drones, enjoying nature outdoors and capturing its beauty. -

- More recently I've made some videos for Allroadevents.nl during a few offroading trips. -

- +

+ I like to go out there and make drone videos and pictures with my DJI drones, enjoying nature outdoors and capturing its beauty. More recently I've made some videos for Allroadevents.nl during a few offroading trips. +

- drone shot -
+
+ drone shot + drone shot +
+ + + +
+
+

+ ////////////////////////////////////////
+ // user details
+ //////////////////////////////////////// +

+ + + <age> {calculateAge(new Date("2001-10-30"))} </age> + <pronouns> he / him </pronouns> + <profession> software engineer </profession> + <nationality> dutch 🇳🇱 </nationality> + + <hobby> coding </hobby> + <hobby> computers </hobby> + <hobby> furry </hobby> + + <favorite> coffee </favorite> + <favorite> drones </favorite> + <favorite> 3D printing </favorite> +
+ + fursona +
+
\ No newline at end of file diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 63fb427..62297a6 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -15,7 +15,7 @@
-
+
@@ -23,19 +23,27 @@
-
+
-
+
+ + - +
+ +
-
+ + +
- +
+ +
-
+
\ No newline at end of file diff --git a/static/homepage/aboutdark.svg b/static/homepage/aboutdark.svg new file mode 100644 index 0000000..94b1e03 --- /dev/null +++ b/static/homepage/aboutdark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/homepage/aboutwhite.svg b/static/homepage/aboutwhite.svg new file mode 100644 index 0000000..ae9ccc2 --- /dev/null +++ b/static/homepage/aboutwhite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/homepage/sona/hai.png b/static/homepage/sona/hai.png new file mode 100644 index 0000000..5d6584b Binary files /dev/null and b/static/homepage/sona/hai.png differ diff --git a/static/homepage/sona/peaceful.png b/static/homepage/sona/peaceful.png new file mode 100644 index 0000000..448c701 Binary files /dev/null and b/static/homepage/sona/peaceful.png differ