DiscogsToSpotify/index.html at master · lim93/DiscogsToSpotify · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">

    <title>DiscogsToSpotify</title>

    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120-precomposed.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152-precomposed.png" />

    <meta name="description" content="Export any public Discogs collection to a Spotify playlist." />


    <!-- Imports ---------------------->
    <!-- jQuery -->
    <script src="js/jquery-1.12.0.js"></script>

    <!-- Bootstrap JS -->
    <script src="js/bootstrap.js"></script>

    <!-- Login -->
    <script src="js/login.js"></script>

    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/custom_style.css" rel="stylesheet">

    <!-- Icons CSS -->
    <link href="css/icons.css" rel="stylesheet">

</head>

<body>

    <div class="container" style="margin:5%">

        <div class="jumbotron" style="background-color:#282828;">

            <div id="login">
                <h1 style="color:#adafb2">Welcome to Discogs&shy;To&shy;Spotify <i>- Beta</i></h1>
                <p>Please log in using your Spotify account to export any public Discogs collection to a Spotify playlist.</p>

                <button id="login" class="btn btn-large btn-success"><span class="icon-spotify"></span> Log in with Spotify</button>

            </div>

        </div>

        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h2>How it works</h2>
                    <p>Both Discogs and Spotify offer a Web API for Third Party Applications like this one. After logging in with your Spotify account, you will be asked to provide a Discogs username. Using the Web APIs, we will query the public collection of the given user and try our best to match each release from the collection to an album on Spotify. The result will be stored for you inside a newly created playlist in your Spotify account.</p>
                </div>
                <div class="col-md-4">
                    <h2>Privacy</h2>
                    <p>DiscogsToSpotify is written completely in Client-side JavaScript, meaning it will run locally on your own machine. We will not store data of any kind about you. The only information we request from your Spotify account is where you come from, because not every release on Spotify is available for users in every country.</p>
                </div>
                <div class="col-md-4">
                    <h2>About the Dev</h2>
                    <p>I'm Krispin, a German Developer and huge fan of Punk, Metal and Ska. I have been collecting records on vinyl for about three years now, and I keep track of my collection on Discogs. I also like to listen to my music on the go, so I thought it would be really cool if you could export your Discogs collection to a streaming service like Spotify. That's why I started developing DiscogsToSpotify.</p>
                    <p><span class="icon-mail4"></span> If you experience any trouble with this Application, please do not hesitate to
                        <a href="mailto:krispin@discogstospotify.com">contact</a> me.
                    </p>
                    <p><span class="icon-github"></span> You can also check out my other projects on <a href="https://github.com/lim93/">GitHub</a>.
                    </p>

                </div>
            </div>

            <hr>

            <footer>
                <p>Created by <a href="https://github.com/lim93/"><span class="icon-github"></span> lim93</a> in 2016</p>
            </footer>
        </div>


    </div>


</body>

</html>