- TESTE: {GOOGLE_ADSENSE_CLIENT_ID}
{isClient && (
<>
diff --git a/docs/src/css/functions.css b/docs/src/css/functions.css
index 76e94e5..8dd0c34 100644
--- a/docs/src/css/functions.css
+++ b/docs/src/css/functions.css
@@ -36,6 +36,7 @@
#page-content-wrapper .container p {
line-height: 1.6;
margin-bottom: 20px;
+ font-size: 1rem;
}
#page-content-wrapper .container-fluid p code,
#page-content-wrapper .container p code {
@@ -80,6 +81,59 @@
white-space: pre-wrap;
word-break: break-all;
}
+@media (max-width: 768px) {
+ #page-content-wrapper .container-fluid,
+ #page-content-wrapper .container {
+ padding: 0 10px;
+ }
+ #page-content-wrapper .container-fluid .title,
+ #page-content-wrapper .container .title {
+ font-size: 2rem;
+ }
+ #page-content-wrapper .container-fluid .subtitle,
+ #page-content-wrapper .container .subtitle {
+ font-size: 1.6rem;
+ }
+ #page-content-wrapper .container-fluid p,
+ #page-content-wrapper .container p {
+ font-size: 0.9rem;
+ }
+}
+@media (max-width: 576px) {
+ #page-content-wrapper .container-fluid,
+ #page-content-wrapper .container {
+ padding: 0 5px;
+ }
+ #page-content-wrapper .container-fluid .title,
+ #page-content-wrapper .container .title {
+ font-size: 1.8rem;
+ }
+ #page-content-wrapper .container-fluid .subtitle,
+ #page-content-wrapper .container .subtitle {
+ font-size: 1.4rem;
+ }
+ #page-content-wrapper .container-fluid p,
+ #page-content-wrapper .container p {
+ font-size: 0.8rem;
+ }
+}
+@media (max-width: 400px) {
+ #page-content-wrapper {
+ padding: 5px;
+ }
+ #page-content-wrapper .container-fluid .title,
+ #page-content-wrapper .container .title {
+ font-size: 1.6rem;
+ }
+ #page-content-wrapper .container-fluid .subtitle,
+ #page-content-wrapper .container .subtitle {
+ font-size: 1.2rem;
+ }
+ #page-content-wrapper .container-fluid p,
+ #page-content-wrapper .container p {
+ font-size: 0.7rem;
+ }
+}
.lastLi {
margin-bottom: 20px;
diff --git a/docs/src/css/functions.css.map b/docs/src/css/functions.css.map
index 5d4b778..d29523f 100644
--- a/docs/src/css/functions.css.map
+++ b/docs/src/css/functions.css.map
@@ -1 +1 @@
-{"version":3,"sources":["functions.scss","functions.css"],"names":[],"mappings":"AAGA;EACC;IACC,yBAAA;ECFA;AACF;ADKA;EACC;IACC,yBAAA;ECHA;AACF;ADMA;EACC,aAAA;EACA,iBAAA;ACJD;ADMC;;EAEC,gBAAA;EACA,cAAA;ACJF;ADME;;EACC,cAzBa;EA0Bb,gCAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;ACHH;ADME;;EACC,cAhCe;EAiCf,gBAAA;EACA,iBAAA;EACA,kBAAA;ACHH;ADME;;EACC,gBAAA;EACA,mBAAA;ACHH;ADKG;;EACC,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,cAAA;ACFJ;ADME;;EACC,kBAAA;EACA,eAAA;EACA,mBAAA;ACHH;ADKG;;EACC,qBAAA;ACFJ;ADII;;EACC,iBAAA;ACDL;ADII;;EACC,cAAA;ACDL;ADKG;;EACC,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,qBAAA;ACFJ;ADME;;EACC,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,qBAAA;ACHH;;ADQA;EACC,mBAAA;ACLD","file":"functions.css"}
\ No newline at end of file
+{"version":3,"sources":["functions.scss","functions.css"],"names":[],"mappings":"AAGA;EACC;IACC,yBAAA;ECFA;AACF;ADKA;EACC;IACC,yBAAA;ECHA;AACF;ADMA;EACC,aAAA;EACA,iBAAA;ACJD;ADMC;;EAEC,gBAAA;EACA,cAAA;ACJF;ADME;;EACC,cAzBa;EA0Bb,gCAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;ACHH;ADME;;EACC,cAhCe;EAiCf,gBAAA;EACA,iBAAA;EACA,kBAAA;ACHH;ADME;;EACC,gBAAA;EACA,mBAAA;EACA,eAAA;ACHH;ADKG;;EACC,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,cAAA;ACFJ;ADME;;EACC,kBAAA;EACA,eAAA;EACA,mBAAA;ACHH;ADKG;;EACC,qBAAA;ACFJ;ADII;;EACC,iBAAA;ACDL;ADII;;EACC,cAAA;ACDL;ADKG;;EACC,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,qBAAA;ACFJ;ADME;;EACC,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,qBAAA;ACHH;ADOC;EACC;;IAEC,eAAA;ECLD;EDOC;;IACC,eAAA;ECJF;EDOC;;IACC,iBAAA;ECJF;EDOC;;IACC,iBAAA;ECJF;AACF;ADQC;EACC;;IAEC,cAAA;ECND;EDQC;;IACC,iBAAA;ECLF;EDQC;;IACC,iBAAA;ECLF;EDQC;;IACC,iBAAA;ECLF;AACF;ADSC;EAhHD;IAiHE,YAAA;ECNA;EDUC;;IACC,iBAAA;ECPF;EDUC;;IACC,iBAAA;ECPF;EDUC;;IACC,iBAAA;ECPF;AACF;;ADYA;EACC,mBAAA;ACTD","file":"functions.css"}
\ No newline at end of file
diff --git a/docs/src/css/functions.scss b/docs/src/css/functions.scss
index df59d5f..82ced4d 100644
--- a/docs/src/css/functions.scss
+++ b/docs/src/css/functions.scss
@@ -40,6 +40,7 @@ $secondary-color: #6c757d;
p {
line-height: 1.6;
margin-bottom: 20px;
+ font-size: 1rem;
code {
padding: 2px 5px;
@@ -85,6 +86,63 @@ $secondary-color: #6c757d;
word-break: break-all;
}
}
+
+ @media (max-width: 768px) {
+ .container-fluid,
+ .container {
+ padding: 0 10px;
+
+ .title {
+ font-size: 2rem;
+ }
+
+ .subtitle {
+ font-size: 1.6rem;
+ }
+
+ p {
+ font-size: 0.9rem;
+ }
+ }
+ }
+
+ @media (max-width: 576px) {
+ .container-fluid,
+ .container {
+ padding: 0 5px;
+
+ .title {
+ font-size: 1.8rem;
+ }
+
+ .subtitle {
+ font-size: 1.4rem;
+ }
+
+ p {
+ font-size: 0.8rem;
+ }
+ }
+ }
+
+ @media (max-width: 400px) {
+ padding: 5px;
+
+ .container-fluid,
+ .container {
+ .title {
+ font-size: 1.6rem;
+ }
+
+ .subtitle {
+ font-size: 1.2rem;
+ }
+
+ p {
+ font-size: 0.7rem;
+ }
+ }
+ }
}
.lastLi {
diff --git a/docs/src/css/infos.css b/docs/src/css/infos.css
index 51a97dd..4abfff5 100644
--- a/docs/src/css/infos.css
+++ b/docs/src/css/infos.css
@@ -2,6 +2,7 @@
#info-section {
padding: 20px;
text-align: center;
+ margin-top: 35px;
}
#info-section h1 {
font-size: 36px;
@@ -22,4 +23,28 @@
}
#info-section a:hover {
text-decoration: underline;
+}
+@media (max-width: 768px) {
+ #info-section {
+ padding: 12px;
+ }
+ #info-section h1 {
+ font-size: 32px;
+ }
+ #info-section p {
+ font-size: 16px;
+ }
+}
+@media (max-width: 576px) {
+ #info-section {
+ padding: 8px;
+ }
+ #info-section h1 {
+ font-size: 28px;
+ }
+}
+@media (max-width: 480px) {
+ #info-section {
+ padding: 4px;
+ }
}/*# sourceMappingURL=infos.css.map */
\ No newline at end of file
diff --git a/docs/src/css/infos.css.map b/docs/src/css/infos.css.map
index 386ab9e..5a19649 100644
--- a/docs/src/css/infos.css.map
+++ b/docs/src/css/infos.css.map
@@ -1 +1 @@
-{"version":3,"sources":["infos.scss","infos.css"],"names":[],"mappings":"AAAA,gBAAA;AAUA;EACI,aAAA;EACA,kBAAA;ACRJ;ADUI;EACI,eAAA;EACA,mBAAA;EACJ,wEAAA;EACA,YAAA;ACRJ;ADWI;EACI,eAAA;EACA,gBAAA;EACJ,kBAAA;EACA,4DAAA;EACA,YAAA;ACTJ;ADYI;EACI,cA3BQ;EA4BR,qBAAA;ACVR;ADWQ;EACI,0BAAA;ACTZ","file":"infos.css"}
\ No newline at end of file
+{"version":3,"sources":["infos.scss","infos.css"],"names":[],"mappings":"AAAA,gBAAA;AAWA;EACC,aAAA;EACA,kBAAA;EACA,gBAAA;ACTD;ADYC;EACC,eAAA;EACA,mBAAA;EACA,wEAAA;EACA,YAAA;ACVF;ADcC;EACC,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,4DAAA;EACA,YAAA;ACZF;ADgBC;EACC,cAhCc;EAiCd,qBAAA;ACdF;ADgBE;EACC,0BAAA;ACdH;ADkBC;EAhCD;IAiCE,aAAA;ECfA;EDiBA;IACC,eAAA;ECfD;EDkBA;IACC,eAAA;EChBD;AACF;ADmBC;EA5CD;IA6CE,YAAA;EChBA;EDkBA;IACC,eAAA;EChBD;AACF;ADmBC;EApDD;IAqDE,YAAA;EChBA;AACF","file":"infos.css"}
\ No newline at end of file
diff --git a/docs/src/css/infos.scss b/docs/src/css/infos.scss
index 9d651ea..d62d64f 100644
--- a/docs/src/css/infos.scss
+++ b/docs/src/css/infos.scss
@@ -6,34 +6,62 @@ $secondary-color: #6c757d;
$body-bg: #e9e9e9;
$text-color: #333;
$footer-bg: #343a40;
+
// General styling for the body and text
// Styling for the section
#info-section {
- padding: 20px;
- text-align: center;
- // Styling for headings
- h1 {
- font-size: 36px;
- margin-bottom: 20px;
- font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
- color: white;
- }
- // Styling for paragraphs
- p {
- font-size: 18px;
- line-height: 1.6;
- margin-block: 25px;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- color: white;
- }
- // Styling for links
- a {
- color: $primary-color;
- text-decoration: none;
- &:hover {
- text-decoration: underline;
- }
- }
-}
+ padding: 20px;
+ text-align: center;
+ margin-top: 35px;
+
+ // Styling for headings
+ h1 {
+ font-size: 36px;
+ margin-bottom: 20px;
+ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+ color: white;
+ }
+
+ // Styling for paragraphs
+ p {
+ font-size: 18px;
+ line-height: 1.6;
+ margin-block: 25px;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: white;
+ }
+
+ // Styling for links
+ a {
+ color: $primary-color;
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ @media (max-width: 768px) {
+ padding: 12px;
+ h1 {
+ font-size: 32px;
+ }
+
+ p {
+ font-size: 16px;
+ }
+ }
+
+ @media (max-width: 576px) {
+ padding: 8px;
+
+ h1 {
+ font-size: 28px;
+ }
+ }
+
+ @media (max-width: 480px) {
+ padding: 4px;
+ }
+}
diff --git a/docs/src/locales/en/en.json b/docs/src/locales/en/en.json
index b8aa80b..80fbc41 100644
--- a/docs/src/locales/en/en.json
+++ b/docs/src/locales/en/en.json
@@ -1,6 +1,6 @@
{
"Header": {
- "header_title": "Multiform validator",
+ "header_title": "Multiform Validator",
"header_home": "Home",
"header_already_here": "You are already here (:",
"header_go_home": "Go home",
@@ -38,8 +38,8 @@
"About": {
"about_title": "Hello, I'm Gabriel Logan",
"about_intro": "I consider myself a versatile programmer with a passion for both front-end and back-end development. Crafting exceptional web experiences is what drives me, and I take immense pride in the work I produce.",
- "about_frontend": "As a front-end developer, I have a keen eye for user experience and interface design. I love transforming creative concepts into visually captivating and interactive web applications using HTML, CSS, and JavaScript. From seamless navigation to smooth animations, I pay attention to every detail to ensure that my front-end projects exude elegance and functionality.",
- "about_backend": "But my skills don't stop there. I am equally proficient in back-end development, with expertise in languages such as Python, Java, and JavaScript (Node.js). Building robust and secure web applications is my forte, as I understand the intricacies of server-side logic. My solutions are geared towards efficiency, reliability, and scalability, making sure that even during peak times, my applications deliver a smooth user experience.",
+ "about_frontend": "As a front-end developer, I have a keen eye for user experience and interface design. I love transforming creative concepts into visually captivating and interactive web applications using React and Nextjs with typescript. From seamless navigation to smooth animations, I pay attention to every detail to ensure that my front-end projects exude elegance and functionality.",
+ "about_backend": "But my skills don't stop there. I am equally proficient in back-end development, with expertise in languages such as Python, Java, and JavaScript (Node.js). Building robust and secure web applications is my strong point, as I understand the intricacies of server-side logic. My solutions are geared towards efficiency, reliability, and scalability, making sure that even during peak times, my applications deliver a smooth user experience.",
"about_achievement": "One of my proudest achievements is the creation of a groundbreaking web page that simplifies and speeds up form validation. This ingenious solution is designed to help people and businesses streamline their form validation process. By leveraging my extensive knowledge of web development and incorporating cutting-edge technologies, my page offers a lightning-fast and SUPER efficient way to validate forms. Its user-friendly interface and intuitive functionalities make it an indispensable tool for professionals seeking to enhance their productivity and accuracy in data collection.",
"about_creative": "Apart from my technical skills, I thrive as a creative problem solver. I love tackling challenges with an innovative mindset and am always on the lookout for ways to enhance the user experience. My ability to think outside the box and deliver inventive solutions sets me apart as a true leader in the field of web development.",
"about_inspiration": "When I'm not engrossed in code, you might find me seeking inspiration in the world around me. Whether I'm exploring the outdoors, immersing myself in art and culture, or engaging in thought-provoking discussions, I draw from a diverse range of experiences that shape my approach to programming and my interactions with colleagues and clients.",
@@ -140,7 +140,7 @@
"The function can be imported using ES6 syntax from the \"multiform-validator\" package:": "The function can be imported using ES6 syntax from the \"multiform-validator\" package:",
"Parameters": "Parameters",
"The function takes two parameters:": "The function takes two parameters:",
- "The CNPJ number to validate.": "The CNPJ number to validate.",
+ "The CNPJ number to be validate.": "The CNPJ number to be validate.",
"optional array": "optional array",
"A list of custom error messages. If not provided, it uses a default list of error messages.": "A list of custom error messages. If not provided, it uses a default list of error messages.",
"Examples": "Examples",
@@ -320,6 +320,7 @@
"The Brazilian phone number to be validated.": "The Brazilian phone number to be validated.",
"[optional] - An array of error messages to customize the response. If not provided, the function will use default error messages.": "[optional] - An array of error messages to customize the response. If not provided, the function will use default error messages.",
"Default Error Messages": "Default Error Messages",
+ "The function can be imported using ES6 syntax from the \"validateBRPhoneNumber\" package:": "The function can be imported using ES6 syntax from the \"validateBRPhoneNumber\" package:",
"The default error messages are as follows:": "The default error messages are as follows:",
"function is used to validate email addresses. It returns an object with two properties: \"isValid\" (boolean) and \"errorMsg\" (string). The \"errorMsg\" property will contain the error message if the email address is invalid, or it will be null if the email address is valid.": "function is used to validate email addresses. It returns an object with two properties: \"isValid\" (boolean) and \"errorMsg\" (string). The \"errorMsg\" property will contain the error message if the email address is invalid, or it will be null if the email address is valid.",
diff --git a/docs/src/locales/pt/pt.json b/docs/src/locales/pt/pt.json
index ac14d8e..2f2059b 100644
--- a/docs/src/locales/pt/pt.json
+++ b/docs/src/locales/pt/pt.json
@@ -139,7 +139,7 @@
"The function can be imported using ES6 syntax from the \"multiform-validator\" package:": "A função pode ser importada usando a sintaxe ES6 do pacote \"multiform-validator\":",
"Parameters": "Parâmetros",
"The function takes two parameters:": "A função recebe dois parâmetros:",
- "The CNPJ number to validate.": "O número de CNPJ a ser validado.",
+ "The CNPJ number to be validate.": "O número de CNPJ a ser validado.",
"optional array": "array opcional",
"A list of custom error messages. If not provided, it uses a default list of error messages.": "Uma lista de mensagens de erro personalizadas. Se não fornecido, ele usa uma lista padrão de mensagens de erro.",
"Examples": "Exemplos",
@@ -318,6 +318,7 @@
"The Brazilian phone number to be validated.": "O número de telefone brasileiro a ser validado.",
"[optional] - An array of error messages to customize the response. If not provided, the function will use default error messages.": "[opcional] - Um array de mensagens de erro para personalizar a resposta. Se não fornecido, a função usará mensagens de erro padrão.",
"Default Error Messages": "Mensagens de Erro Padrão",
+ "The function can be imported using ES6 syntax from the \"validateBRPhoneNumber\" package:": "A função pode ser importada usando a sintaxe ES6 do pacote \"validateBRPhoneNumber\":",
"The default error messages are as follows:": "As mensagens de erro padrão são as seguintes:",
"function is used to validate email addresses. It returns an object with two properties: \"isValid\" (boolean) and \"errorMsg\" (string). The \"errorMsg\" property will contain the error message if the email address is invalid, or it will be null if the email address is valid.": "A função é usada para validar endereços de e-mail. Ela retorna um objeto com duas propriedades: \"isValid\" (booleano) e \"errorMsg\" (string). A propriedade \"errorMsg\" conterá a mensagem de erro se o endereço de e-mail for inválido, ou será nula se o endereço de e-mail for válido.",