deviantART-API/javascript.php at master · jamesl1001/deviantART-API · 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
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="description" content="Use DeviantArt's RSS/XML feeds as a CMS to dynamically embed deviation galleries on your website"/>
    <meta name="author" content="James Alexander Lee"/>
    <title>deviantART-API</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
    <h1>deviantART-API</h1>
    <p><a href="https://github.com/jamesl1001/deviantART-API" target="_blank">https://github.com/jamesl1001/deviantART-API</a></p>
    <h2><a href="php">PHP</a> | JavaScript</h2>
    <p>Use DeviantArt's RSS/XML feeds as a CMS to dynamically embed deviation galleries on your website.</p>
    <p>Feed: <a href="https://backend.deviantart.com/rss.xml?q=gallery:fu51on/27123391" target="_blank">https://backend.deviantart.com/rss.xml?q=gallery:fu51on/27123391</a></p>

    <hr>

    <script src="getDeviations.js"></script>
    <script>
        getDeviations('https://backend.deviantart.com/rss.xml?q=gallery:fu51on/27123391', null, 0);

        function processDeviations(deviations) {
            var allDeviations = document.createElement('div');
            allDeviations.className = 'deviations';

            for(var i = 0, l = deviations.length; i < l; i++) {
                var deviationWrapper = document.createElement('div');
                deviationWrapper.className = 'deviation';

                var deviantInfo = ' \
                    <div class="col col-p"> \
                        <a href="' + deviations[i].link + '"> \
                            <h2>' + deviations[i].title + '</h2> \
                        </a> \
                        <img src="' + deviations[i].image + '" alt="' + deviations[i].title + '" class="deviation_image"/> \
                        <p>Thumbnail src: <a href="' + deviations[i].thumbS + '">150px</a> | <a href="' + deviations[i].thumbL + '">300px</a></p> \
                    </div> \
                    <div class="col col-s"> \
                        <h2>Deviation Info</h2> \
                        <p><small>' + deviations[i].date + '</small></p> \
                        <p><strong>' + deviations[i].desc + '</strong></p> \
                        <p>Rating: ' + deviations[i].rating + '</p> \
                        <p>Category: <a href="' + deviations[i].categoryUrl + '">' + deviations[i].category + '</a></p> \
                        <p>By <a href="' + deviations[i].deviantUrl + '">' + deviations[i].deviantName + '</a></p> \
                        <img src="' + deviations[i].deviantAvatar + '"/> \
                        <p>' + deviations[i].copyright + '</p> \
                    </div>';

                deviationWrapper.innerHTML = deviantInfo;
                allDeviations.appendChild(deviationWrapper);
            }

            document.body.appendChild(allDeviations);
        }
    </script>
</body>
</html>