Page MenuHomeDevCentral

D2199.id5530.diff
No OneTemporary

D2199.id5530.diff

diff --git a/infographics/_documents.xml b/infographics/_documents.xml
--- a/infographics/_documents.xml
+++ b/infographics/_documents.xml
@@ -1,44 +1,49 @@
<documents topic="infographics">
- <document>
- <article>parlement-fr</article>
- <title>Le parlement Français, une gérontocratie ?</title>
- <description>Distribution par âge des sénateurs &amp; députés.</description>
- <head><![CDATA[
- <link href="/includes/kendo/styles/kendo.dataviz.min.css" rel="stylesheet">
- <script src="/includes/kendo/js/jquery.min.js"></script>
- <script src="/includes/kendo/js/kendo.dataviz.min.js"></script>
- <style>
- /* Tooltip styling */
- .xlarger {
- width: 600px;
- }
+ <document>
+ <article>parlement-fr</article>
+ <title>Le parlement Français, une gérontocratie ?</title>
+ <description>Distribution par âge des sénateurs &amp; députés.</description>
+ <head><![CDATA[
+ <link href="/includes/kendo/styles/kendo.dataviz.min.css" rel="stylesheet">
+ <script src="/includes/kendo/js/jquery.min.js"></script>
+ <script src="/includes/kendo/js/kendo.dataviz.min.js"></script>
+ <style>
+ /* Tooltip styling */
+ .xlarger {
+ width: 600px;
+ }
- .larger {
- width: 400px;
- }
+ .larger {
+ width: 400px;
+ }
- .tooltipList {
- margin-left: 1em !important;
- margin-top: 0.5em;
- margin-bottom: 0;
- }
- .tooltipList li {
- font-size: 0.75em;
- list-style: none;
- }
+ .tooltipList {
+ margin-left: 1em !important;
+ margin-top: 0.5em;
+ margin-bottom: 0;
+ }
+ .tooltipList li {
+ font-size: 0.75em;
+ list-style: none;
+ }
- .block-grid {
- margin-top: 0.5em !important;
- }
+ .block-grid {
+ margin-top: 0.5em !important;
+ }
- .block-grid li {
- padding-bottom: 0 !important;
- }
+ .block-grid li {
+ padding-bottom: 0 !important;
+ }
- #svg {
- margin-left: 2em;
- }
- </style>
- ]]></head>
- </document>
-</documents>
\ No newline at end of file
+ #svg {
+ margin-left: 2em;
+ }
+ </style>
+ ]]></head>
+ </document>
+ <document>
+ <article>releases</article>
+ <title>Software releases</title>
+ <description>How often a software is released?</description>
+ </document>
+</documents>
diff --git a/infographics/releases.html b/infographics/releases.html
new file mode 100644
--- /dev/null
+++ b/infographics/releases.html
@@ -0,0 +1,49 @@
+ <div class="row">
+ <div class="two mobile-one columns">
+ <h3>Software</h3>
+ <ul class="menu">
+ <li>Openfire</li>
+ </ul>
+ </div>
+ <div class="ten mobile-three columns">
+ <h3>Releases</h3>
+ <div id="releases-graph"></div>
+ <p><strong>Source:</strong> <a href="http://download.igniterealtime.org/openfire/docs/latest/changelog.html">Openfire Changelog</a></p>
+ </div>
+ </div>
+
+ <style>
+ #releases-graph {
+ font-size: 1.5em;
+ }
+ </style>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/2.8.1/d3.v2.min.js" integrity="sha256-HU95Gc4ycxJJmm+LrtAsSwFS5MF/Zk3X5ccSw8+c1C8=" crossorigin="anonymous"></script>
+ <script src="https://assets.nasqueron.org/lib/timeknots/timeknots-min.js"></script>
+ <script>
+ let data;
+
+ function formatTimestamp(timestamp) {
+ date = new Date(timestamp * 1000);
+ return date.toISOString();
+ }
+
+ $.getJSON("https://api.nasqueron.org/datasources/dev/openfire/changelog", function(response) {
+ data = response
+ .map(function (entry) {
+ return {
+ name: entry.version,
+ date: formatTimestamp(entry.date),
+ }
+ });
+
+ TimeKnots.draw("#releases-graph", data, {
+ dateFormat: "%Y-%m-%d",
+ width: 320,
+ height: 1024,
+ color: "703030",
+ showLabels: true,
+ labelFormat: "%Y-%m",
+ horizontalLayout: false,
+ });
+ });
+ </script>

File Metadata

Mime Type
text/plain
Expires
Tue, Sep 23, 06:37 (6 h, 8 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3007739
Default Alt Text
D2199.id5530.diff (4 KB)

Event Timeline