diff --git a/definer.html b/definer.html
new file mode 100644
index 0000000..b936d41
--- /dev/null
+++ b/definer.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+ Generar visitas
+
+
+
+ Generación de visitas
+
+
+
+
\ No newline at end of file
diff --git a/index.php b/index.php
index 3a880cb..c9138f0 100644
--- a/index.php
+++ b/index.php
@@ -14,7 +14,7 @@ if (file_exists('./visits.txt')) {
?>
-
+
@@ -28,8 +28,11 @@ if (file_exists('./visits.txt')) {
VISITAS
-
-
+
+
+
diff --git a/normalize.css b/normalize.css
index 192eb9c..b400bfd 100644
--- a/normalize.css
+++ b/normalize.css
@@ -39,7 +39,6 @@ main {
h1 {
font-size: 2em;
- margin: 0.67em 0;
}
/* Grouping content
diff --git a/style.css b/style.css
index 5c077c5..e676bc7 100644
--- a/style.css
+++ b/style.css
@@ -62,4 +62,70 @@ h2 {
.amount {
padding-top: 20px;
font-size: 25pt;
+}
+
+a {
+ text-decoration: none;
+ color: inherit;
+}
+
+/* */
+
+button {
+ border: none;
+}
+
+button:focus {
+ border: none;
+ outline: none;
+}
+
+/* Credits: https://www.codegrepper.com/code-examples/css/how+to+remove+button+decoration
+
+/* */
+
+button:active {
+ overflow: none;
+}
+
+button {
+ background-color: #465158;
+ color: #2f3542;
+ box-shadow: 5px 5px 0px 0 #3c464d;
+ font-weight: bold;
+ width: 300px;
+ height: 75px;
+ position: fixed;
+ top: 20px;
+ left: 82%;
+ transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -webkit-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -moz-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -ms-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -o-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+}
+
+button:hover {
+ background-color: white;
+ color: #286cff;
+ box-shadow: 5px 5px 0px 0 #979797;
+ transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -webkit-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -moz-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -ms-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+ -o-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
+}
+
+button:active {
+ box-shadow: 0px 0px 0px 0 #979797;
+ transition: none;
+ transform: translate(5px, 5px);
+ -webkit-transform: translate(5px, 5px);
+ -moz-transform: translate(5px, 5px);
+ -ms-transform: translate(5px, 5px);
+ -o-transform: translate(5px, 5px);
+ -webkit-transition: none;
+ -moz-transition: none;
+ -ms-transition: none;
+ -o-transition: none;
}
\ No newline at end of file
diff --git a/styleDefiner.css b/styleDefiner.css
new file mode 100644
index 0000000..767f85e
--- /dev/null
+++ b/styleDefiner.css
@@ -0,0 +1,107 @@
+* {
+ margin: 0;
+}
+
+body {
+ background-color: #2C3338;
+ font-family: Arial, Helvetica, sans-serif;
+ color: white;
+}
+
+header {
+ background-color: rgba(255, 255, 255, 0.178);
+ height: 90px;
+ padding: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+h1 {
+ font-size: 35pt !important;
+ text-align: center;
+}
+
+form {
+ margin-top: 40px;
+ display: grid;
+ justify-content: center;
+}
+
+
+/* */
+
+.input-visitas {
+ -webkit-appearance: none;
+ -moz-appearance: textfield;
+}
+
+/* Credits: https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
+
+/* */
+
+.input-visitas {
+ width: 120px;
+ height: 100px;
+ padding: 0;
+ font-size: 35pt;
+ background-color: #5781b7;
+ border: none;
+ border: solid 2px #2f475a;
+ text-align: center;
+ margin: auto;
+}
+
+.input-visitas:active, .input-visitas:focus {
+ border: solid 2px #2f475a;
+ outline: none;
+}
+
+/* */
+
+.input-submit {
+ border: none;
+}
+
+.input-submit:focus {
+ border: none;
+ outline: none;
+}
+
+/* Credits: https://www.codegrepper.com/code-examples/css/how+to+remove+button+decoration
+
+/* */
+
+.input-submit {
+ width: 170px;
+ height: 40px;
+ padding: 0;
+ font-size: 15pt;
+ background-color: #b75774;
+ border: solid 2px #5a2f3f;
+ box-sizing: content-box;
+ margin-top: 20px;
+ transition: ease-in-out 0.3s background-color;
+ -webkit-transition: ease-in-out 0.3s background-color;
+ -moz-transition: ease-in-out 0.3s background-color;
+ -ms-transition: ease-in-out 0.3s background-color;
+ -o-transition: ease-in-out 0.3s background-color;
+}
+
+.input-submit:active, .input-submit:focus {
+ border: solid 2px #5a2f3f;
+ outline: none;
+ box-sizing: content-box;
+}
+
+.input-submit:hover {
+ background-color: #b37084;
+ transition: ease-in-out 0.3s background-color;
+ -webkit-transition: ease-in-out 0.3s background-color;
+ -moz-transition: ease-in-out 0.3s background-color;
+ -ms-transition: ease-in-out 0.3s background-color;
+ -o-transition: ease-in-out 0.3s background-color;
+}
+
+
+
diff --git a/visits.txt b/visits.txt
index c227083..f0b5c72 100644
--- a/visits.txt
+++ b/visits.txt
@@ -1 +1 @@
-0
\ No newline at end of file
+57
\ No newline at end of file