AverageMarcus/devstats-viewer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweaked style and footer content

Browse Source 
Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
This commit is contained in:
Marcus Noble 2024-01-26 14:02:49 +00:00
parent a5b7093e32
commit 15acf5935c
Signed by: AverageMarcus
GPG Key ID: B8F2DB8A7AEBAF78
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Devstats!</title> <title>DevStats!</title>
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="/style.css" />
<script src="/script.js" defer></script> <script src="/script.js" defer></script>
@ -12,19 +12,19 @@
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="content" role="main"> <div class="content" role="main">
<h1 class="title">Devstats!</h1> <h1 class="title">DevStats!</h1>
<p> <p>
Enter your GitHub username to find your CNCF devstats score. Enter your GitHub username to find your <a href="https://cncf.io/">CNCF</a> devstats score.
</p> </p>
<div> <div>
<label>GitHub Username: <input name="github" id="github" autocomplete="off" data-lpignore="true" /></label> <label>GitHub Username: <input name="github" id="github" autocomplete="off" data-lpignore="true" /></label>
<button id="find">Find</button> <button id="find">Find</button>
</div> </div>
<div id="status"></div> <div id="status"></div>
<div id="result"></div> <div id="result"></div>
<details id="rawResultsWrapper" class="hidden"> <details id="rawResultsWrapper" class="hidden">
<summary>Raw results</summary> <summary>Raw results</summary>
@ -34,7 +34,13 @@
</div> </div>
<footer class="footer"> <footer class="footer">
Made with 💙 by <a href="https://marcusnoble.com">Marcus Noble</a> <p>
Made with 💙 by <a href="https://marcusnoble.com">Marcus Noble</a> and with thanks to the <a href="https://github.com/cncf/devstatscode">DevStats code</a> authors
</p>
<p>
Source available at:<br/>
<a href="https://github.com/AverageMarcus/devstats-viewer" target="_blank">https://github.com/AverageMarcus/devstats-viewer</a>
</p>
</footer> </footer>
</body> </body>
</html> </html>

6
src/style.css
View File

@ -43,6 +43,10 @@ body {
color: var(--color-text-main); color: var(--color-text-main);
} }
a {
color: var(--color-primary);
}
/* Page structure */ /* Page structure */
.wrapper { .wrapper {
min-height: var(--wrapper-height); min-height: var(--wrapper-height);
@ -117,4 +121,4 @@ input {
#rawResultsWrapper { #rawResultsWrapper {
max-width: 90vw; max-width: 90vw;
overflow-x: scroll; overflow-x: scroll;
} }