deskly.github.io/index.html at master · Deskly/deskly.github.io · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="author" content="The Deskly Team">
  <meta name="description" content="Deskly Landing Page">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.min.css" integrity="sha256-r2glH03VUY1R1G+7PwWdfL/NaTKpbInwaZFGiohbo4A=" crossorigin="anonymous" />
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" integrity="sha256-j+P6EZJVrbXgwSR5Mx+eCS6FvP9Wq27MBRC/ogVriY0=" crossorigin="anonymous" />
  <link rel="stylesheet" href="css/style.css">
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha256-gL1ibrbVcRIHKlCO5OXOPC/lZz/gpdApgQAzskqqXp8=" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.min.js" integrity="sha256-r80qU2FgO31x7HtK2BQxYOQxPb45x+eKKhzA0OrepyM=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script>
    var getReleases = function(url, id) {
      $.getJSON(url, function(data) {
        var count = 0
        var releases = []
        $.each(data, function(k, v) {
          if (count++ < 3) {
            var html = '<h3>' + v.name + ' <small class="text-muted">Released by ' + v.author.login + '</small></h3>'
            $.each(v.assets, function(k, v) {
              html += '<a href="' + v.browser_download_url + '" target="_blank" class="btn btn-secondary" role="button"><i class="fa fa-download" aria-hidden="true"></i> ' + v.name + '</a>'
            })
            html += "<hr />"
            releases.push(html)
          }
        })

        $.each(releases, function(k, v) {
          $('#' + id).append(v)
        })
      })
    }

    getReleases('https://api.github.com/repos/deskly/deskly-windows/releases', 'windows-download')
  </script>
  <script>
    $(document).ready(function() {
      $('#pages').fullpage({
        anchors: ['about', 'downloads-win'],
        lazyLoading: false,
        controlArrows: true,
        navigation: true,
        scrollingSpeed: 500
      });

      $('.fp-controlArrow').addClass('hidden-sm-down');

      new WOW().init();
    });
  </script>
</head>

<body>
  <div id="pages">
    <div class="section" data-menuanchor="about">
      <div class="text-center">
        <div class="col-md-6 offset-md-3 col-xl-5 offset-xl-3">
          <h1 class="display-1 wow bounceInUp">Deskly</h1>
          <p class="wow bounceInUp" data-wow-delay="0.2s">Bored of your desktop image? You've come to the right place! Deskly changes your desktop image from a random image pulled from various Subreddits.</p>
          <hr class="wow bounceInUp" data-wow-delay="0.4s" />
          <a href="#downloads-win" class="btn btn-info wow bounceInUp" data-wow-delay="0.6s" role="button"><i class="fa fa-windows" aria-hidden="true"></i> Windows</a>
          <a href="https://github.com/Deskly/Deskly-MacOS/releases" target="_blank" class="btn btn-info wow bounceInUp" data-wow-delay="0.8s" role="button"><i class="fa fa-apple" aria-hidden="true"></i> MacOS</a>
          <a href="https://github.com/Deskly" target="_blank" class="btn btn-secondary wow bounceInUp" data-wow-delay="1s" role="button">View on <i class="fa fa-github" aria-hidden="true"></i> Github</a>
        </div>
      </div>
    </div>
    <div class="section" data-menuanchor="downloads-win">
      <div class="container col-md-8" id="windows-download">
        <h2><i class="fa fa-windows" aria-hidden="true"></i> Windows</h2>
        <hr />
      </div>
    </div>
  </div>
</body>