diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..73ee406 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +assets/icons/arcticons/black +assets/icons/arcticons/white +assets/icons/arcticons/png/*.svg \ No newline at end of file diff --git a/app.css b/app.css index d5edd74..4dc6c4f 100644 --- a/app.css +++ b/app.css @@ -1,13 +1,13 @@ -/* +/* // ╔╗ ╔═╗╔╗╔╔╦╗╔═╗ // ╠╩╗║╣ ║║║ ║ ║ ║ -// ╚═╝╚═╝╝╚╝ ╩ ╚═╝ +// ╚═╝╚═╝╝╚╝ ╩ ╚═╝ */ -/* +/* // ┬ ┬┌─┐┬─┐┬┌─┐┌┐ ┬ ┌─┐┌─┐ // ┐┌┘├─┤├┬┘│├─┤├┴┐│ ├┤ └─┐ -// ┘ ┴ ┴┴└─┴┴ ┴└─┘┴─┘└─┘└─┘ +// ┘ ┴ ┴┴└─┴┴ ┴└─┘┴─┘└─┘└─┘ */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap'); /* Font Import */ @@ -18,7 +18,7 @@ --fg-secondary: 3vh; /* Greetings and Weather widger */ --fg-date: 8vh; /* Date */ --fg-list: 2vh; /* Links List */ - --icon: 3vh; /* Icon Size */ + --icon: 6vh; /* Icon Size */ /* Fonts Color */ --fg: #3a3a3a; /* Foreground color */ @@ -54,10 +54,10 @@ ); /* Filter color */ } -/* +/* // ┌─┐┌┬┐┬ ┬┬ ┌─┐┌─┐ // └─┐ │ └┬┘│ ├┤ └─┐ -// └─┘ ┴ ┴ ┴─┘└─┘└─┘ +// └─┘ ┴ ┴ ┴─┘└─┘└─┘ */ * { @@ -89,6 +89,10 @@ body { background-size: cover; } +svg { + shape-rendering: geometricPrecision; +} + #themeButton { position: absolute; margin: 2em 2em 0 0; diff --git a/assets/icons/arcticons/png/arcticonsdark.png b/assets/icons/arcticons/png/arcticonsdark.png new file mode 100644 index 0000000..5373a50 Binary files /dev/null and b/assets/icons/arcticons/png/arcticonsdark.png differ diff --git a/assets/icons/arcticons/png/arcticonslight.png b/assets/icons/arcticons/png/arcticonslight.png new file mode 100644 index 0000000..70d354f Binary files /dev/null and b/assets/icons/arcticons/png/arcticonslight.png differ diff --git a/assets/icons/arcticons/png/ctemplar.png b/assets/icons/arcticons/png/ctemplar.png new file mode 100644 index 0000000..3efab5b Binary files /dev/null and b/assets/icons/arcticons/png/ctemplar.png differ diff --git a/assets/icons/arcticons/png/git.png b/assets/icons/arcticons/png/git.png new file mode 100644 index 0000000..e51bec1 Binary files /dev/null and b/assets/icons/arcticons/png/git.png differ diff --git a/assets/icons/arcticons/png/github.png b/assets/icons/arcticons/png/github.png new file mode 100644 index 0000000..2e4d2a4 Binary files /dev/null and b/assets/icons/arcticons/png/github.png differ diff --git a/assets/icons/arcticons/png/googlemail.png b/assets/icons/arcticons/png/googlemail.png new file mode 100644 index 0000000..ac3a82a Binary files /dev/null and b/assets/icons/arcticons/png/googlemail.png differ diff --git a/assets/icons/arcticons/png/mail.png b/assets/icons/arcticons/png/mail.png new file mode 100644 index 0000000..a91c61c Binary files /dev/null and b/assets/icons/arcticons/png/mail.png differ diff --git a/assets/icons/arcticons/png/protonmail.png b/assets/icons/arcticons/png/protonmail.png new file mode 100644 index 0000000..978fd94 Binary files /dev/null and b/assets/icons/arcticons/png/protonmail.png differ diff --git a/assets/icons/arcticons/png/serveit.png b/assets/icons/arcticons/png/serveit.png new file mode 100644 index 0000000..a5033b1 Binary files /dev/null and b/assets/icons/arcticons/png/serveit.png differ diff --git a/assets/icons/arcticons/png/shoppinglist.png b/assets/icons/arcticons/png/shoppinglist.png new file mode 100644 index 0000000..0599ab7 Binary files /dev/null and b/assets/icons/arcticons/png/shoppinglist.png differ diff --git a/assets/icons/arcticons/png/simplefilemanager.png b/assets/icons/arcticons/png/simplefilemanager.png new file mode 100644 index 0000000..471dbf4 Binary files /dev/null and b/assets/icons/arcticons/png/simplefilemanager.png differ diff --git a/assets/icons/arcticons/png/yaweather.png b/assets/icons/arcticons/png/yaweather.png new file mode 100644 index 0000000..09cff83 Binary files /dev/null and b/assets/icons/arcticons/png/yaweather.png differ diff --git a/assets/icons/arcticons/png/youtubevanced.png b/assets/icons/arcticons/png/youtubevanced.png new file mode 100644 index 0000000..8f4e07a Binary files /dev/null and b/assets/icons/arcticons/png/youtubevanced.png differ diff --git a/assets/js/buttons.js b/assets/js/buttons.js index 438d85a..79d88ea 100644 --- a/assets/js/buttons.js +++ b/assets/js/buttons.js @@ -11,7 +11,7 @@ const generateFirstButtonsContainer = () => { target="${CONFIG.openInNewTab ? '_blank' : ''}" class="card button button__${button.id}" > - + `; @@ -29,7 +29,7 @@ const generateSecondButtonsContainer = () => { target="${CONFIG.openInNewTab ? '_blank' : ''}" class="card button button__${button.id}" > - + `; diff --git a/assets/js/lists.js b/assets/js/lists.js index 10d5eba..6f3f697 100644 --- a/assets/js/lists.js +++ b/assets/js/lists.js @@ -7,7 +7,7 @@ const generateFirstListsContainer = () => { for (const list of CONFIG.firstlistsContainer) { let item = `
- + { for (const list of CONFIG.secondListsContainer) { let item = `
- + { document.body.classList.add('darktheme'); localStorage.setItem('darkTheme', 'enabled'); - themeToggle.innerHTML = ``; - lucide.createIcons(); + themeToggle.innerHTML = ``; }; const disableDark = () => { document.body.classList.remove('darktheme'); localStorage.setItem('darkTheme', null); - themeToggle.innerHTML = ``; - lucide.createIcons(); + themeToggle.innerHTML = ``; }; if (darkTheme === 'enabled') { diff --git a/config.js b/config.js index 5a99fec..96c8cd0 100644 --- a/config.js +++ b/config.js @@ -60,31 +60,31 @@ const CONFIG = { { id: '2', name: 'Mail', - icon: 'mail', + icon: 'googlemail', link: 'https://mail.google.com/', }, { id: '3', name: 'Weather', - icon: 'thermometer', + icon: 'yaweather', link: 'https://www.gismeteo.ru/weather-volzhsky-11934/2-weeks/', }, { id: '4', name: 'Proxmox', - icon: 'server', + icon: 'serveit', link: 'https://192.168.0.10:8006', }, { id: '5', name: 'Ctemplar', - icon: 'mail', + icon: 'ctemplar', link: 'https://ctemplar.com', }, { id: '6', name: 'Sbermarket', - icon: 'shop', + icon: 'shoppinglist', link: 'https://sbermarket.ru', }, ], @@ -135,7 +135,7 @@ const CONFIG = { // First Links Container firstlistsContainer: [ { - icon: 'files', + icon: 'simplefilemanager', id: '1', links: [ { @@ -157,7 +157,7 @@ const CONFIG = { ], }, { - icon: 'coffee', + icon: 'youtubevanced', id: '2', links: [ { diff --git a/index.html b/index.html index 8de2a2e..bc8bbcf 100644 --- a/index.html +++ b/index.html @@ -9,10 +9,9 @@ href="assets/icons/favicon.png" /> - - - - -