docs/com/pres/dashboard/dashboard_status.html

   1 <!doctype html>
   2 <html lang="en">
   3
   4         <head>
   5                 <meta charset="utf-8">
   6
   7                 <title>OPNFV presentation</title>
   8
   9                 <meta name="description" content="Dashboard Status">
  10                 <meta name="author" content="Serena Feng">
  11
  12                 <meta name="apple-mobile-web-app-capable" content="yes" />
  13                 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  14
  15                 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  16
  17                 <link rel="stylesheet" href="../reveal.js/css/reveal.css">
  18                 <link rel="stylesheet" href="../../css/theme/OPNFV.css" id="theme">
  19
  20                 <!-- Code syntax highlighting -->
  21                 <link rel="stylesheet" href="../reveal.js/lib/css/zenburn.css">
  22
  23                 <!-- Printing and PDF exports -->
  24                 <script>
  25                         var link = document.createElement( 'link' );
  26                         link.rel = 'stylesheet';
  27                         link.type = 'text/css';
  28                         link.href = window.location.search.match( /print-pdf/gi ) ? '../reveal.js/css/print/pdf.css' : '../reveal.js/css/print/paper.css';
  29                         document.getElementsByTagName( 'head' )[0].appendChild( link );
  30                 </script>
  31
  32                 <!--[if lt IE 9]>
  33                 <script src="lib/js/html5shiv.js"></script>
  34                 <![endif]-->
  35         </head>
  36
  37         <body>
  38
  39                 <div class="reveal">
  40                         <!-- Any section element inside of this container is displayed as a slide -->
  41                         <div class="slides">
  42
  43                                 <section data-background="../../img/title-bg.png" data-background-transition="none">
  44                      <h1>Dashboard Status</h1>
  45                      <h3></h3>
  46                      <br>
  47                                          <h4>OPNFV testing community</h4>
  48                                          <h5></h5>
  49                                          <br>
  50                                 </section>
  51
  52                                 <section>
  53                                         <h3>results generation</h3>
  54                                         <img width="600"  data-src="./dashboard_status/generation.png" alt="tests">
  55                                 </section>
  56                                 <section>
  57                                         <h3>result model</h3>
  58                                         <img width="600"  data-src="./dashboard_status/result_model.png" alt="tests">
  59                                 </section>
  60                                 <section>
  61                                         <h3>dashboard generation</h3>
  62                                         <img width="600"  data-src="./dashboard_status/dashboard_generate.png" alt="tests">
  63                                 </section>
  64                                 <section>
  65                                         <h3>selection layout(1)</h3>
  66                                         <img width="600"  data-src="./dashboard_status/selection_1.png" alt="tests">
  67                                 </section>
  68                                 <section>
  69                                         <h3>selection layout(2)</h3>
  70                                         <img width="600"  data-src="./dashboard_status/selection_2.png" alt="tests">
  71                                 </section>
  72                                 <section>
  73                                         <h3>display period select</h3>
  74                                         <img width="600"  data-src="./dashboard_status/period_select.png" alt="tests">
  75                                 </section>
  76                                 <section>
  77                                         <h3>duration display</h3>
  78                                         <img width="600"  data-src="./dashboard_status/duration.png" alt="tests">
  79                                 </section>
  80                                 <section>
  81                                         <h3>tests/failures display</h3>
  82                                         <img width="600"  data-src="./dashboard_status/number.png" alt="tests">
  83                                 </section>
  84                                 <section>
  85                                         <h3>success_percentage display</h3>
  86                                         <img width="600"  data-src="./dashboard_status/percentage.png" alt="tests">
  87                                 </section>
  88                                 <section data-markdown>
  89                                         # possible layouts
  90
  91                                         * project
  92                                         * testcase
  93                                         * pod
  94                                         * installer
  95                                         * scenario
  96                                         * version
  97                                         * period
  98                                 </section>
  99                                 <section data-markdown>
 100                                         # possible display domains
 101
 102                                         * duration
 103                                         * tests/failures
 104                                         * success_percentage
 105                                 </section>
 106                                 <section>
 107                                         <h3>Thank you</h3>
 108                                         <img width="600"  data-src="./dashboard_status/danube.jpg" alt="tests">
 109                                 </section>
 110
 111                         </div>
 112             <div class='footer'>
 113                                  <img src="../../img/logo-OPNFV.png" alt="OPNFV logo">
 114                 </div>
 115                 </div>
 116
 117                 <script src="../reveal.js/lib/js/head.min.js"></script>
 118                 <script src="../reveal.js/js/reveal.js"></script>
 119
 120                 <script>
 121
 122                         // Full list of configuration options available at:
 123                         // https://github.com/hakimel/reveal.js#configuration
 124                         Reveal.initialize({
 125                                 controls: true,
 126                                 progress: true,
 127                                 history: true,
 128                                 center: true,
 129
 130                                 transition: 'slide', // none/fade/slide/convex/concave/zoom
 131
 132                                 // Optional reveal.js plugins
 133                                 dependencies: [
 134                                         { src: '../reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
 135                                         { src: '../reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
 136                                         { src: '../reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
 137                                         { src: '../reveal.js/plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
 138                                         { src: '../reveal.js/plugin/zoom-js/zoom.js', async: true },
 139                                         { src: '../reveal.js/plugin/notes/notes.js', async: true }
 140                                 ]
 141                         });
 142
 143                 </script>
 144
 145         </body>
 146 </html>