diff --git a/src/app.css b/src/app.css index 65610a7..08fb376 100644 --- a/src/app.css +++ b/src/app.css @@ -79,14 +79,6 @@ hr { 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"); -} - -.dark .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%23SvgjsMask1168%26quot%3b)' fill='none'%3e%3crect width='1000' height='4000' x='0' y='0' fill='rgba(17%2c 24%2c 39%2c 1)'%3e%3c/rect%3e%3cpath d='M370.86333929891646 1742.6391941833374L658.131189956521 1697.1404364337002 612.6324322068838 1409.8725857760955 325.36458154927925 1455.3713435257328z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M127.55 941.9 a250.26 250.26 0 1 0 500.52 0 a250.26 250.26 0 1 0 -500.52 0z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M443.67 3245.32 a220.38 220.38 0 1 0 440.76 0 a220.38 220.38 0 1 0 -440.76 0z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M88.98 2195.14 a296.46 296.46 0 1 0 592.92 0 a296.46 296.46 0 1 0 -592.92 0z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M957.627%2c3728.379C1018.73%2c3723.489%2c1058.147%2c3669.315%2c1086.269%2c3614.848C1111.562%2c3565.859%2c1121.609%2c3509.523%2c1095.769%2c3460.82C1068.304%2c3409.055%2c1016.178%2c3374.771%2c957.627%2c3372.386C894.631%2c3369.82%2c832.437%2c3395.569%2c798.512%2c3448.712C761.919%2c3506.034%2c753.956%2c3579.641%2c787.586%2c3638.75C821.545%2c3698.438%2c889.174%2c3733.857%2c957.627%2c3728.379' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M561.077%2c2972.939C625.195%2c2974.979%2c686.945%2c2943.637%2c719.455%2c2888.335C752.388%2c2832.313%2c748.756%2c2763.552%2c717.737%2c2706.448C685.125%2c2646.412%2c629.393%2c2597.71%2c561.077%2c2596.773C491.375%2c2595.817%2c428.115%2c2639.77%2c396.794%2c2702.046C368.196%2c2758.909%2c386.242%2c2824.358%2c419.247%2c2878.781C450.786%2c2930.786%2c500.287%2c2971.004%2c561.077%2c2972.939' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M180.1924431506152 1521.8539057962548L232.90065307891572 1359.634715825947 70.68146310860806 1306.9265058976466 17.973253180307523 1469.1456958679544z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M501.624%2c2286.146C606.923%2c2286.329%2c709.049%2c2236.183%2c759.765%2c2143.902C808.874%2c2054.544%2c792.035%2c1944.741%2c736.107%2c1859.486C685.427%2c1782.232%2c594.015%2c1749.721%2c501.624%2c1750.401C410.609%2c1751.071%2c322.84%2c1786.706%2c273.047%2c1862.895C218.026%2c1947.083%2c197.246%2c2054.512%2c245.037%2c2143.005C294.917%2c2235.366%2c396.655%2c2285.963%2c501.624%2c2286.146' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M217.27 2649.27 a195.48 195.48 0 1 0 390.96 0 a195.48 195.48 0 1 0 -390.96 0z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M191.99 206.81 a202.49 202.49 0 1 0 404.98 0 a202.49 202.49 0 1 0 -404.98 0z' fill='rgba(30%2c 64%2c 175%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1168'%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"); -} - .href { color: blue; text-decoration: underline; diff --git a/src/lib/Socials.svelte b/src/lib/Socials.svelte index 8b4b4b1..1466e06 100644 --- a/src/lib/Socials.svelte +++ b/src/lib/Socials.svelte @@ -3,19 +3,37 @@ export let type = "default"; -
+
+ + +
diff --git a/src/lib/home/Banner.svelte b/src/lib/home/Banner.svelte index 49138b4..d7cae9b 100644 --- a/src/lib/home/Banner.svelte +++ b/src/lib/home/Banner.svelte @@ -136,7 +136,7 @@
-

+

I'm a {calculateAge(new Date("2001-10-30"))} year old programmer and tech enthusiast from The Netherlands. I am an entrepeneur with the dream of creating the next generation of chatting freedom online with my company Flame Software.

Bart Industries is my public digital home. It's a collection of my socials, work experiences and past projects, artworks, hobbies and interests, fursonas and anything else I feel like sharing with the world. diff --git a/src/lib/home/Blog.svelte b/src/lib/home/Blog.svelte index 8e3a630..dfd23b5 100644 --- a/src/lib/home/Blog.svelte +++ b/src/lib/home/Blog.svelte @@ -10,7 +10,7 @@ content: "It has taken me a while to develop, actually over 2.5 years of solo fullstack development with zero experience, but I finally managed to release and deploy the new Puppy Pride social network. There have definitely been ups an downs, and in this post I'd like to touch a little on what it took to get here and the lessons I learned along the way.", url: "/blog/releasing-puppy-pride", date: "August 11th 2023", - isNew: true, + isNew: false, }, // { // image: "/blog/thepowerofvr.png", @@ -34,7 +34,7 @@ content: "On the web...", url: "/blog/centering-a-div", date: "August 11th 2023", - isNew: true, + isNew: false, } ]; diff --git a/src/lib/home/Sona.svelte b/src/lib/home/Sona.svelte index 3947246..7f4868d 100644 --- a/src/lib/home/Sona.svelte +++ b/src/lib/home/Sona.svelte @@ -1,6 +1,4 @@ -

-

Virtual Reality

- -
- - couch - - couch - -
- -

I love Virtual Reality ❤

-

- I believe the Metaverse is already here, and it's been here for years. The reason people haven't realized is because the thing companies sell us is not what the metaverse is actually about: -

- - VR is a world of the free where anything is possible. Entire cities erected from a few button clicks. Friendships and communities built on creativity and compassion. - A place where anyone can be what they truly want to be without limitation. A place where humanity's light shines brighter than anywhere else. - -

- And big tech takes those who already built the metaverse for fools, and sells us a future that is the same dull office space we're already dragging ourselves through in the real world. -

- So I joined these passionate and creative minds and started making my own worlds and communities, building a digital home for myself. The pictures here are some of the moments and places the world of VR has allowId me to create and witness. -

- -
+

Virtual Reality

- couch +
+ - couch + couch - couch + couch - couch +
+

+ VR is a world of the free where anything is possible. A place where entire cities can be erected from just a few button clicks. A place where friendships and communities are built on creativity and compassion. A place where anyone can be what they truly want to be without limitation. A place where freedom flourishes and humanity's light shines brighter than anywhere else. +

+ Despite what the failures of big-tech's attemps at creating a metaverse may make you think, VR is a very real and very big world consisting of millions of creative individuals with plenty of proven business models. +

+
- couch + couch - couch + couch -
- -

đŸ’Ē Experience and skills

-

- Because of my adventures in virtual reality I have gained knowledge surrounding things such as: - Game development (Unity), texturing (Substance Painter) and animating (Unity Animators). - Most of the avatars shown in the pictures are hand-made by me. -

- On top of that, I know my way around the world of VR. - Through my years of running events where people come together and celebrate VR I know the people and where to find them, and how to use VR to create success and push new frontiers. -

- -
+ couch - couch + couch - couch + couch -
- -

🌍 Worldwide

-

- Despite the "Metaverse" seemingly failing, the world of VR is huge. Companies like Disney already take it seriously, and every year millions of people from all over the world come together in events to celebrate it. -

- +
+

+ Because of my adventures in virtual reality (and 3D printing) I have gained knowledge surrounding things such as game development, modelling and texturing. Most of the avatars shown in the pictures were hand-made by me. +

+ In my experience auxiliary skills like knowing how to get around on a Linux server, or in this case having knowledge of various 3D computer tools, often come in handy even when working in a completely different field. They make you a more versatile person with a broader range of knowledge that'll help inspire and solve difficult problems with unique solutions. +

- couch - - couch + couch - couch + couch - couch + couch - couch + couch - couch + couch - couch + couch
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 62297a6..134db36 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -23,10 +23,12 @@ -
- +
+
+ +
-
+
@@ -34,11 +36,11 @@
- - + +
-
+
diff --git a/static/homepage/aboutdark.svg b/static/homepage/aboutdark.svg index 94b1e03..ecf486f 100644 --- a/static/homepage/aboutdark.svg +++ b/static/homepage/aboutdark.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/static/homepage/aboutwhite.svg b/static/homepage/aboutwhite.svg index ae9ccc2..5488665 100644 --- a/static/homepage/aboutwhite.svg +++ b/static/homepage/aboutwhite.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/static/homepage/portfolioblobs.svg b/static/homepage/portfolioblobs.svg new file mode 100644 index 0000000..6a469e5 --- /dev/null +++ b/static/homepage/portfolioblobs.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/homepage/sona/leonard.png b/static/homepage/sona/leonard.png new file mode 100644 index 0000000..73f746e Binary files /dev/null and b/static/homepage/sona/leonard.png differ diff --git a/static/homepage/sona/martintrans.png b/static/homepage/sona/martintrans.png new file mode 100644 index 0000000..36a6f65 Binary files /dev/null and b/static/homepage/sona/martintrans.png differ diff --git a/static/homepage/vr/vr.png b/static/homepage/vr/vr.png index 86bcc3b..2994bbc 100644 Binary files a/static/homepage/vr/vr.png and b/static/homepage/vr/vr.png differ