iiiypuk/YTCget
iiiypuk/YTCget
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

add commit hash

Browse Source
This commit is contained in:
Alexander Popov 2022-09-25 01:33:17 +03:00
parent bde6b9ee05
commit c15e783f4a
Signed by: iiiypuk
GPG Key ID: D8C9B59A9F04A70C
2 changed files with 34 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/index.html
View File

@ -21,16 +21,27 @@
<div class="header"> <div class="header">
<div class="wrap"> <div class="wrap">
<form action="JavaScript:getCover()"> <form action="JavaScript:getCover()">
<input type="text" id="videoUrl" placeholder="YouTube video url" onchange="getCover()"><!-- <input type="text" id="videoUrl" placeholder="YouTube video URL" onchange="getCover()"><!--
--><button type="submit">Search</button> --><button type="submit">Search</button>
</form> </form>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
<div class="wrap" id="ytImage"> <div class="wrap">
<div class="cover" id="ytImage"></div>
</div> </div>
<p>Thanks: <a href="https://github.com/takien">@takien</a> for youtubeID.js script.<br>
<a href="https://github.com/iiiypuk/YTCget">View on GitHub</a></p>
</div> </div>
<footer>
<p>
Thanks: <a target="_blank" href="https://github.com/takien">@takien</a>
for youtubeID.js script.<br>
<a target="_blank" href="https://git.a2s.su/iiiypuk/YTCget">Source code</a>
</p>
<p class="git-commit">
{GIT_COMMIT_HASH}
</p>
</footer>
</body> </body>
</html> </html>

22
src/styles.css
View File

@ -28,15 +28,32 @@ div.content img {
max-width: 100%; max-width: 100%;
border-radius: 8px; border-radius: 8px;
} }
div.content p {
div.cover {
text-align: center;
}
footer {
color: #808080; color: #808080;
text-align: center; text-align: center;
} }
div.content a { footer a {
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
} }
.git-commit {
font-size: .8em;
color: #ffffff;
background-color: #232323;
display: inline-block;
border: 1px solid #808080;
border-radius: 8px;
padding: 4px 8px;
margin-top: 8px;
}
input, button { input, button {
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #121212; border: 1px solid #121212;
@ -51,7 +68,6 @@ input {
color: #808080; color: #808080;
border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;
} }
input::placeholder { input::placeholder {
color: #818181; color: #818181;
transition: 250ms all; transition: 250ms all;