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

Compare commits

base: AverageMarcus:56044082443aed136a82d12ac041e5348c187968
Branches Tags
AverageMarcus:main
...
compare: AverageMarcus:6e1d5a472e4678ef23453a2b297a3d272a1c0f33
Branches Tags
AverageMarcus:main

3 Commits
5604408244 ... 6e1d5a472e

Author SHA1 Message Date
Marcus Noble
6e1d5a472e
Updated readme with resources 
Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
 2024-01-26 14:03:01 +00:00
Marcus Noble
15acf5935c
Tweaked style and footer content 
Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
 2024-01-26 14:02:49 +00:00
Marcus Noble
a5b7093e32
Added run task 
Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
 2024-01-26 14:02:37 +00:00
4 changed files with 32 additions and 10 deletions
Show Stats Expand all files Collapse all files

4
Makefile
View File

@ -20,6 +20,10 @@ docker-publish:
release: release:
kubectl --namespace devstats-viewer set image deployment devstats-viewer web=rg.fr-par.scw.cloud/averagemarcus/devstats-viewer:$(SHA) kubectl --namespace devstats-viewer set image deployment devstats-viewer web=rg.fr-par.scw.cloud/averagemarcus/devstats-viewer:$(SHA)
.PHONY: run # Run the web server (relies on npx being available)
run:
npx http-server ./src
.PHONY: help # Show this list of commands .PHONY: help # Show this list of commands
help: help:
@echo "kube-image-prefetch" @echo "kube-image-prefetch"

10
README.md
View File

@ -1,3 +1,11 @@
# devstats-viewer # devstats-viewer
Discover your CNCF devstats score based on your GitHub username Discover your CNCF devstats score based on your GitHub username.
Thanks to the [DevStats Code](https://github.com/cncf/devstatscode) authors for providing the API that powers this.
## Resources
* [DevStats](https://github.com/cncf/devstats)
* [Dashboards](https://devstats.cncf.io/)
* [DevStats Code](https://github.com/cncf/devstatscode)

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;
} }