diff options
| author | 8cy <[email protected]> | 2020-06-11 06:25:53 -0700 |
|---|---|---|
| committer | 8cy <[email protected]> | 2020-06-11 06:25:53 -0700 |
| commit | d36a54b61f8aaa0e946d9326917e8dac3a10d8fc (patch) | |
| tree | 5afa376c1c331dae84f6bf8c9de28f6dd3d04a5d /views/index.ejs | |
| parent | make readme look "good" (diff) | |
| download | twittlet-d36a54b61f8aaa0e946d9326917e8dac3a10d8fc.tar.xz twittlet-d36a54b61f8aaa0e946d9326917e8dac3a10d8fc.zip | |
big update, read desc
you can check the updates below or see a more in-depth summary at the end.
big stuff:
- made a new api made which i then made the main mode and made the old mode the api mode )
- DARK MODE (using prefers colour scheme)
not so big stuff:
- made default err msg more tidy
- tidy up code and old debug stuff
- made error handling a little better
- changed all branding to twittlet to match the github repo
- added twitter waifu icon >_<
- different button text for different modes (why am i listing this ... )
so originally i was making a "api mode" which was not really api related, it was just a cleaner, better way of fetching the data without being redirected to the api. but once i finished that i made the old mode the api mode and made the new api mode the old mode/ main mode.
standard mode; grabs the four data types which the twitter api returns; three different sized mp4 files and a .m3u8 file. at the moment i havent added a handling method that displays the file sizes and/ or removes the m3u8 file from the listing (bc i its pretty useless). will be a target soon though probably.
api mode: just a gui to direct you to the api, kinda useless but there none-the-less.
Diffstat (limited to 'views/index.ejs')
| -rw-r--r-- | views/index.ejs | 34 |
1 files changed, 28 insertions, 6 deletions
diff --git a/views/index.ejs b/views/index.ejs index f36a95c..e08d8e5 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -2,19 +2,41 @@ <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <title>Twitter Video Downloader</title> + <title>Twittlet</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> + <link rel="shortcut icon" href="https://strelizia.cc/5CuE4yiOCaLWkG1JdZC6Ji8Oi9tEpTBC.png" type="image/png"> </head> <body> + <style> + @media (prefers-color-scheme: dark) { + html, body { + background-color: #202124; + } + .pcsTxt { + color: #ffffff; + } + } + @media (prefers-color-scheme: light) { + html, body { + background-color: unset; + color: unset; + } + .pcsTxt { + color: unset; + } + } + </style> <div class="container my-5"> - <h1>Twitter Video Downloader</h1> - <p><%= error %></p> - <form action="/submitData" method="post" class="my-4 form-inline"> - <input type="text" name="urlInput" id="urlInput" class="form-control mr-2"> - <button type="submit" class="btn btn-success">Get video</button> + <h1 class="pcsTxt">Twittlet <%= tAddon %></h1> + <%- modeRef %> + <p class="pcsTxt"><%= error %></p> + <form action="<%= modeAction %> " method="post" class="my-4 form-inline"> + <input type="text" name="urlInput" id="urlInput" class="form-control mr-2" placeholder="Twitter Post's URL" required> + <button type="submit" class="btn btn-success"><%= buttonContext %> </button> </form> + <%- videoLinks %> </div> </body> </html> |