diff --git a/index.js b/index.js
index ceefeae..8b35c05 100644
--- a/index.js
+++ b/index.js
@@ -477,7 +477,7 @@ app.delete("/users/:id", passport.authenticate('jwt', { session: false }), async
*/
app.get("/", (req, res) => {
- res.send("Welcome to R3play API! For more information please visit https://yevheniiairapetian.github.io/r3play-documentation/");
+ res.sendFile('index.html', { root: 'public' });
});
app.use((err, req, res, next) => {
diff --git a/public/css/styles.css b/public/css/styles.css
index 56e5321..015bda4 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -1,7 +1,15 @@
+:root{
+ --primary-link-color:#223c50;
+}
*{
+ font-family:'Montserrat', sans-serif;
word-break: break-word;
}
+body{
+ background-color:#eeeef7;
+}
+
table{
margin:0 auto;
overflow-x:auto;
@@ -47,13 +55,77 @@ td{
h1, h2, h3, h4{
text-align: center;
- padding: 10px;
- background-color: slategray;
- color:white;
+ color: #529fcc;
+ font-weight:bold;
+ /* background-color: slategray; */
+ /* color:white; */
}
footer{
- background-color: green;
- padding: 10px 0;
+ position:fixed;
+ bottom:0;
+ left:0;
+ width:100%;
+ background-color: #529fcc;
+ /* padding-bottom: 16px; */
+ color: white;
+}
+
+.social-container{
+ padding-top:20px;
+ padding-bottom:20px;
+}
+
+.overview-paragraph{
+ margin-top: 60px;
+ margin-left:20px;
+ line-height: 2em;
+ font-size: 18px;
+ text-align:center;
+}
+
+.fa-code{
+ padding-right:15px;
+}
+
+.fa-code:hover, .fa-circle-info:hover{
+ color: white;
+ transition: color 0.2s ease;
+ translate: 0px -4px;
+ transition: color 0.2s ease, translate 0.3s linear;
+}
+
+.main-footer{
+ display:flex;
+ flex-direction:column;
+ align-items:center;
+ margin-top:auto;
+ background-color: #529fcc;
+ padding-bottom: 16px;
+ color: white;
+}
+
+a{
+ color:var(--primary-link-color);
+ font-size:inherit;
+ text-decoration:underline;
+}
+
+a:hover{
+ color: #529fcc;
+ font-weight: bold;
+ padding-right:2px;
+ /* padding-bottom: 4px; */
+ text-decoration:none;
+ border-bottom:3px solid #529fcc;
+ transition: padding-right 0.3s ease-out, padding-right 0.3s ease-out, border-bottom 0.3s ease-out, padding-bottom 0.3s ease-out, color 0.3s ease-out;
+}
+
+.main-footer p, .main-footer a{
+ color: #000000;
+ text-align:center;
+ padding: 0;
+ flex-direction: column;
+ align-content: space-between;
}
.footer-links{
@@ -103,11 +175,11 @@ code{
}
p{
- background-color:darkgray;
- color:white;
+ /* background-color:darkgray; */
+ /* color:white; */
padding: 15px 10px;
font-size:16px;
- text-align:center;
+ /* text-align:center; */
}
ol, li{
background-color: lightgray;
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..9179110
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ R3play API
+
+
+
+
+
+
+
+
+
+
+
+ R3play API
+ Please refer for more information to the R3play API Github repository and R3play API Documentation
+
+
+
+
\ No newline at end of file