Rim/codtracker-js
Rim/codtracker-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore: formatting

Browse Source
This commit is contained in:
Rim 2025-03-29 00:08:08 -04:00
parent fd65577d24
commit 7f42c2d369
2 changed files with 338 additions and 336 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/css/styles.css
View File

@ -187,7 +187,8 @@ button:hover {
margin-right: 5px; margin-right: 5px;
} }
.format-options, .processing-options { .format-options,
.processing-options {
margin-bottom: 10px; margin-bottom: 10px;
padding: 10px; padding: 10px;
background-color: #2d2d2d; background-color: #2d2d2d;
@ -210,15 +211,27 @@ button:hover {
} }
@keyframes octocat-wave { @keyframes octocat-wave {
0%, 100% { transform: rotate(0); } 0%,
20%, 60% { transform: rotate(-25deg); } 100% {
40%, 80% { transform: rotate(10deg); } transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.github-corner:hover .octo-arm { .github-corner:hover .octo-arm {
animation: none; animation: none;
} }
.github-corner .octo-arm { .github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out; animation: octocat-wave 560ms ease-in-out;
} }

49
src/index.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -9,6 +10,7 @@
<!-- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> --> <!-- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> -->
<script src="./src/js/backend.js" defer></script> <script src="./src/js/backend.js" defer></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Call of Duty Stats Tracker</h1> <h1>Call of Duty Stats Tracker</h1>
@ -102,12 +104,8 @@
<!-- Stats tab --> <!-- Stats tab -->
<div class="tab-content active" id="stats-tab"> <div class="tab-content active" id="stats-tab">
<div class="form-group"> <div class="form-group">
<label for="username" <label for="username">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
>Username (e.g., Ahrimdon or Ahrimdon#1234567):</label> <input type="text" id="username" placeholder="Enter your Call of Duty username" />
<input
type="text"
id="username"
placeholder="Enter your Call of Duty username"/>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -164,11 +162,7 @@
<div class="tab-content" id="matches-tab"> <div class="tab-content" id="matches-tab">
<div class="form-group"> <div class="form-group">
<label for="matchUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label> <label for="matchUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input <input type="text" id="matchUsername" placeholder="Enter your Call of Duty username" />
type="text"
id="matchUsername"
placeholder="Enter your Call of Duty username"
/>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -198,11 +192,7 @@
<div class="form-group"> <div class="form-group">
<label for="matchId">Match ID:</label> <label for="matchId">Match ID:</label>
<input <input type="text" id="matchId" placeholder="Enter Match ID (Required for Match Info)" />
type="text"
id="matchId"
placeholder="Enter Match ID (Required for Match Info)"
/>
</div> </div>
<div class="button-group"> <div class="button-group">
@ -228,11 +218,7 @@
<div class="tab-content" id="user-tab"> <div class="tab-content" id="user-tab">
<div class="form-group"> <div class="form-group">
<label for="userUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label> <label for="userUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input <input type="text" id="userUsername" placeholder="Enter your Call of Duty username" />
type="text"
id="userUsername"
placeholder="Enter your Call of Duty username"
/>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -280,11 +266,7 @@
<div class="tab-content" id="other-tab"> <div class="tab-content" id="other-tab">
<div class="form-group"> <div class="form-group">
<label for="searchUsername">Username to Search (e.g., Ahrimdon or Ahrimdon#1234567):</label> <label for="searchUsername">Username to Search (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input <input type="text" id="searchUsername" placeholder="Enter username to search" />
type="text"
id="searchUsername"
placeholder="Enter username to search"
/>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -329,12 +311,19 @@
<pre id="results"></pre> <pre id="results"></pre>
</div> </div>
<a href="https://github.com/Ahrimdon/codtracker-js" target="_blank" class="github-corner" aria-label="View source on GitHub" title="View Source Code on GitHub"> <a href="https://github.com/Ahrimdon/codtracker-js" target="_blank" class="github-corner"
<svg width="40" height="40" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; right: 0; border: 0;"> aria-label="View source on GitHub" title="View Source Code on GitHub">
<svg width="40" height="40" viewBox="0 0 250 250"
style="fill:#151513; color:#fff; position: absolute; top: 0; right: 0; border: 0;">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path> <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path> <path
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path> d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg> </svg>
</a> </a>
</body> </body>
</html> </html>