diff options
author | Rafael Marçalo <raroma09@gmail.com> | 2022-10-22 14:49:04 +0100 |
---|---|---|
committer | Rafael Marçalo <raroma09@gmail.com> | 2022-10-22 14:49:04 +0100 |
commit | b5be1fc04a7931b0a3e042b20dc635fd77807d08 (patch) | |
tree | 377bd8b241bc338330647b57d7f5762cf10e3db4 | |
parent | afd9600c6d9e1558ea021e9fcb194661487fa056 (diff) |
Added dark theme and converted indentation to tabs
-rw-r--r-- | public/css/extra.css | 13 | ||||
-rw-r--r-- | views/info.ejs | 12 | ||||
-rw-r--r-- | views/partials/bottom/footer.ejs | 2 | ||||
-rw-r--r-- | views/partials/header.ejs | 2 | ||||
-rw-r--r-- | views/partials/top/head.ejs | 2 | ||||
-rw-r--r-- | views/partials/top/navbar.ejs | 8 | ||||
-rw-r--r-- | views/result.ejs | 24 | ||||
-rw-r--r-- | views/visit.ejs | 6 |
8 files changed, 38 insertions, 31 deletions
diff --git a/public/css/extra.css b/public/css/extra.css index 9569a3f..0cc2011 100644 --- a/public/css/extra.css +++ b/public/css/extra.css @@ -2,10 +2,17 @@ * Extra set of rules over Bootstrap */ .card:hover { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; - transition: all .5s; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; + transition: all .5s; } .green-text { - color: rgb(120, 153, 34); + color: rgb(120, 153, 34); +} + +.text-bg-dark-shade { + --bs-bg-opacity: 1; + color: #fff !important; + background-color: rgba(47, 49, 54, var(--bs-bg-opacity)) !important; + ; }
\ No newline at end of file diff --git a/views/info.ejs b/views/info.ejs index 74e028c..8aeddd2 100644 --- a/views/info.ejs +++ b/views/info.ejs @@ -5,7 +5,7 @@ <img class="mw-100 w-50 img-fluid p-4" src="static/images/sneedab.gif" alt="info_conver"> <div class="row row-cols-1 row-cols-md-3 g-4"> <div class="col"> - <div class="card h-100"> + <div class="card h-100 text-bg-dark"> <svg class="card-img-top p-4" xmlns="http://www.w3.org/2000/svg" width="50%" height="50%" fill="currentColor" viewBox="0 0 16 16"> <path d="M15.698 7.287 8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45 1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025 1.226 1.226 0 0 1-2.002-1.334L8.58 5.963v4.353a1.226 1.226 0 1 1-1.008-.036V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.031 1.031 0 0 0 0-1.457" /> </svg> @@ -16,7 +16,7 @@ </div> </div> <div class="col"> - <div class="card h-100"> + <div class="card h-100 text-bg-dark"> <svg class="card-img-top p-4" xmlns="http://www.w3.org/2000/svg" width="50%" height="50%" fill="currentColor" viewBox="0 0 16 16"> <path d="M7 1.414V2H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5v1H2.5a1 1 0 0 0-.8.4L.725 8.7a.5.5 0 0 0 0 .6l.975 1.3a1 1 0 0 0 .8.4H7v5h2v-5h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H9V6h4.5a1 1 0 0 0 .8-.4l.975-1.3a.5.5 0 0 0 0-.6L14.3 2.4a1 1 0 0 0-.8-.4H9v-.586a1 1 0 0 0-2 0zM13.5 3l.75 1-.75 1H2V3h11.5zm.5 5v2H2.5l-.75-1 .75-1H14z"/> </svg> @@ -27,7 +27,7 @@ </div> </div> <div class="col"> - <div class="card h-100"> + <div class="card h-100 text-bg-dark"> <svg class="card-img-top p-4" xmlns="http://www.w3.org/2000/svg" width="50%" height="50%" fill="currentColor" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10c0 0 2.5 1.5 5 .5s5-.5 5-.5c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/> <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/> @@ -39,7 +39,7 @@ </div> </div> <div class="col"> - <div class="card h-100"> + <div class="card h-100 text-bg-dark"> <svg class="card-img-top p-4" xmlns="http://www.w3.org/2000/svg" width="50%" height="50%" fill="currentColor" viewBox="0 0 16 16"> <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg> @@ -51,7 +51,7 @@ </div> </div> <div class="col"> - <div class="card h-100"> + <div class="card h-100 text-bg-dark"> <svg class="card-img-top p-4" xmlns="http://www.w3.org/2000/svg" width="50%" height="50%" fill="currentColor" viewBox="0 0 16 16"> <path d="M5.5 13v1.25c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25V13h.5v1.25c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25V13h.084c1.992 0 3.416-1.033 3.416-2.82 0-1.502-1.007-2.323-2.186-2.44v-.088c.97-.242 1.683-.974 1.683-2.19C11.997 3.93 10.847 3 9.092 3H9V1.75a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25V3h-.573V1.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25V3l-1.998.011a.25.25 0 0 0-.25.25v.989c0 .137.11.25.248.25l.755-.005a.75.75 0 0 1 .745.75v5.505a.75.75 0 0 1-.75.75l-.748.011a.25.25 0 0 0-.25.25v1c0 .138.112.25.25.25L5.5 13zm1.427-8.513h1.719c.906 0 1.438.498 1.438 1.312 0 .871-.575 1.362-1.877 1.362h-1.28V4.487zm0 4.051h1.84c1.137 0 1.756.58 1.756 1.524 0 .953-.626 1.45-2.158 1.45H6.927V8.539z"/> </svg> @@ -62,7 +62,7 @@ </div> </div> <div class="col"> - <div class="card h-100"> + <div class="card h-100 text-bg-dark"> <svg class="card-img-top p-4" xmlns="http://www.w3.org/2000/svg" width="50%" height="50%" fill="currentColor" viewBox="0 0 3756.09 3756.49"> <path d="M2250,371.75c-1036.89,0-1879.12,842.06-1877.8,1878,0.26,207.26,33.31,406.63,95.34,593.12h561.88V1263L2250,2483.57,3470.52,1263v1579.9h562c62.12-186.48,95-385.85,95.37-593.12C4129.66,1212.76,3287,372,2250,372Z" transform="translate(-371.96 -371.75)"/> <path d="M1969.3,2764.17l-532.67-532.7v994.14H1029.38l-384.29.07c329.63,540.8,925.35,902.56,1604.91,902.56S3525.31,3766.4,3855,3225.6H3063.25V2231.47l-532.7,532.7-280.61,280.61-280.62-280.61h0Z" transform="translate(-371.96 -371.75)"/> diff --git a/views/partials/bottom/footer.ejs b/views/partials/bottom/footer.ejs index 23f3220..e29b249 100644 --- a/views/partials/bottom/footer.ejs +++ b/views/partials/bottom/footer.ejs @@ -1,2 +1,2 @@ <div class="mt-4"> -</div> +</div>
\ No newline at end of file diff --git a/views/partials/header.ejs b/views/partials/header.ejs index 320a1e2..b03aed2 100644 --- a/views/partials/header.ejs +++ b/views/partials/header.ejs @@ -5,7 +5,7 @@ <%- include('top/head'); %> </head> -<body> +<body class="text-bg-dark-shade"> <navbar> <%- include('top/navbar'); %> diff --git a/views/partials/top/head.ejs b/views/partials/top/head.ejs index dcf1afd..1bba689 100644 --- a/views/partials/top/head.ejs +++ b/views/partials/top/head.ejs @@ -6,4 +6,4 @@ <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/extra.css"> <script src="js/bootstrap.bundle.js"></script> -<title>SNEEDBAY</title> +<title>SNEEDBAY</title>
\ No newline at end of file diff --git a/views/partials/top/navbar.ejs b/views/partials/top/navbar.ejs index 25a8b69..9cbe0b2 100644 --- a/views/partials/top/navbar.ejs +++ b/views/partials/top/navbar.ejs @@ -1,11 +1,11 @@ -<nav class="navbar navbar-expand bg-light shadow sticky-top"> +<nav class="navbar navbar-expand text-bg-dark shadow sticky-top"> <div class="container-fluid"> - <a class="navbar-brand" href="/"> + <a class="navbar-brand text-bg-dark" href="/"> <img src="static/images/sneedsfeednseed-store.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top"> SNEEDBAY </a> <div class="align-items-center d-flex justify-content-between gap-3"> - <a href="/info" class="link-dark"> + <a href="/info" class="link-light"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" /> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" /> @@ -13,7 +13,7 @@ </a> <form class="d-flex" action="search" method="POST"> - <input class="form-control me-2" id="search" name="search" placeholder="Search Torrent" aria-label="Search Torrent"> + <input class="form-control me-2 text-bg-dark" id="search" name="search" placeholder="Search Torrent" aria-label="Search Torrent"> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> diff --git a/views/result.ejs b/views/result.ejs index 53e4579..3e23245 100644 --- a/views/result.ejs +++ b/views/result.ejs @@ -3,7 +3,7 @@ <h1>Results for: <%= query %></h1> <% if (results) { %> - <table class="table table-striped table-hover table-responsive text-center"> + <table class="table table-striped table-hover table-responsive text-center text-bg-dark-shade"> <thead> <tr> <th scope="col">Name</th> @@ -19,24 +19,24 @@ <tbody class="table-group-divider"> <% results.data.forEach(result => { %> <tr> - <td class="text-start"><%= result.name %></td> - <td><%= functions.getCategory(parseInt(result.category)) %></td> - <td> - <a class="link-dark" href=<%= functions.makeMagnet(result.info_hash, result.name) %>> - <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-magnet-fill" viewBox="0 0 16 16"> + <td class="text-start text-white"><%= result.name %></td> + <td class="text-white"><%= functions.getCategory(parseInt(result.category)) %></td> + <td class="text-white"> + <a class="link-light" href=<%= functions.makeMagnet(result.info_hash, result.name) %>> + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M15 12h-4v3h4v-3ZM5 12H1v3h4v-3ZM0 8a8 8 0 1 1 16 0v8h-6V8a2 2 0 1 0-4 0v8H0V8Z"/> </svg> </a> </td> - <td><%= result.num_files %></td> - <td><%= functions.bytesToSize(result.size) %></td> - <td><%= functions.getDate(result.added) %></td> - <td><%= result.seeders %></td> - <td><%= result.leechers %></td> + <td class="text-white"><%= result.num_files %></td> + <td class="text-white"><%= functions.bytesToSize(result.size) %></td> + <td class="text-white"><%= functions.getDate(result.added) %></td> + <td class="text-white"><%= result.seeders %></td> + <td class="text-white"><%= result.leechers %></td> </tr> <% }); %> </tbody> </table> <% } %> -<%- include('partials/footer'); %> +<%- include('partials/footer'); %>
\ No newline at end of file diff --git a/views/visit.ejs b/views/visit.ejs index 2757f6c..9fb6423 100644 --- a/views/visit.ejs +++ b/views/visit.ejs @@ -1,9 +1,9 @@ <%- include('partials/header'); %> <div class="text-center"> - <p class="green-text">>you didn't seed</p> - <p class="green-text">>you don't have a positive ratio</p> - <img src="static/images/dontleech.png" class="img-fluid"> + <p class="green-text">>you didn't seed</p> + <p class="green-text">>you don't have a positive ratio</p> + <img src="static/images/dontleech.png" class="img-fluid"> </div> <%- include('partials/footer'); %> |