Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: gh-pages
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 112 lines (91 sloc) 3.174 kb
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 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111
<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>CocoaPods Master Repo</title>
    <meta content="Fabio Angelo Pelosin" name="author">
    <meta content="The CocoaPods Master Repo" name="description">
    <meta content="CocoaPods Master Repo" property="og:title">
    <meta content="http://feeds.cocoapods.org" property="og:url">

    <link rel="stylesheet" href="screen.css" media="screen" type="text/css" charset="utf-8" >
    <link rel="stylesheet" href="vendor/rickshaw/rickshaw.min.css" type="text/css" charset="utf-8" >
    <link rel="stylesheet" href="vendor/FortAwesome/css/font-awesome.min.css" type="text/css" charset="utf-8" >

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="vendor/rickshaw/vendor/d3.min.js"></script>
    <script src="vendor/rickshaw/vendor/d3.layout.min.js"></script>
    <script src="vendor/rickshaw/rickshaw.min.js"></script>
    <script src="vendor/rickshaw/src/js/Rickshaw.Graph.Axis.Time.js"></script>
    <script src="vendor/rickshaw/src/js/Rickshaw.Graph.Axis.Y.js"></script>
    <script src="vendor/rickshaw/src/js/Rickshaw.Fixtures.Time.js"></script>
</head>

<body>
  <div role="container">
    <header>
      <hgroup>
      <h1>CocoaPods<br>Master Repo</h1>
      </hgroup>
    </header>



    <section id="actions">
    <div class="step-0">
      <p><i class="icon-twitter icon-4x"></i><br> Follow on Twitter</p>
    </div>

    <div class="step-1">
      <p><i class="icon-rss icon-4x"></i><br> Get the feed</p>
    </div>

    <div class="step-2">
      <p><i class="icon-github icon-4x"></i><br> See the Octocat</p>
    </div>
    </section>


    <section id="actions">
      <p>Counting 1024 Pods since September 2011</p>
    </section>


    <h2>Stats</h2>
    <div id="chart_contianer">
      <div id="y_axis"></div>
      <div id="chart"></div>

      <h3>Metrics:</h3>
      <div class="row">
        <div class="span3">
          <h4>Total Count</h4>
          <p> pods</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="span12">
        <p class="note">Updated on <%= Time.now.strftime("%Y-%m-%d") %></p>
      </div>
    </div>
  </div>


  <script>
    serie_data = <%= graph_data_json %>;

    var graph = new Rickshaw.Graph( {
      element : document.querySelector("#chart"),
      width : 940 - 20,
      height : 300,
      renderer : 'line',
      timeBase: new Date().getTime() / 100000,
      interpolation : "basis",
      padding : {
        top: 0.05,
        bottom: 0.05,
        left: 0.0,
        right: 0.01
      },
      series : [
      {
        name : "Pods count",
        color : '#E6A33C',
        data : serie_data,
      }]
    });


    var hoverDetail = new Rickshaw.Graph.HoverDetail( { graph: graph, yFormatter: Rickshaw.Fixtures.Number.formatKMBT } );
    var xAxis = new Rickshaw.Graph.Axis.Time( { graph: graph } );
    var y_axis = new Rickshaw.Graph.Axis.Y( {
      graph: graph,
      orientation: 'left',
      tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
      element: document.getElementById('y_axis'),
    } );

    graph.render();
  </script>
</body>
Something went wrong with that request. Please try again.