v23.01

Yagasaki7K · Jan 10, 2023 · e1dcbc4 · e1dcbc4
1 parent 05b1b8c
commit e1dcbc4
Show file tree

Hide file tree

Showing 15 changed files with 146 additions and 127 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,14 @@
+# Janeiro | v23.01
+
+- Adicionado Whatsapp Desktop x64 e x86 em Comunicação
+- Adicionado eM Client em Utilitários
+- Adicioando tema do Dracula UI no Web Essentials - mais fiél do que já era
+- Mudamos a cor do nosso roxo de #9580ff para #bd93f9
+- Mudamos a cor do nosso fundo de #15171b para #282a36
+- Mudamos a cor do cabeçalho de #15171b para #282a33
+- Mudamos o degradê dos botões das redes para #7159c1 e #bd93f9
+- 
+
 # Dezembro | v22.12
 
 - Adicionado slide no /password
@@ -35,4 +46,4 @@ As atualizações foram mais visuais nesse mês de Outubro, mas tudo graças ao
 
 Agradecemos a todos que continuam usando nosso serviço gratuitamente, nos apoiam e faz nossa plataforma melhorar e melhorar, claro, pretendemos melhorar mais ainda no futuro e dar uma experiência sem igual para o Essentials, incluindo sistema premium, contas e de favoritos, o que facilitará e muito para quem já está acostumado a usar nosso serviço, mas isso ainda está nos papéis.
 
-#
+#
diff --git a/pages/api/hello.js b/pages/api/hello.js
diff --git a/pages/password.jsx b/pages/password.jsx
@@ -58,7 +58,7 @@ const PasswordPage = () => {
             <h2>Gere uma senha segura</h2>
             <div className="break" />
 
-            <p>Use nosso gerador de senhas para instantaneamente criar uma senha aleatória segura.
+            <p>Use nosso gerador de senhas para instantaneamente criar uma senha aleatória, segura e para seu uso diário, é recomendável utilizar um aplicativo secundário como BitWarden ou 1Password para armazenar suas senhas.
             </p>
             <div className="break" />
 
@@ -103,7 +103,7 @@ const Password = styled.div`
 
     h2 {
         font-size: 2rem;
-        color: #9278EC;
+        color: #bd93f9;
     }
 
     p {
@@ -133,14 +133,15 @@ const Password = styled.div`
 
     #btnPassword {
         position: relative;
-        background: #7159c1;
+        background: #bd93f9;
         color: #fff;
         cursor: pointer;
         font-size: 24px;
         display: inline-block;
         padding: 10px 15px;
         border-radius: 8px;
         border: none;
+        margin-bottom: 2rem;
     }
 
     #btnPassword:hover {
@@ -164,7 +165,7 @@ const Password = styled.div`
 
     #btnCopy:hover {
         transition: 2s;
-        background: #7159c1;
+        background: #bd93f9;
     }
 
     .tooltip {
@@ -175,7 +176,7 @@ const Password = styled.div`
     .tooltip .tooltiptext {
         visibility: hidden;
         width: 150px;
-        background-color: #0A8C66;
+        background-color: #50fa7b;
         color: #fff;
         text-align: center;
         border-radius: 6px;
@@ -198,7 +199,7 @@ const Password = styled.div`
         margin-left: -5px;
         border-width: 5px;
         border-style: solid;
-        border-color: #0A8C66 transparent transparent transparent;
+        border-color: #50fa7b transparent transparent transparent;
     }
 
     .tooltip:hover .tooltiptext {
@@ -226,14 +227,14 @@ const Password = styled.div`
         width: 25px;
         border-radius: 50px;
         height: 25px;
-        background: #9278ec;
+        background: #bd93f9;
         cursor: pointer;
     }
 
     .slider::-moz-range-thumb {
         width: 25px;
         height: 25px;
-        background: #9278ec;
+        background: #bd93f9;
         cursor: pointer;
     }
-`
+`
diff --git a/public/list/emclient.png b/public/list/emclient.png
diff --git a/src/components/NavItems.jsx b/src/components/NavItems.jsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-let purple = '#9580ff'
+let purple = '#bd93f9'
 
 export const NavItems = styled.div`
     display: flex;
@@ -9,14 +9,14 @@ export const NavItems = styled.div`
     right: 50px;
     top: -0.5rem;
     width: 23rem;
-    
+
     p {
         font-size: 2rem;
         font-weight: 400;
         margin: 28px 10px 0 0;
 
         a {
-            background: -webkit-linear-gradient(90deg, rgba(149,129,255,1), rgba(130,243,236,1));
+            background: -webkit-linear-gradient(90deg, #7159c1, #bd93f9);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
             color: ${props => props.theme.colors.essentials};
@@ -34,4 +34,4 @@ export const NavItems = styled.div`
     }
     `;
 
-export default NavItems
+export default NavItems
diff --git a/src/components/SocialMedia.jsx b/src/components/SocialMedia.jsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-let lightPurple = '#9580ff'
+let lightPurple = '#bd93f9'
 
 export const SocialMedia = styled.div`
     display:block;
@@ -48,4 +48,4 @@ export const SocialMedia = styled.div`
     }
 `;
 
-export default SocialMedia;
+export default SocialMedia;
diff --git a/src/components/TextDetails.jsx b/src/components/TextDetails.jsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-let lightPurple = '#9580ff';
+let lightPurple = '#bd93f9';
 
 export const TextDetails = styled.div`
     font-family: Nunito;
@@ -18,4 +18,4 @@ export const TextDetails = styled.div`
 	}
 `;
 
-export default TextDetails;
+export default TextDetails;
diff --git a/src/items/communication.js b/src/items/communication.js
@@ -1,69 +1,74 @@
-const items = [
-    {
-        id: "apache",
-        name: "Apache Guacamole",
-        img: "/list/apache.png",
-        url: "https://guacamole.apache.org/releases/",
-        corporation: "Apache Software" 
-    },
-    {
-        id: "discord",
-        name: "Discord",
-        img: "/list/discord.png",
-        url: "https://discordapp.com/download",
-        corporation: "Discord"
-    },
-    {
-        id: "franz",
-        name: "Franz",
-        img: "/list/franz.png",
-        url: "http://meetfranz.com/#download",
-        corporation: "Stefan Malzner"
-    },
-    {
-        id: "hamachi",
-        name: "Hamachi",
-        img: "/list/hamachi.png",
-        url: "https://www.vpn.net/",
-        corporation: "LogMeIn"
-    },
-    {
-        id: "rocket-chat",
-        name: "Rocket Chat",
-        img: "/list/rocketchat.png",
-        url: "https://rocket.chat/",
-        corporation: "rocket.chat"
-    },
-    {
-        id: "teamspeak",
-        name: "Teamspeak",
-        img: "/list/teamspeak.png",
-        url: "https://www.teamspeak.com/en/downloads/",
-        corporation: "Teamspeak Systems"
-    },
-    {
-        id: "teamviewer",
-        name: "Teamviewer",
-        img: "/list/teamviewer.png",
-        url: "https://www.teamviewer.com/pt-br/download/",
-        corporation: "Teamviewer"
-    },
-    {
-        id: "telegram",
-        name: "Telegram Desktop",
-        img: "/list/telegram.png",
-        url: "https://telegram.org/apps",
-        corporation: "Telegram Messenger"
-    },
-    {
-        id: "whatsapp",
-        name: "Whatsapp Desktop",
-        img: "/list/whatsapp.png",
-        url: "https://www.whatsapp.com/download/",
-        corporation: "Facebook Inc"
-    }
-
-]
-
-
-export default items;
+const items = [
+    {
+        id: "apache",
+        name: "Apache Guacamole",
+        img: "/list/apache.png",
+        url: "https://guacamole.apache.org/releases/",
+        corporation: "Apache Software"
+    },
+    {
+        id: "discord",
+        name: "Discord",
+        img: "/list/discord.png",
+        url: "https://discordapp.com/download",
+        corporation: "Discord"
+    },
+    {
+        id: "franz",
+        name: "Franz",
+        img: "/list/franz.png",
+        url: "http://meetfranz.com/#download",
+        corporation: "Stefan Malzner"
+    },
+    {
+        id: "hamachi",
+        name: "Hamachi",
+        img: "/list/hamachi.png",
+        url: "https://www.vpn.net/",
+        corporation: "LogMeIn"
+    },
+    {
+        id: "rocket-chat",
+        name: "Rocket Chat",
+        img: "/list/rocketchat.png",
+        url: "https://rocket.chat/",
+        corporation: "rocket.chat"
+    },
+    {
+        id: "teamspeak",
+        name: "Teamspeak",
+        img: "/list/teamspeak.png",
+        url: "https://www.teamspeak.com/en/downloads/",
+        corporation: "Teamspeak Systems"
+    },
+    {
+        id: "teamviewer",
+        name: "Teamviewer",
+        img: "/list/teamviewer.png",
+        url: "https://www.teamviewer.com/pt-br/download/",
+        corporation: "Teamviewer"
+    },
+    {
+        id: "telegram",
+        name: "Telegram Desktop",
+        img: "/list/telegram.png",
+        url: "https://telegram.org/apps",
+        corporation: "Telegram Messenger"
+    },
+    {
+        id: "whatsapp",
+        name: "Whatsapp Desktop x64",
+        img: "/list/whatsapp.png",
+        url: "https://www.mediafire.com/file/clp2tmszdgejvkm/WhatsAppSetup.exe/file",
+        corporation: "Facebook Inc"
+    },
+    {
+        id: "whatsapp",
+        name: "Whatsapp Desktop x86",
+        img: "/list/whatsapp.png",
+        url: "https://www.mediafire.com/file/tzkioucel5gqy0l/WhatsAppSetup_x86.exe/file",
+        corporation: "Facebook Inc"
+    }
+]
+
+export default items;
diff --git a/src/items/utility.js b/src/items/utility.js
@@ -76,6 +76,13 @@ const items = [
         url: "https://www.cpuid.com/softwares/cpu-z.html",
         corporation: "CPUID"
     },
+    {
+        id: "emclient",
+        name: "eM Client",
+        img: "/list/emclient.png",
+        url: "https://www.emclient.com/",
+        corporation: "eM Client"
+    },
     {
         id: "files",
         name: "Files",
@@ -325,4 +332,4 @@ const items = [
 ]
 
 
-export default items;
+export default items;
diff --git a/src/navitems.js b/src/navitems.js
@@ -39,7 +39,7 @@ const navitems = [
         nome: "Extensões",
         href: "/extension",
     }
-    
+
 ]
 
-export default navitems;
+export default navitems;
diff --git a/styles/global.js b/styles/global.js
@@ -9,7 +9,7 @@ export default createGlobalStyle`
         padding: 0;
         margin: 0;
         font-family: 'Poppins', sans-serif;
-        background-color: ${(props) => props.theme.colors.bgcolor}
+        background: ${(props) => props.theme.colors.bgcolor}
     }
 
     body::-webkit-scrollbar {
@@ -18,16 +18,16 @@ export default createGlobalStyle`
     }
 
     body::-webkit-scrollbar-track {
-        background: #15171b;
+        background: #282a36;
         /* color of the tracking area */
     }
 
     body::-webkit-scrollbar-thumb {
-        background-color: #9278ec;
+        background-color: #bd93f9;
         /* color of the scroll thumb */
         border-radius: 20px;
         /* roundness of the scroll thumb */
-        border: 3px solid #15171b;
+        border: 2px solid #282a36;
         /* creates padding around scroll thumb */
     }
 

diff --git a/styles/theme/ThemeDark.js b/styles/theme/ThemeDark.js
@@ -2,12 +2,12 @@ export default {
     title: 'dark',
 
     colors: {
-        essentials: '#9580ff',
-        writing: '#15171b',
-        bgcolor: '#15171b',
+        essentials: '#bd93f9',
+        writing: '#282a33',
+        bgcolor: '#282a33',
         fontcolor: '#FFF',
-        bgheader: '#1d1e26',
+        bgheader: '#282a36',
         switch: '#fff',
-        switchOn: '#9580ff',
+        switchOn: '#bd93f9',
     }
-}
+}