github-flair/index.html at master · MarkoCen/github-flair · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <title>GitHub Flair</title>
    <meta name="description" content="Generate Awesome GitHub Flairs for Users and Organizations">
    <meta name="keywords" content="GitHub, Flair">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css">
    <link rel="stylesheet" href="./page.css">
</head>
<body class="container">
    <div class="row">
        <div class="col-xs-12 text-center">
            <h1 style="font-size: 4.5em;font-weight: bold;">GitHub Flair</h1>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-7 col-xs-offset-2">
            <input class="form-control username" type="text" placeholder="GitHub Username or Organization ID">
        </div>
        <div class="col-xs-2">
            <button class="btn btn-info generate">Generate</button>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-7 col-xs-offset-2">
            <input type="checkbox" checked class="round-avatar"> Round Avatar &nbsp;&nbsp;
            <input type="checkbox" class="display-rainbow"> Rainbow Avatar &nbsp;&nbsp;
            <br>
            <input type="checkbox" checked class="display-website"> Display Blog/Website &nbsp;&nbsp;
            <input type="checkbox" checked class="display-followers"> Display Followers &nbsp;&nbsp;
            <input type="checkbox" checked class="display-location"> Display Location &nbsp;&nbsp;
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-12 col-md-7 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-body">
                    <ul>
                        <li>Enter your GitHub username or organization id to generate flairs</li>
                        <li>GitHub corner logo inspired by <a href="https://github.com/tholman/github-corners">GitHub Corners</a></li>
                        <li>Theme PRs are welcome! Forks me <a href="https://github.com/markocen/github-flair">here</a></li>
                        <li>Due to high traffic, this website may reach <a href="https://developer.github.com/v3/#rate-limiting">GitHub unauthorized API rate limit</a>, you could fork this repo and host it on your IP to eliminate the limitation</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="author">
        <label>By <a href="http://markocen.com">MarkoCen</a>, @markocen</label>
    </div>

    <div class="row flair-container"></div>

    <script
            src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous"></script>
    <script src="./flairStyles.js"></script>
    <script src="./script.js"></script>
</body>
</html>