From ab6f46f0a1253967ddc3b5f138ae34766769eeaa Mon Sep 17 00:00:00 2001 From: migbash <20924663+migbash@users.noreply.github.com> Date: Mon, 31 Jul 2023 14:23:11 +0100 Subject: [PATCH 01/24] chore: add vscode/snippets.code-snippets; --- .vscode/snippets.code-snippets | 116 +++++++++++++++++++++++++++++++++ 1 file changed, 116 insertions(+) create mode 100644 .vscode/snippets.code-snippets diff --git a/.vscode/snippets.code-snippets b/.vscode/snippets.code-snippets new file mode 100644 index 000000000..4b2f7969e --- /dev/null +++ b/.vscode/snippets.code-snippets @@ -0,0 +1,116 @@ +{ + // Place your scores workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and + // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope + // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is + // used to trigger the snippet and the body will be expanded and inserted. Possible variables are: + // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. + // Placeholders with the same ids are connected. + // Example: + // "Print to console": { + // "scope": "javascript,typescript", + // "prefix": "log", + // "body": [ + // "console.log('$1');", + // "$2" + // ], + // "description": "Log output to console" + // } + + "scores-html-img-tag": + { + "scope": "svelte", + "prefix": "img", + "body": + [ + "" + ], + "description": "Betarena - Scores Platform image tag" + }, + + // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️ + // SVELTE-FILE STRUCTURE SNIPPETS & COMMENTS + // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️ + + "scores-region-one-off-comment": + { + "scope": "svelte,html,javascript,typescript", + "prefix": "scriptoneoff", + "body": + [ + "// #region ➤ 🚏 ONE-OFF CONDITIONS", + "\n$0\n", + "// #endregion ➤ 🚏 ONE-OFF CONDITIONS" + ], + "description": "Betarena - Scores Platform Region One-Off init." + }, + + "scores-region-reactive-comment": + { + "scope": "svelte,html,javascript,typescript", + "prefix": "scriptreactive", + "body": + [ + "// #region ➤ 🔥 REACTIVIY [SVELTE]", + "\n$0\n", + "// #endregion ➤ 🔥 REACTIVIY [SVELTE]" + ], + "description": "Betarena - Scores Platform Region One-Off init." + }, + + "scores-region-lifecycle-comment": + { + "scope": "svelte,html,javascript,typescript", + "prefix": "scriptlifecycle", + "body": + [ + "// #region ➤ 🔄 LIFECYCLE [SVELTE]", + "\n$0\n", + "// #endregion ➤ 🔄 LIFECYCLE [SVELTE]" + ], + "description": "Betarena - Scores Platform Region Lifecycle init." + }, + + "scores-style-responsive-comment": + { + "scope": "svelte,html,css", + "prefix": "stylerescom", + "body": + [ + "/*", + "=============", + "⚡️ RESPONSIVNESS", + "=============", + "*/" + ], + "description": "Betarena - Scores Platform Style Responsive Comment" + }, + + "scores-style-type-style-comment": + { + "scope": "svelte,html,css", + "prefix": "stylestylecom", + "body": + [ + "/* 🎨 style */" + ], + "description": "Betarena - Scores Platform Style Style Comment" + }, + + "scores-style-type-position-comment": + { + "scope": "svelte,html,css", + "prefix": "styleposcom", + "body": + [ + "/* 📌 position */" + ], + "description": "Betarena - Scores Platform Style Position Comment" + } + +} \ No newline at end of file From 4f287a7b34af5d990fabce58dc07052ff43b5f8b Mon Sep 17 00:00:00 2001 From: migbash <20924663+migbash@users.noreply.github.com> Date: Tue, 1 Aug 2023 17:33:15 +0100 Subject: [PATCH 02/24] chore: Footer re-structure; --- .../components/_main_/footer/Footer.svelte | 1814 ++++++++--------- 1 file changed, 821 insertions(+), 993 deletions(-) diff --git a/src/lib/components/_main_/footer/Footer.svelte b/src/lib/components/_main_/footer/Footer.svelte index cbc18f797..d08635e54 100644 --- a/src/lib/components/_main_/footer/Footer.svelte +++ b/src/lib/components/_main_/footer/Footer.svelte @@ -1,87 +1,71 @@ - + + - + -{#if FOOTER_TRANSLATION_DATA != undefined && !hideSEO} - - -

{logoLink}

- -

- {FOOTER_TRANSLATION_DATA.scores_footer_links - .latest_news} -

-

- {FOOTER_TRANSLATION_DATA.scores_footer_links - .about_us} -

-

- {FOOTER_TRANSLATION_DATA.scores_footer_links - .betting_tips} -

-

- {FOOTER_TRANSLATION_DATA.scores_footer_links - .privacy} -

-

- {FOOTER_TRANSLATION_DATA.scores_footer_links - .social_networks} -

+ + +

{logoLink}

+ + +

+ {B_FOT_T?.scores_footer_links?.latest_news} +

+

+ {B_FOT_T?.scores_footer_links?.about_us} +

+

+ {B_FOT_T?.scores_footer_links?.betting_tips} +

+

+ {B_FOT_T?.scores_footer_links?.privacy} +

+

+ {B_FOT_T?.scores_footer_links?.social_networks} +

+

+ {B_FOT_T?.scores_footer_links?.terms} +

+ + + {#each B_FOT_T?.scores_footer_links?.social_networks ?? [] as social_network}

- {FOOTER_TRANSLATION_DATA.scores_footer_links - .terms} + {social_network[1]}

- - {#each FOOTER_TRANSLATION_DATA.scores_footer_links.social_networks as social_network} -

- {social_network[1]} -

- {/each} -
-{/if} + {/each} + +
- + + From b5749dac11dab95a7ada6ca5137bd3db8627d889 Mon Sep 17 00:00:00 2001 From: migbash <20924663+migbash@users.noreply.github.com> Date: Tue, 1 Aug 2023 17:33:35 +0100 Subject: [PATCH 03/24] chore: app.css comments + clean; --- static/app.css | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/static/app.css b/static/app.css index 268a74aa8..5c38deaff 100644 --- a/static/app.css +++ b/static/app.css @@ -90,13 +90,14 @@ p { /* #region ➤ [MAIN] [ROOT] Layout */ /* DOC: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties */ -:root { +:root +{ /* - dimensions + DIMENSIONS */ --app-height: 100%; /* - main app colors + MAIN / LIGHT THEME COLORS */ --white: #ffffff; --whitev2: #f2f2f2; @@ -111,7 +112,7 @@ p { --grey-shade: #cccccc; --yellow-gold: #FFB904; /* - dark theme colors + DARK THEME COLORS */ --black: #000000; --dark: #121212; @@ -123,16 +124,18 @@ p { --dark-theme-1-2-shade: #737373; --dark-theme-1-3-shade: #999999; /* - breakpoints + BREAKPOINTS NOTE: don't work with @media... */ --mobile: 375; --tablet: 767; --desktop: 1440; /* - other [fades] + OTHER FADE COLORS */ --oragne-pale-bg: rgba(247, 124, 66, 0.2); + + --header-is-mobile: false; } /* #endregion ➤ [MAIN] [ROOT] Layout */ @@ -719,10 +722,6 @@ button display: flex; justify-content: center; } -button p -{ - /* font-weight: 400; */ -} button:disabled { cursor: default; @@ -958,11 +957,6 @@ form select border-radius: 7.34914px; padding: 7px; } -input:focus -{ - /* padding: 5px; */ - /* border: 2.5px solid #ff5555; */ -} .width-auto { From 5130318b8f39d6ce2154def7ea146a03b28a074c Mon Sep 17 00:00:00 2001 From: migbash <20924663+migbash@users.noreply.github.com> Date: Tue, 1 Aug 2023 18:22:56 +0100 Subject: [PATCH 04/24] update: +layout Footer re-structure; --- src/routes/+layout.svelte | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index b4238c3fb..130c6d5ba 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -30,12 +30,10 @@ COMPONENT JS (w/ TS) // import '../app.css'; let HEADER_TRANSLATION_DATA: any; - let FOOTER_TRANSLATION_DATA: any; let offlineMode: boolean = false; $: HEADER_TRANSLATION_DATA = $page.data.HEADER_TRANSLATION_DATA; - $: FOOTER_TRANSLATION_DATA = $page.data.FOOTER_TRANSLATION_DATA; // #endregion ➤ [VARIABLES] @@ -163,7 +161,7 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style class:dark-background={$userBetarenaSettings.theme == 'Dark'} > -