github-repo-dashboard/index.html at main · ChampyTech/github-repo-dashboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://champytech.github.io/general-files/simpleWebsite.css">
    <title>GitHub Repo Dashboard</title>
</head>

<body>
    <h1>GitHub Repo Dashboard</h1>

    <div class="description">
        <span class="descriptionHeading">Info</span>
        A collection of useful links to help you view and manage your GitHub repositories more easily. All links are
        direct and point to specific sections of your GitHub repositories — just replace the username and the repository
        name with yours.
        <br><br>
        <span class="tag">How to use</span> Just enter your username and your repository name and you will get all your
        GitHub repo links!
        <br><br>
        <span class="tag">Contributing</span> <a href="https://github.com/ChampyTech/github-repo-dashboard"
            target="_blank">Open a pull request or an issue.</a> Even small contributions are welcome!
    </div>

    <form class="input-group" onsubmit="handleRepo(event)">
        <input type="text" id="username" placeholder="Enter your GitHub username">
        <input type="text" id="repo" placeholder="Enter your GitHub repository name">
        <button>Generate links</button>
    </form>

    <div id="links"></div>

    <hr>

    <footer>
        <p>Made with ❤️ by <b><a href="https://github.com/ChampyTech" target="_blank">ChampyTech</a></b></p>
    </footer>

    <button id="themeToggleButton">Dark mode</button>

    <script src="script.js"></script>
    <script src="https://champytech.github.io/general-files/themeToggleButton.js"></script>
</body>

</html>