diff --git a/.gitignore b/.gitignore
index 3ca43ae..8ec0045 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,3 +14,4 @@ Cargo.lock
# MSVC Windows builds of rustc generate these, which store debugging information
*.pdb
+data
diff --git a/application/Cargo.toml b/application/Cargo.toml
index 01e7b13..c1a43c2 100644
--- a/application/Cargo.toml
+++ b/application/Cargo.toml
@@ -5,3 +5,4 @@ edition = "2021"
[dependencies]
yew = { version = "0.21", features = ["csr"] }
+yew-router = "0.18.0"
diff --git a/application/dist/index-773b5ab4d66865c2.css b/application/dist/index-773b5ab4d66865c2.css
new file mode 100644
index 0000000..96f1a98
--- /dev/null
+++ b/application/dist/index-773b5ab4d66865c2.css
@@ -0,0 +1,71 @@
+html,
+body {
+ height: 100vh;
+ margin: 0;
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+
+body {
+ background-color: #0d0b0b;
+ color: #f3efef;
+ align-items: center;
+}
+
+main {
+ height: 100%;
+ padding: 20px;
+ display: flex;
+ flex-direction: column;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1000px;
+}
+
+a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #f3efef;
+}
+
+.route-active {
+ color: #eb6330 !important;
+}
+
+.navbar {
+ background-color: #151719;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ padding: 8px;
+}
+
+.navbar > a {
+ margin: 0px 20px;
+ padding: 8px 16px;
+ border-radius: 8px;
+ transition: all 100ms;
+}
+
+.navbar > a:hover {
+ background-color: hsla(16.36, 82.38%, 55.49%, 0.8);
+ color: #f3efef !important;
+}
+
+.footer {
+ width: 100%;
+ text-align: center;
+ padding: 10px 0px;
+}
+
+.btn-add-link {
+ width: 100%;
+ padding: 12px 0;
+ background-color: #151719;
+ text-align: center;
+ border-radius: 15px;
+ border: dashed hsl(204, 11%, 15%);
+}
+
+.btn-add-link:hover {
+ background-color: hsl(204, 11%, 12%);
+}
diff --git a/application/dist/index.html b/application/dist/index.html
new file mode 100644
index 0000000..20077b5
--- /dev/null
+++ b/application/dist/index.html
@@ -0,0 +1,37 @@
+
+
+ WRB Clubkampioenschappen tijden
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/application/dist/wrb-timings-ec131dcf3bec641d.js b/application/dist/wrb-timings-ec131dcf3bec641d.js
new file mode 100644
index 0000000..d29d65c
--- /dev/null
+++ b/application/dist/wrb-timings-ec131dcf3bec641d.js
@@ -0,0 +1,970 @@
+let wasm;
+
+const heap = new Array(128).fill(undefined);
+
+heap.push(undefined, null, true, false);
+
+function getObject(idx) { return heap[idx]; }
+
+let heap_next = heap.length;
+
+function addHeapObject(obj) {
+ if (heap_next === heap.length) heap.push(heap.length + 1);
+ const idx = heap_next;
+ heap_next = heap[idx];
+
+ heap[idx] = obj;
+ return idx;
+}
+
+const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );
+
+if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); };
+
+let cachedUint8Memory0 = null;
+
+function getUint8Memory0() {
+ if (cachedUint8Memory0 === null || cachedUint8Memory0.byteLength === 0) {
+ cachedUint8Memory0 = new Uint8Array(wasm.memory.buffer);
+ }
+ return cachedUint8Memory0;
+}
+
+function getStringFromWasm0(ptr, len) {
+ ptr = ptr >>> 0;
+ return cachedTextDecoder.decode(getUint8Memory0().subarray(ptr, ptr + len));
+}
+
+function dropObject(idx) {
+ if (idx < 132) return;
+ heap[idx] = heap_next;
+ heap_next = idx;
+}
+
+function takeObject(idx) {
+ const ret = getObject(idx);
+ dropObject(idx);
+ return ret;
+}
+
+let WASM_VECTOR_LEN = 0;
+
+const cachedTextEncoder = (typeof TextEncoder !== 'undefined' ? new TextEncoder('utf-8') : { encode: () => { throw Error('TextEncoder not available') } } );
+
+const encodeString = (typeof cachedTextEncoder.encodeInto === 'function'
+ ? function (arg, view) {
+ return cachedTextEncoder.encodeInto(arg, view);
+}
+ : function (arg, view) {
+ const buf = cachedTextEncoder.encode(arg);
+ view.set(buf);
+ return {
+ read: arg.length,
+ written: buf.length
+ };
+});
+
+function passStringToWasm0(arg, malloc, realloc) {
+
+ if (realloc === undefined) {
+ const buf = cachedTextEncoder.encode(arg);
+ const ptr = malloc(buf.length, 1) >>> 0;
+ getUint8Memory0().subarray(ptr, ptr + buf.length).set(buf);
+ WASM_VECTOR_LEN = buf.length;
+ return ptr;
+ }
+
+ let len = arg.length;
+ let ptr = malloc(len, 1) >>> 0;
+
+ const mem = getUint8Memory0();
+
+ let offset = 0;
+
+ for (; offset < len; offset++) {
+ const code = arg.charCodeAt(offset);
+ if (code > 0x7F) break;
+ mem[ptr + offset] = code;
+ }
+
+ if (offset !== len) {
+ if (offset !== 0) {
+ arg = arg.slice(offset);
+ }
+ ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+ const view = getUint8Memory0().subarray(ptr + offset, ptr + len);
+ const ret = encodeString(arg, view);
+
+ offset += ret.written;
+ }
+
+ WASM_VECTOR_LEN = offset;
+ return ptr;
+}
+
+function isLikeNone(x) {
+ return x === undefined || x === null;
+}
+
+let cachedInt32Memory0 = null;
+
+function getInt32Memory0() {
+ if (cachedInt32Memory0 === null || cachedInt32Memory0.byteLength === 0) {
+ cachedInt32Memory0 = new Int32Array(wasm.memory.buffer);
+ }
+ return cachedInt32Memory0;
+}
+
+let cachedFloat64Memory0 = null;
+
+function getFloat64Memory0() {
+ if (cachedFloat64Memory0 === null || cachedFloat64Memory0.byteLength === 0) {
+ cachedFloat64Memory0 = new Float64Array(wasm.memory.buffer);
+ }
+ return cachedFloat64Memory0;
+}
+
+function debugString(val) {
+ // primitive types
+ const type = typeof val;
+ if (type == 'number' || type == 'boolean' || val == null) {
+ return `${val}`;
+ }
+ if (type == 'string') {
+ return `"${val}"`;
+ }
+ if (type == 'symbol') {
+ const description = val.description;
+ if (description == null) {
+ return 'Symbol';
+ } else {
+ return `Symbol(${description})`;
+ }
+ }
+ if (type == 'function') {
+ const name = val.name;
+ if (typeof name == 'string' && name.length > 0) {
+ return `Function(${name})`;
+ } else {
+ return 'Function';
+ }
+ }
+ // objects
+ if (Array.isArray(val)) {
+ const length = val.length;
+ let debug = '[';
+ if (length > 0) {
+ debug += debugString(val[0]);
+ }
+ for(let i = 1; i < length; i++) {
+ debug += ', ' + debugString(val[i]);
+ }
+ debug += ']';
+ return debug;
+ }
+ // Test for built-in
+ const builtInMatches = /\[object ([^\]]+)\]/.exec(toString.call(val));
+ let className;
+ if (builtInMatches.length > 1) {
+ className = builtInMatches[1];
+ } else {
+ // Failed to match the standard '[object ClassName]'
+ return toString.call(val);
+ }
+ if (className == 'Object') {
+ // we're a user defined class or Object
+ // JSON.stringify avoids problems with cycles, and is generally much
+ // easier than looping through ownProperties of `val`.
+ try {
+ return 'Object(' + JSON.stringify(val) + ')';
+ } catch (_) {
+ return 'Object';
+ }
+ }
+ // errors
+ if (val instanceof Error) {
+ return `${val.name}: ${val.message}\n${val.stack}`;
+ }
+ // TODO we could test for more things here, like `Set`s and `Map`s.
+ return className;
+}
+
+function makeClosure(arg0, arg1, dtor, f) {
+ const state = { a: arg0, b: arg1, cnt: 1, dtor };
+ const real = (...args) => {
+ // First up with a closure we increment the internal reference
+ // count. This ensures that the Rust closure environment won't
+ // be deallocated while we're invoking it.
+ state.cnt++;
+ try {
+ return f(state.a, state.b, ...args);
+ } finally {
+ if (--state.cnt === 0) {
+ wasm.__wbindgen_export_2.get(state.dtor)(state.a, state.b);
+ state.a = 0;
+
+ }
+ }
+ };
+ real.original = state;
+
+ return real;
+}
+
+let stack_pointer = 128;
+
+function addBorrowedObject(obj) {
+ if (stack_pointer == 1) throw new Error('out of js stack');
+ heap[--stack_pointer] = obj;
+ return stack_pointer;
+}
+function __wbg_adapter_40(arg0, arg1, arg2) {
+ try {
+ wasm._dyn_core__ops__function__Fn___A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__h5ef5fa82c8c2cce8(arg0, arg1, addBorrowedObject(arg2));
+ } finally {
+ heap[stack_pointer++] = undefined;
+ }
+}
+
+function makeMutClosure(arg0, arg1, dtor, f) {
+ const state = { a: arg0, b: arg1, cnt: 1, dtor };
+ const real = (...args) => {
+ // First up with a closure we increment the internal reference
+ // count. This ensures that the Rust closure environment won't
+ // be deallocated while we're invoking it.
+ state.cnt++;
+ const a = state.a;
+ state.a = 0;
+ try {
+ return f(a, state.b, ...args);
+ } finally {
+ if (--state.cnt === 0) {
+ wasm.__wbindgen_export_2.get(state.dtor)(a, state.b);
+
+ } else {
+ state.a = a;
+ }
+ }
+ };
+ real.original = state;
+
+ return real;
+}
+function __wbg_adapter_43(arg0, arg1, arg2) {
+ wasm._dyn_core__ops__function__FnMut__A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__h64f7b9990b80b837(arg0, arg1, addHeapObject(arg2));
+}
+
+function __wbg_adapter_46(arg0, arg1, arg2) {
+ try {
+ wasm._dyn_core__ops__function__FnMut___A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__h2694b8e3a1239a6b(arg0, arg1, addBorrowedObject(arg2));
+ } finally {
+ heap[stack_pointer++] = undefined;
+ }
+}
+
+function handleError(f, args) {
+ try {
+ return f.apply(this, args);
+ } catch (e) {
+ wasm.__wbindgen_exn_store(addHeapObject(e));
+ }
+}
+
+let cachedUint32Memory0 = null;
+
+function getUint32Memory0() {
+ if (cachedUint32Memory0 === null || cachedUint32Memory0.byteLength === 0) {
+ cachedUint32Memory0 = new Uint32Array(wasm.memory.buffer);
+ }
+ return cachedUint32Memory0;
+}
+
+function getArrayJsValueFromWasm0(ptr, len) {
+ ptr = ptr >>> 0;
+ const mem = getUint32Memory0();
+ const slice = mem.subarray(ptr / 4, ptr / 4 + len);
+ const result = [];
+ for (let i = 0; i < slice.length; i++) {
+ result.push(takeObject(slice[i]));
+ }
+ return result;
+}
+
+async function __wbg_load(module, imports) {
+ if (typeof Response === 'function' && module instanceof Response) {
+ if (typeof WebAssembly.instantiateStreaming === 'function') {
+ try {
+ return await WebAssembly.instantiateStreaming(module, imports);
+
+ } catch (e) {
+ if (module.headers.get('Content-Type') != 'application/wasm') {
+ console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+ } else {
+ throw e;
+ }
+ }
+ }
+
+ const bytes = await module.arrayBuffer();
+ return await WebAssembly.instantiate(bytes, imports);
+
+ } else {
+ const instance = await WebAssembly.instantiate(module, imports);
+
+ if (instance instanceof WebAssembly.Instance) {
+ return { instance, module };
+
+ } else {
+ return instance;
+ }
+ }
+}
+
+function __wbg_get_imports() {
+ const imports = {};
+ imports.wbg = {};
+ imports.wbg.__wbindgen_object_clone_ref = function(arg0) {
+ const ret = getObject(arg0);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_string_new = function(arg0, arg1) {
+ const ret = getStringFromWasm0(arg0, arg1);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_cb_drop = function(arg0) {
+ const obj = takeObject(arg0).original;
+ if (obj.cnt-- == 1) {
+ obj.a = 0;
+ return true;
+ }
+ const ret = false;
+ return ret;
+ };
+ imports.wbg.__wbg_listenerid_6dcf1c62b7b7de58 = function(arg0, arg1) {
+ const ret = getObject(arg1).__yew_listener_id;
+ getInt32Memory0()[arg0 / 4 + 1] = isLikeNone(ret) ? 0 : ret;
+ getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
+ };
+ imports.wbg.__wbg_setlistenerid_f2e783343fa0cec1 = function(arg0, arg1) {
+ getObject(arg0).__yew_listener_id = arg1 >>> 0;
+ };
+ imports.wbg.__wbg_subtreeid_e80a1798fee782f9 = function(arg0, arg1) {
+ const ret = getObject(arg1).__yew_subtree_id;
+ getInt32Memory0()[arg0 / 4 + 1] = isLikeNone(ret) ? 0 : ret;
+ getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
+ };
+ imports.wbg.__wbg_setsubtreeid_e1fab6b578c800cf = function(arg0, arg1) {
+ getObject(arg0).__yew_subtree_id = arg1 >>> 0;
+ };
+ imports.wbg.__wbg_cachekey_b81c1aacc6a0645c = function(arg0, arg1) {
+ const ret = getObject(arg1).__yew_subtree_cache_key;
+ getInt32Memory0()[arg0 / 4 + 1] = isLikeNone(ret) ? 0 : ret;
+ getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
+ };
+ imports.wbg.__wbg_setcachekey_75bcd45312087529 = function(arg0, arg1) {
+ getObject(arg0).__yew_subtree_cache_key = arg1 >>> 0;
+ };
+ imports.wbg.__wbg_error_f851667af71bcfc6 = function(arg0, arg1) {
+ let deferred0_0;
+ let deferred0_1;
+ try {
+ deferred0_0 = arg0;
+ deferred0_1 = arg1;
+ console.error(getStringFromWasm0(arg0, arg1));
+ } finally {
+ wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
+ }
+ };
+ imports.wbg.__wbg_new_abda76e883ba8a5f = function() {
+ const ret = new Error();
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_stack_658279fe44541cf6 = function(arg0, arg1) {
+ const ret = getObject(arg1).stack;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbindgen_string_get = function(arg0, arg1) {
+ const obj = getObject(arg1);
+ const ret = typeof(obj) === 'string' ? obj : undefined;
+ var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ var len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbindgen_is_function = function(arg0) {
+ const ret = typeof(getObject(arg0)) === 'function';
+ return ret;
+ };
+ imports.wbg.__wbg_queueMicrotask_4d890031a6a5a50c = function(arg0) {
+ queueMicrotask(getObject(arg0));
+ };
+ imports.wbg.__wbg_queueMicrotask_adae4bc085237231 = function(arg0) {
+ const ret = getObject(arg0).queueMicrotask;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_is_undefined = function(arg0) {
+ const ret = getObject(arg0) === undefined;
+ return ret;
+ };
+ imports.wbg.__wbindgen_in = function(arg0, arg1) {
+ const ret = getObject(arg0) in getObject(arg1);
+ return ret;
+ };
+ imports.wbg.__wbindgen_is_object = function(arg0) {
+ const val = getObject(arg0);
+ const ret = typeof(val) === 'object' && val !== null;
+ return ret;
+ };
+ imports.wbg.__wbindgen_is_string = function(arg0) {
+ const ret = typeof(getObject(arg0)) === 'string';
+ return ret;
+ };
+ imports.wbg.__wbg_crypto_d05b68a3572bb8ca = function(arg0) {
+ const ret = getObject(arg0).crypto;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_msCrypto_10fc94afee92bd76 = function(arg0) {
+ const ret = getObject(arg0).msCrypto;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_getRandomValues_7e42b4fb8779dc6d = function() { return handleError(function (arg0, arg1) {
+ getObject(arg0).getRandomValues(getObject(arg1));
+ }, arguments) };
+ imports.wbg.__wbg_randomFillSync_b70ccbdf4926a99d = function() { return handleError(function (arg0, arg1) {
+ getObject(arg0).randomFillSync(takeObject(arg1));
+ }, arguments) };
+ imports.wbg.__wbg_require_9a7e0f667ead4995 = function() { return handleError(function () {
+ const ret = module.require;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_process_b02b3570280d0366 = function(arg0) {
+ const ret = getObject(arg0).process;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_versions_c1cb42213cedf0f5 = function(arg0) {
+ const ret = getObject(arg0).versions;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_node_43b1089f407e4ec2 = function(arg0) {
+ const ret = getObject(arg0).node;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_error_new = function(arg0, arg1) {
+ const ret = new Error(getStringFromWasm0(arg0, arg1));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_as_number = function(arg0) {
+ const ret = +getObject(arg0);
+ return ret;
+ };
+ imports.wbg.__wbindgen_number_get = function(arg0, arg1) {
+ const obj = getObject(arg1);
+ const ret = typeof(obj) === 'number' ? obj : undefined;
+ getFloat64Memory0()[arg0 / 8 + 1] = isLikeNone(ret) ? 0 : ret;
+ getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
+ };
+ imports.wbg.__wbindgen_boolean_get = function(arg0) {
+ const v = getObject(arg0);
+ const ret = typeof(v) === 'boolean' ? (v ? 1 : 0) : 2;
+ return ret;
+ };
+ imports.wbg.__wbindgen_number_new = function(arg0) {
+ const ret = arg0;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_jsval_loose_eq = function(arg0, arg1) {
+ const ret = getObject(arg0) == getObject(arg1);
+ return ret;
+ };
+ imports.wbg.__wbg_getwithrefkey_4a92a5eca60879b9 = function(arg0, arg1) {
+ const ret = getObject(arg0)[getObject(arg1)];
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_set_9182712abebf82ef = function(arg0, arg1, arg2) {
+ getObject(arg0)[takeObject(arg1)] = takeObject(arg2);
+ };
+ imports.wbg.__wbg_error_a526fb08a0205972 = function(arg0, arg1) {
+ var v0 = getArrayJsValueFromWasm0(arg0, arg1).slice();
+ wasm.__wbindgen_free(arg0, arg1 * 4, 4);
+ console.error(...v0);
+ };
+ imports.wbg.__wbg_instanceof_Window_3e5cd1f48c152d01 = function(arg0) {
+ let result;
+ try {
+ result = getObject(arg0) instanceof Window;
+ } catch (_) {
+ result = false;
+ }
+ const ret = result;
+ return ret;
+ };
+ imports.wbg.__wbg_document_d609202d16c38224 = function(arg0) {
+ const ret = getObject(arg0).document;
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ };
+ imports.wbg.__wbg_location_176c34e89c2c9d80 = function(arg0) {
+ const ret = getObject(arg0).location;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_history_80998b7456bf367e = function() { return handleError(function (arg0) {
+ const ret = getObject(arg0).history;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_body_64abc9aba1891e91 = function(arg0) {
+ const ret = getObject(arg0).body;
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ };
+ imports.wbg.__wbg_createElement_fdd5c113cb84539e = function() { return handleError(function (arg0, arg1, arg2) {
+ const ret = getObject(arg0).createElement(getStringFromWasm0(arg1, arg2));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_createElementNS_524b05a6070757b6 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+ const ret = getObject(arg0).createElementNS(arg1 === 0 ? undefined : getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_createTextNode_7ff0c034b2855f66 = function(arg0, arg1, arg2) {
+ const ret = getObject(arg0).createTextNode(getStringFromWasm0(arg1, arg2));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_querySelector_c72dce5ac4b6bc3e = function() { return handleError(function (arg0, arg1, arg2) {
+ const ret = getObject(arg0).querySelector(getStringFromWasm0(arg1, arg2));
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_instanceof_Element_3f326a19cc457941 = function(arg0) {
+ let result;
+ try {
+ result = getObject(arg0) instanceof Element;
+ } catch (_) {
+ result = false;
+ }
+ const ret = result;
+ return ret;
+ };
+ imports.wbg.__wbg_namespaceURI_7cc7ef157e398356 = function(arg0, arg1) {
+ const ret = getObject(arg1).namespaceURI;
+ var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ var len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_setinnerHTML_ce0d6527ce4086f2 = function(arg0, arg1, arg2) {
+ getObject(arg0).innerHTML = getStringFromWasm0(arg1, arg2);
+ };
+ imports.wbg.__wbg_outerHTML_b5a8d952b5615778 = function(arg0, arg1) {
+ const ret = getObject(arg1).outerHTML;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_removeAttribute_2e200daefb9f3ed4 = function() { return handleError(function (arg0, arg1, arg2) {
+ getObject(arg0).removeAttribute(getStringFromWasm0(arg1, arg2));
+ }, arguments) };
+ imports.wbg.__wbg_setAttribute_e7b72a5e7cfcb5a3 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+ getObject(arg0).setAttribute(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+ }, arguments) };
+ imports.wbg.__wbg_setchecked_c1d5c3726082e274 = function(arg0, arg1) {
+ getObject(arg0).checked = arg1 !== 0;
+ };
+ imports.wbg.__wbg_value_e024243a9dae20bc = function(arg0, arg1) {
+ const ret = getObject(arg1).value;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_setvalue_5b3442ff620b4a5d = function(arg0, arg1, arg2) {
+ getObject(arg0).value = getStringFromWasm0(arg1, arg2);
+ };
+ imports.wbg.__wbg_href_e9aac3826080dcaa = function(arg0, arg1) {
+ const ret = getObject(arg1).href;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_pathname_aeafa820be91c325 = function(arg0, arg1) {
+ const ret = getObject(arg1).pathname;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_search_f6e95882a48d3f69 = function(arg0, arg1) {
+ const ret = getObject(arg1).search;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_setsearch_4f7d084e0d811add = function(arg0, arg1, arg2) {
+ getObject(arg0).search = getStringFromWasm0(arg1, arg2);
+ };
+ imports.wbg.__wbg_hash_0087751acddc8f2a = function(arg0, arg1) {
+ const ret = getObject(arg1).hash;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_sethash_bfc9db317a77305c = function(arg0, arg1, arg2) {
+ getObject(arg0).hash = getStringFromWasm0(arg1, arg2);
+ };
+ imports.wbg.__wbg_new_9e08fd37c1c53142 = function() { return handleError(function (arg0, arg1) {
+ const ret = new URL(getStringFromWasm0(arg0, arg1));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_newwithbase_f4989aa5bbd5cc29 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
+ const ret = new URL(getStringFromWasm0(arg0, arg1), getStringFromWasm0(arg2, arg3));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_addEventListener_374cbfd2bbc19ccf = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+ getObject(arg0).addEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3), getObject(arg4));
+ }, arguments) };
+ imports.wbg.__wbg_removeEventListener_9ece7e86d1135657 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+ getObject(arg0).removeEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3), arg4 !== 0);
+ }, arguments) };
+ imports.wbg.__wbg_state_ba77b2c3ee29c912 = function() { return handleError(function (arg0) {
+ const ret = getObject(arg0).state;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_pushState_e159043fce8f87bc = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5) {
+ getObject(arg0).pushState(getObject(arg1), getStringFromWasm0(arg2, arg3), arg4 === 0 ? undefined : getStringFromWasm0(arg4, arg5));
+ }, arguments) };
+ imports.wbg.__wbg_href_160af2ae1328d7b7 = function() { return handleError(function (arg0, arg1) {
+ const ret = getObject(arg1).href;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ }, arguments) };
+ imports.wbg.__wbg_pathname_1ab7e82aaa4511ff = function() { return handleError(function (arg0, arg1) {
+ const ret = getObject(arg1).pathname;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ }, arguments) };
+ imports.wbg.__wbg_search_9f7ca8896c2d0804 = function() { return handleError(function (arg0, arg1) {
+ const ret = getObject(arg1).search;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ }, arguments) };
+ imports.wbg.__wbg_hash_be2940ca236b5efc = function() { return handleError(function (arg0, arg1) {
+ const ret = getObject(arg1).hash;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ }, arguments) };
+ imports.wbg.__wbg_value_57e57170f6952449 = function(arg0, arg1) {
+ const ret = getObject(arg1).value;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_setvalue_a11f3069fd7a1805 = function(arg0, arg1, arg2) {
+ getObject(arg0).value = getStringFromWasm0(arg1, arg2);
+ };
+ imports.wbg.__wbg_instanceof_ShadowRoot_0bd39e89ab117f86 = function(arg0) {
+ let result;
+ try {
+ result = getObject(arg0) instanceof ShadowRoot;
+ } catch (_) {
+ result = false;
+ }
+ const ret = result;
+ return ret;
+ };
+ imports.wbg.__wbg_host_09eee5e3d9cf59a1 = function(arg0) {
+ const ret = getObject(arg0).host;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_parentNode_92a7017b3a4fad43 = function(arg0) {
+ const ret = getObject(arg0).parentNode;
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ };
+ imports.wbg.__wbg_parentElement_72e144c2e8d9e0b5 = function(arg0) {
+ const ret = getObject(arg0).parentElement;
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ };
+ imports.wbg.__wbg_childNodes_a5762b4b3e073cf6 = function(arg0) {
+ const ret = getObject(arg0).childNodes;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_lastChild_a62e3fbaab87f734 = function(arg0) {
+ const ret = getObject(arg0).lastChild;
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ };
+ imports.wbg.__wbg_nextSibling_bafccd3347d24543 = function(arg0) {
+ const ret = getObject(arg0).nextSibling;
+ return isLikeNone(ret) ? 0 : addHeapObject(ret);
+ };
+ imports.wbg.__wbg_setnodeValue_630c6470d05b600e = function(arg0, arg1, arg2) {
+ getObject(arg0).nodeValue = arg1 === 0 ? undefined : getStringFromWasm0(arg1, arg2);
+ };
+ imports.wbg.__wbg_textContent_2f37235e13f8484b = function(arg0, arg1) {
+ const ret = getObject(arg1).textContent;
+ var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ var len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_cloneNode_405d5ea3f7e0098a = function() { return handleError(function (arg0) {
+ const ret = getObject(arg0).cloneNode();
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_insertBefore_726c1640c419e940 = function() { return handleError(function (arg0, arg1, arg2) {
+ const ret = getObject(arg0).insertBefore(getObject(arg1), getObject(arg2));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_removeChild_942eb9c02243d84d = function() { return handleError(function (arg0, arg1) {
+ const ret = getObject(arg0).removeChild(getObject(arg1));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_ctrlKey_643b17aaac67db50 = function(arg0) {
+ const ret = getObject(arg0).ctrlKey;
+ return ret;
+ };
+ imports.wbg.__wbg_shiftKey_8fb7301f56e7e01c = function(arg0) {
+ const ret = getObject(arg0).shiftKey;
+ return ret;
+ };
+ imports.wbg.__wbg_altKey_c6c2a7e797d9a669 = function(arg0) {
+ const ret = getObject(arg0).altKey;
+ return ret;
+ };
+ imports.wbg.__wbg_metaKey_2a8dbd51a3f59e9c = function(arg0) {
+ const ret = getObject(arg0).metaKey;
+ return ret;
+ };
+ imports.wbg.__wbg_bubbles_f1cdd0584446cad0 = function(arg0) {
+ const ret = getObject(arg0).bubbles;
+ return ret;
+ };
+ imports.wbg.__wbg_cancelBubble_976cfdf7ac449a6c = function(arg0) {
+ const ret = getObject(arg0).cancelBubble;
+ return ret;
+ };
+ imports.wbg.__wbg_composedPath_12a068e57a98cf90 = function(arg0) {
+ const ret = getObject(arg0).composedPath();
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_preventDefault_7f821f72e7c6b5d4 = function(arg0) {
+ getObject(arg0).preventDefault();
+ };
+ imports.wbg.__wbg_href_f21dc804d4da134a = function(arg0, arg1) {
+ const ret = getObject(arg1).href;
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbg_get_f01601b5a68d10e3 = function(arg0, arg1) {
+ const ret = getObject(arg0)[arg1 >>> 0];
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_from_71add2e723d1f1b2 = function(arg0) {
+ const ret = Array.from(getObject(arg0));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_length_1009b1af0c481d7b = function(arg0) {
+ const ret = getObject(arg0).length;
+ return ret;
+ };
+ imports.wbg.__wbg_instanceof_ArrayBuffer_e7d53d51371448e2 = function(arg0) {
+ let result;
+ try {
+ result = getObject(arg0) instanceof ArrayBuffer;
+ } catch (_) {
+ result = false;
+ }
+ const ret = result;
+ return ret;
+ };
+ imports.wbg.__wbg_newnoargs_c62ea9419c21fbac = function(arg0, arg1) {
+ const ret = new Function(getStringFromWasm0(arg0, arg1));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_call_90c26b09837aba1c = function() { return handleError(function (arg0, arg1) {
+ const ret = getObject(arg0).call(getObject(arg1));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_call_5da1969d7cd31ccd = function() { return handleError(function (arg0, arg1, arg2) {
+ const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_isSafeInteger_f93fde0dca9820f8 = function(arg0) {
+ const ret = Number.isSafeInteger(getObject(arg0));
+ return ret;
+ };
+ imports.wbg.__wbg_entries_9e2e2aa45aa5094a = function(arg0) {
+ const ret = Object.entries(getObject(arg0));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_is_ff7acd231c75c0e4 = function(arg0, arg1) {
+ const ret = Object.is(getObject(arg0), getObject(arg1));
+ return ret;
+ };
+ imports.wbg.__wbg_new_9fb8d994e1c0aaac = function() {
+ const ret = new Object();
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_resolve_6e1c6553a82f85b7 = function(arg0) {
+ const ret = Promise.resolve(getObject(arg0));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_then_3ab08cd4fbb91ae9 = function(arg0, arg1) {
+ const ret = getObject(arg0).then(getObject(arg1));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_globalThis_9caa27ff917c6860 = function() { return handleError(function () {
+ const ret = globalThis.globalThis;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_self_f0e34d89f33b99fd = function() { return handleError(function () {
+ const ret = self.self;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_window_d3b084224f4774d7 = function() { return handleError(function () {
+ const ret = window.window;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_global_35dfdd59a4da3e74 = function() { return handleError(function () {
+ const ret = global.global;
+ return addHeapObject(ret);
+ }, arguments) };
+ imports.wbg.__wbg_instanceof_Uint8Array_bced6f43aed8c1aa = function(arg0) {
+ let result;
+ try {
+ result = getObject(arg0) instanceof Uint8Array;
+ } catch (_) {
+ result = false;
+ }
+ const ret = result;
+ return ret;
+ };
+ imports.wbg.__wbg_new_8f67e318f15d7254 = function(arg0) {
+ const ret = new Uint8Array(getObject(arg0));
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_newwithlength_6c2df9e2f3028c43 = function(arg0) {
+ const ret = new Uint8Array(arg0 >>> 0);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_newwithbyteoffsetandlength_d0482f893617af71 = function(arg0, arg1, arg2) {
+ const ret = new Uint8Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_subarray_2e940e41c0f5a1d9 = function(arg0, arg1, arg2) {
+ const ret = getObject(arg0).subarray(arg1 >>> 0, arg2 >>> 0);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_length_1d25fa9e4ac21ce7 = function(arg0) {
+ const ret = getObject(arg0).length;
+ return ret;
+ };
+ imports.wbg.__wbg_set_2357bf09366ee480 = function(arg0, arg1, arg2) {
+ getObject(arg0).set(getObject(arg1), arg2 >>> 0);
+ };
+ imports.wbg.__wbg_buffer_a448f833075b71ba = function(arg0) {
+ const ret = getObject(arg0).buffer;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbg_set_759f75cd92b612d2 = function() { return handleError(function (arg0, arg1, arg2) {
+ const ret = Reflect.set(getObject(arg0), getObject(arg1), getObject(arg2));
+ return ret;
+ }, arguments) };
+ imports.wbg.__wbindgen_debug_string = function(arg0, arg1) {
+ const ret = debugString(getObject(arg1));
+ const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+ const len1 = WASM_VECTOR_LEN;
+ getInt32Memory0()[arg0 / 4 + 1] = len1;
+ getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+ };
+ imports.wbg.__wbindgen_object_drop_ref = function(arg0) {
+ takeObject(arg0);
+ };
+ imports.wbg.__wbindgen_throw = function(arg0, arg1) {
+ throw new Error(getStringFromWasm0(arg0, arg1));
+ };
+ imports.wbg.__wbindgen_memory = function() {
+ const ret = wasm.memory;
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_closure_wrapper3787 = function(arg0, arg1, arg2) {
+ const ret = makeClosure(arg0, arg1, 558, __wbg_adapter_40);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_closure_wrapper6641 = function(arg0, arg1, arg2) {
+ const ret = makeMutClosure(arg0, arg1, 758, __wbg_adapter_43);
+ return addHeapObject(ret);
+ };
+ imports.wbg.__wbindgen_closure_wrapper6859 = function(arg0, arg1, arg2) {
+ const ret = makeMutClosure(arg0, arg1, 789, __wbg_adapter_46);
+ return addHeapObject(ret);
+ };
+
+ return imports;
+}
+
+function __wbg_init_memory(imports, maybe_memory) {
+
+}
+
+function __wbg_finalize_init(instance, module) {
+ wasm = instance.exports;
+ __wbg_init.__wbindgen_wasm_module = module;
+ cachedFloat64Memory0 = null;
+ cachedInt32Memory0 = null;
+ cachedUint32Memory0 = null;
+ cachedUint8Memory0 = null;
+
+ wasm.__wbindgen_start();
+ return wasm;
+}
+
+function initSync(module) {
+ if (wasm !== undefined) return wasm;
+
+ const imports = __wbg_get_imports();
+
+ __wbg_init_memory(imports);
+
+ if (!(module instanceof WebAssembly.Module)) {
+ module = new WebAssembly.Module(module);
+ }
+
+ const instance = new WebAssembly.Instance(module, imports);
+
+ return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(input) {
+ if (wasm !== undefined) return wasm;
+
+ if (typeof input === 'undefined') {
+ input = new URL('wrb-timings-ec131dcf3bec641d_bg.wasm', import.meta.url);
+ }
+ const imports = __wbg_get_imports();
+
+ if (typeof input === 'string' || (typeof Request === 'function' && input instanceof Request) || (typeof URL === 'function' && input instanceof URL)) {
+ input = fetch(input);
+ }
+
+ __wbg_init_memory(imports);
+
+ const { instance, module } = await __wbg_load(await input, imports);
+
+ return __wbg_finalize_init(instance, module);
+}
+
+export { initSync }
+export default __wbg_init;
diff --git a/application/dist/wrb-timings-ec131dcf3bec641d_bg.wasm b/application/dist/wrb-timings-ec131dcf3bec641d_bg.wasm
new file mode 100644
index 0000000..69fcf39
Binary files /dev/null and b/application/dist/wrb-timings-ec131dcf3bec641d_bg.wasm differ
diff --git a/application/index.html b/application/index.html
index 80c3f8b..86ba204 100644
--- a/application/index.html
+++ b/application/index.html
@@ -1,5 +1,9 @@
-
+
+
+ WRB Clubkampioenschappen tijden
+
+
diff --git a/application/src/components.rs b/application/src/components.rs
new file mode 100644
index 0000000..9b8f063
--- /dev/null
+++ b/application/src/components.rs
@@ -0,0 +1,5 @@
+mod navbar;
+pub use navbar::Navbar;
+
+mod footer;
+pub use footer::Footer;
diff --git a/application/src/components/footer.rs b/application/src/components/footer.rs
new file mode 100644
index 0000000..0dc1fab
--- /dev/null
+++ b/application/src/components/footer.rs
@@ -0,0 +1,12 @@
+use yew::prelude::*;
+
+#[function_component(Footer)]
+pub fn footer() -> Html {
+ html! {
+
+ }
+}
diff --git a/application/src/components/navbar.rs b/application/src/components/navbar.rs
new file mode 100644
index 0000000..52bb9cc
--- /dev/null
+++ b/application/src/components/navbar.rs
@@ -0,0 +1,35 @@
+use crate::Route;
+use yew::prelude::*;
+use yew_router::prelude::*;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+ pub children: Children,
+ pub to: Route,
+}
+#[function_component(RouteLink)]
+fn route_link(props: &Props) -> Html {
+ let route = use_route::().unwrap();
+ let classes = if route == props.to
+ || (route.to_path().starts_with(&props.to.to_path()) && props.to.to_path() != "/")
+ {
+ classes!("route-active")
+ } else {
+ classes!("")
+ };
+
+ html! {
+ classes={classes} to={props.to.clone()}>{for props.children.iter() }>
+ }
+}
+
+#[function_component(Navbar)]
+pub fn navbar() -> Html {
+ html! {
+
+ { "Home" }
+ { "Deelnemers" }
+ { "Tijden" }
+
+ }
+}
diff --git a/application/src/main.rs b/application/src/main.rs
index 7494d49..5da4e12 100644
--- a/application/src/main.rs
+++ b/application/src/main.rs
@@ -1,13 +1,49 @@
use yew::prelude::*;
+use yew_router::prelude::*;
+
+use components::*;
+use pages::*;
+
+mod components;
+mod pages;
+
+#[derive(Clone, Routable, PartialEq)]
+pub enum Route {
+ #[at("/")]
+ Home,
+ #[at("/participants")]
+ Participants,
+ #[at("/participants/add")]
+ AddParticipants,
+ #[at("/times")]
+ Times,
+ #[at("/times/add")]
+ AddTimes,
+}
+
+fn switch(route: Route) -> Html {
+ match route {
+ Route::Home => html! { },
+ Route::Participants => html! { },
+ Route::AddParticipants => html! { },
+ Route::Times => html! { },
+ Route::AddTimes => html! { },
+ }
+}
#[function_component(App)]
fn app() -> Html {
html! {
- { "Hello World" }
+
+
+
+ render={switch} /> // <- must be child of
+
+
+
}
}
fn main() {
yew::Renderer::::new().render();
}
-
diff --git a/application/src/pages.rs b/application/src/pages.rs
new file mode 100644
index 0000000..217fdd1
--- /dev/null
+++ b/application/src/pages.rs
@@ -0,0 +1,8 @@
+mod home;
+pub use home::Home;
+
+pub mod participants;
+pub use participants::Participants;
+
+pub mod times;
+pub use times::Times;
diff --git a/application/src/pages/home.rs b/application/src/pages/home.rs
new file mode 100644
index 0000000..50dab7e
--- /dev/null
+++ b/application/src/pages/home.rs
@@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(Home)]
+pub fn home() -> Html {
+ html! {
+ { "Home" }
+ }
+}
diff --git a/application/src/pages/participants.rs b/application/src/pages/participants.rs
new file mode 100644
index 0000000..1eea1f4
--- /dev/null
+++ b/application/src/pages/participants.rs
@@ -0,0 +1,13 @@
+use crate::Route;
+use yew::prelude::*;
+use yew_router::prelude::*;
+
+mod add;
+pub use add::AddParticipant;
+
+#[function_component(Participants)]
+pub fn participants() -> Html {
+ html! {
+ classes={"btn-add-link"} to={Route::AddParticipants}>{ "Deelnemer toevoegen" }>
+ }
+}
diff --git a/application/src/pages/participants/add.rs b/application/src/pages/participants/add.rs
new file mode 100644
index 0000000..06affcd
--- /dev/null
+++ b/application/src/pages/participants/add.rs
@@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(AddParticipant)]
+pub fn add_participant() -> Html {
+ html! {
+ { "Deelnemer toevoegen" }
+ }
+}
diff --git a/application/src/pages/times.rs b/application/src/pages/times.rs
new file mode 100644
index 0000000..c62fe15
--- /dev/null
+++ b/application/src/pages/times.rs
@@ -0,0 +1,11 @@
+use yew::prelude::*;
+
+mod add;
+pub use add::AddTime;
+
+#[function_component(Times)]
+pub fn times() -> Html {
+ html! {
+ { "Tijden" }
+ }
+}
diff --git a/application/src/pages/times/add.rs b/application/src/pages/times/add.rs
new file mode 100644
index 0000000..34bd84f
--- /dev/null
+++ b/application/src/pages/times/add.rs
@@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(AddTime)]
+pub fn add_time() -> Html {
+ html! {
+ { "Tijd toevoegen" }
+ }
+}
diff --git a/application/style/index.scss b/application/style/index.scss
new file mode 100644
index 0000000..aadb101
--- /dev/null
+++ b/application/style/index.scss
@@ -0,0 +1,82 @@
+$primary-color: #eb6330;
+$primary-color-light: hsl(16.36, 82.38%, 55.49%, 0.8);
+$secondary-color: #465651;
+$accent-color: #89969f;
+$primary-bg-color: #0d0b0b;
+$secondary-bg-color: #151719;
+$secondary-bg-color-light: hsl(204, 11%, 12%, 1);
+$secondary-bg-color-lighter: hsl(204, 11%, 15%, 1);
+$accent-bg-color: #181a19;
+$text-color: #f3efef;
+
+html,
+body {
+ height: 100vh;
+ margin: 0;
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+
+body {
+ background-color: $primary-bg-color;
+ color: $text-color;
+ align-items: center;
+}
+
+main {
+ height: 100%;
+ padding: 20px;
+ display: flex;
+ flex-direction: column;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1000px;
+}
+
+a {
+ text-decoration: none;
+ font-weight: bold;
+ color: $text-color;
+}
+
+.route-active {
+ color: $primary-color !important;
+}
+
+.navbar {
+ background-color: $secondary-bg-color;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ padding: 8px;
+}
+
+.navbar > a {
+ margin: 0px 20px;
+ padding: 8px 16px;
+ border-radius: 8px;
+ transition: all 100ms;
+}
+
+.navbar > a:hover {
+ background-color: $primary-color-light;
+ color: $text-color !important;
+}
+
+.footer {
+ width: 100%;
+ text-align: center;
+ padding: 10px 0px;
+}
+
+.btn-add-link {
+ width: 100%;
+ padding: 12px 0;
+ background-color: $secondary-bg-color;
+ text-align: center;
+ border-radius: 15px;
+ border: dashed $secondary-bg-color-lighter;
+}
+
+.btn-add-link:hover {
+ background-color: $secondary-bg-color-light;
+}
diff --git a/flake.lock b/flake.lock
index 5bdf87b..c23049b 100644
--- a/flake.lock
+++ b/flake.lock
@@ -38,11 +38,27 @@
},
"nixpkgs": {
"locked": {
- "lastModified": 1705677747,
- "narHash": "sha256-eyM3okYtMgYDgmYukoUzrmuoY4xl4FUujnsv/P6I/zI=",
+ "lastModified": 1705916986,
+ "narHash": "sha256-iBpfltu6QvN4xMpen6jGGEb6jOqmmVQKUrXdOJ32u8w=",
"owner": "NixOS",
"repo": "nixpkgs",
- "rev": "bbe7d8f876fbbe7c959c90ba2ae2852220573261",
+ "rev": "d7f206b723e42edb09d9d753020a84b3061a79d8",
+ "type": "github"
+ },
+ "original": {
+ "owner": "NixOS",
+ "ref": "nixos-23.11",
+ "repo": "nixpkgs",
+ "type": "github"
+ }
+ },
+ "nixpkgs-unstable": {
+ "locked": {
+ "lastModified": 1705856552,
+ "narHash": "sha256-JXfnuEf5Yd6bhMs/uvM67/joxYKoysyE3M2k6T3eWbg=",
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "612f97239e2cc474c13c9dafa0df378058c5ad8d",
"type": "github"
},
"original": {
@@ -72,6 +88,7 @@
"inputs": {
"flake-utils": "flake-utils",
"nixpkgs": "nixpkgs",
+ "nixpkgs-unstable": "nixpkgs-unstable",
"rust-overlay": "rust-overlay"
}
},
diff --git a/flake.nix b/flake.nix
index 2e534be..0105138 100644
--- a/flake.nix
+++ b/flake.nix
@@ -2,15 +2,21 @@
description = "A basic Rust devshell";
inputs = {
- nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
+ nixpkgs.url = "github:NixOS/nixpkgs/nixos-23.11";
+ nixpkgs-unstable.url = "github:NixOS/nixpkgs/nixos-unstable";
rust-overlay.url = "github:oxalica/rust-overlay";
flake-utils.url = "github:numtide/flake-utils";
};
- outputs = { self, nixpkgs, rust-overlay, flake-utils, ... }:
+ outputs = { self, nixpkgs, nixpkgs-unstable, rust-overlay, flake-utils, ... }:
flake-utils.lib.eachDefaultSystem (system:
let
- overlays = [ (import rust-overlay) ];
+ overlay-unstable = final: prev: {
+ unstable = import nixpkgs-unstable {
+ localSystem = { inherit system; };
+ };
+ };
+ overlays = [ (import rust-overlay) overlay-unstable ];
pkgs = import nixpkgs {
inherit system overlays;
};
@@ -20,6 +26,7 @@
devShells.default = mkShell {
buildInputs = [
trunk
+ dart-sass
rust-analyzer
openssl
pkg-config