diff options
| -rw-r--r-- | public/css/extra.css | 8 | ||||
| -rw-r--r-- | views/index.ejs | 21 | ||||
| -rw-r--r-- | views/info.ejs | 15 | ||||
| -rw-r--r-- | views/partials/top/navbar.ejs | 7 |
4 files changed, 29 insertions, 22 deletions
diff --git a/public/css/extra.css b/public/css/extra.css index 978d2cb..8e34546 100644 --- a/public/css/extra.css +++ b/public/css/extra.css @@ -26,4 +26,12 @@ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; +} + +.search-bar:focus::placeholder{ + color: transparent; +} + +.fs-7 { + font-size: 0.7rem !important; }
\ No newline at end of file diff --git a/views/index.ejs b/views/index.ejs index c1aa2b3..f934a13 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,20 +1,11 @@ <%- include('partials/header'); %> -<h1>SneedBay</h1> - -<div class="row"> - <div class="col-sm align-self-center"> - <p>Making Torrents Great Again</p> - <p>SneedBay is a PirateBay indexing tool which facilitates the use of the website through it's api(apibay).</p> - <p>In order to download and seed the torrents, I recommend either using <a href="https://www.qbittorrent.org/">qBitorrent</a> or <a href="https://transmissionbt.com/">transmission</a> softwares.</p> - <p><strong>Remember</strong>: Don't be a city slicker and please seed your torrents, otherwise, Al Sneed will pay you a <a href="/visit">visit</a>.</p> - </div> - - <div class="col-md text-center"> - <a href="static/pdf/ISaiF.pdf"> - <img class="mw-100 w-75 img-fluid rounded" src="static/images/cover.png" alt="Index Cover"> - </a> - </div> +<div class="text-center mt-5"> + <img class="mw-100 w-50 img-fluid" src="static/images/sneedab.gif" alt="info_conver"> + <form class="p-4" action="search" method="POST"> + <input type="text" name="search" class="mw-100 w-50 form-control text-bg-dark border-0 shadow text-center m-auto search-bar" placeholder="Search for torrent"> + </form> + <p class="text-muted fs-7">In order to download and seed the torrents, I recommend either using <a href="https://www.qbittorrent.org/">qBitorrent</a> or <a href="https://transmissionbt.com/">transmission</a> softwares</p> </div> diff --git a/views/info.ejs b/views/info.ejs index 8aeddd2..8ab4efd 100644 --- a/views/info.ejs +++ b/views/info.ejs @@ -2,7 +2,20 @@ <h1>About</h1> <div name="body" class="text-center"> - <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 mb-4 justify-content-center"> + <div class="col"> + <div class="card h-100 text-bg-dark"> + <a class="card-img-top p-4" href="static/pdf/ISaiF.pdf"> + <img class="img-fluid rounded" src="static/images/cover.png" alt="Index Cover"> + </a> + <div class="card-body"> + <h5 class="card-title">SneedBay</h5> + <p class="card-text">Making Torrents Great Again</p> + <p class="card-text"><strong>Remember</strong>: Don't be a city slicker and please seed your torrents, otherwise, Al Sneed will pay you a <a href="/visit">visit</a>.</p> + </div> + </div> + </div> + </div> <div class="row row-cols-1 row-cols-md-3 g-4"> <div class="col"> <div class="card h-100 text-bg-dark"> diff --git a/views/partials/top/navbar.ejs b/views/partials/top/navbar.ejs index 9cbe0b2..3e003a4 100644 --- a/views/partials/top/navbar.ejs +++ b/views/partials/top/navbar.ejs @@ -1,4 +1,4 @@ -<nav class="navbar navbar-expand text-bg-dark shadow sticky-top"> +<nav class="navbar navbar-expand-lg text-bg-dark shadow sticky-top"> <div class="container-fluid"> <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"> @@ -11,11 +11,6 @@ <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" /> </svg> </a> - - <form class="d-flex" action="search" method="POST"> - <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> </div> </nav> |