Download as
Browse Code »

Commit 21aee4988e1f67e3cd7fd2e8b05d42bd1202df7d

Authored by Joenio Costa
1 parent d6643775
Exists in master

starting release-1 presentation

Showing 22 changed files with 349 additions and 0 deletions   Show diff stats
release-1.html 0 → 100644
  Diff comments   View file @21aee49
... ... @@ -0,0 +1,349 @@
  1 +<!doctype html>
  2 +<html lang="pt-br">
  3 +
  4 + <head>
  5 + <meta charset="utf-8">
  6 +
  7 + <title>Relatório de entrega da Release 1 NoosferoGov/PR/SNJ/IBICT</title>
  8 +
  9 + <meta name="description" content="o que foi entregue na release 1 do projeto noosferogov">
  10 + <meta name="author" content="IBICT">
  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="css/reveal.css">
  18 + <link rel="stylesheet" href="css/theme/moon.css" id="theme">
  19 +
  20 + <!-- Code syntax highlighting -->
  21 + <link rel="stylesheet" href="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 ) ? 'css/print/pdf.css' : '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 +
  41 + <!-- Any section element inside of this container is displayed as a slide -->
  42 + <div class="slides">
  43 + <section>
  44 + <h1>Noosfero Gov</h1>
  45 + <h3>Relatório de entregas da release 1</h3>
  46 + <p>
  47 + <small>contribuições aos portais Juventude.gov.br e Participa.br</small>
  48 + </p>
  49 + </section>
  50 +
  51 + <section>
  52 + <section>
  53 + <img src='release-1/01_antigo.png' />
  54 + </section>
  55 + <section>
  56 + <img src='release-1/02_antigo.png' />
  57 + </section>
  58 + <section>
  59 + <img src='release-1/03_antigo.png' />
  60 + </section>
  61 + </section>
  62 +
  63 + <section>
  64 + <section>
  65 + <img src='release-1/04_novo-01.png' />
  66 + </section>
  67 + <section>
  68 + <img src='release-1/04_novo-02.png' />
  69 + </section>
  70 + </section>
  71 +
  72 + <section>
  73 + <section>
  74 + <img src='release-1/05_estudo-oficina-01.jpg' />
  75 + </section>
  76 + <section>
  77 + <img src='release-1/05_estudo-oficina-02.jpg' />
  78 + </section>
  79 + </section>
  80 +
  81 + <section>
  82 + <section>
  83 + <img src='release-1/06b_site-home-01.png' />
  84 + </section>
  85 + <section>
  86 + <img src='release-1/06b_site-home-02.png' />
  87 + </section>
  88 + </section>
  89 +
  90 + <section>
  91 + <img src='release-1/06_site-home-wireframe.png' />
  92 + <img src='release-1/07b_evento-aovivo.png' />
  93 + <img src='release-1/07b_evento-interno-artigo.png' />
  94 + <img src='release-1/07_evento-home.png' />
  95 + </section>
  96 +
  97 + <section>
  98 + <img src='release-1/08_iconesgeral.png' />
  99 + </section>
  100 +
  101 + <section>
  102 + <img src='release-1/09_consulta-home.png' />
  103 + </section>
  104 +
  105 + <section>
  106 + <section>
  107 + <img src='release-1/10_Tecnologia.png' />
  108 + </section>
  109 + <section>
  110 + <img src='release-1/11-Ambiente.png' />
  111 + </section>
  112 + <section>
  113 + <img src='release-1/12_Cultura.png' />
  114 + </section>
  115 + </section>
  116 +
  117 + <section>
  118 + <section data-background="#dddddd">
  119 + <h2>Slide Backgrounds</h2>
  120 + <p>
  121 + Set <code>data-background="#dddddd"</code> on a slide to change the background color. All CSS color formats are supported.
  122 + </p>
  123 + <a href="#" class="navigate-down">
  124 + <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
  125 + </a>
  126 + </section>
  127 + <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png">
  128 + <h2>Image Backgrounds</h2>
  129 + <pre><code class="hljs">&lt;section data-background="image.png"&gt;</code></pre>
  130 + </section>
  131 + <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px">
  132 + <h2>Tiled Backgrounds</h2>
  133 + <pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
  134 + </section>
  135 + <section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000">
  136 + <div style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;">
  137 + <h2>Video Backgrounds</h2>
  138 + <pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background-video="video.mp4,video.webm"&gt;</code></pre>
  139 + </div>
  140 + </section>
  141 + <section data-background="http://i.giphy.com/90F8aUepslB84.gif">
  142 + <h2>... and GIFs!</h2>
  143 + </section>
  144 + </section>
  145 +
  146 + <section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
  147 + <h2>Background Transitions</h2>
  148 + <p>
  149 + Different background transitions are available via the backgroundTransition option. This one's called "zoom".
  150 + </p>
  151 + <pre><code class="hljs">Reveal.configure({ backgroundTransition: 'zoom' })</code></pre>
  152 + </section>
  153 +
  154 + <section data-transition="slide" data-background="#b5533c" data-background-transition="zoom">
  155 + <h2>Background Transitions</h2>
  156 + <p>
  157 + You can override background transitions per-slide.
  158 + </p>
  159 + <pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background-transition="zoom"&gt;</code></pre>
  160 + </section>
  161 +
  162 + <section>
  163 + <h2>Pretty Code</h2>
  164 + <pre><code class="hljs" data-trim contenteditable>
  165 +function linkify( selector ) {
  166 + if( supports3DTransforms ) {
  167 +
  168 + var nodes = document.querySelectorAll( selector );
  169 +
  170 + for( var i = 0, len = nodes.length; i &lt; len; i++ ) {
  171 + var node = nodes[i];
  172 +
  173 + if( !node.className ) {
  174 + node.className += ' roll';
  175 + }
  176 + }
  177 + }
  178 +}
  179 + </code></pre>
  180 + <p>Code syntax highlighting courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
  181 + </section>
  182 +
  183 + <section>
  184 + <h2>Marvelous List</h2>
  185 + <ul>
  186 + <li>No order here</li>
  187 + <li>Or here</li>
  188 + <li>Or here</li>
  189 + <li>Or here</li>
  190 + </ul>
  191 + </section>
  192 +
  193 + <section>
  194 + <h2>Fantastic Ordered List</h2>
  195 + <ol>
  196 + <li>One is smaller than...</li>
  197 + <li>Two is smaller than...</li>
  198 + <li>Three!</li>
  199 + </ol>
  200 + </section>
  201 +
  202 + <section>
  203 + <h2>Tabular Tables</h2>
  204 + <table>
  205 + <thead>
  206 + <tr>
  207 + <th>Item</th>
  208 + <th>Value</th>
  209 + <th>Quantity</th>
  210 + </tr>
  211 + </thead>
  212 + <tbody>
  213 + <tr>
  214 + <td>Apples</td>
  215 + <td>$1</td>
  216 + <td>7</td>
  217 + </tr>
  218 + <tr>
  219 + <td>Lemonade</td>
  220 + <td>$2</td>
  221 + <td>18</td>
  222 + </tr>
  223 + <tr>
  224 + <td>Bread</td>
  225 + <td>$3</td>
  226 + <td>2</td>
  227 + </tr>
  228 + </tbody>
  229 + </table>
  230 + </section>
  231 +
  232 + <section>
  233 + <h2>Clever Quotes</h2>
  234 + <p>
  235 + These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
  236 + &ldquo;The nice thing about standards is that there are so many to choose from&rdquo;</q> and block:
  237 + </p>
  238 + <blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
  239 + &ldquo;For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
  240 + reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.&rdquo;
  241 + </blockquote>
  242 + </section>
  243 +
  244 + <section>
  245 + <h2>Intergalactic Interconnections</h2>
  246 + <p>
  247 + You can link between slides internally,
  248 + <a href="#/2/3">like this</a>.
  249 + </p>
  250 + </section>
  251 +
  252 + <section>
  253 + <h2>Speaker View</h2>
  254 + <p>There's a <a href="https://github.com/hakimel/reveal.js#speaker-notes">speaker view</a>. It includes a timer, preview of the upcoming slide as well as your speaker notes.</p>
  255 + <p>Press the <em>S</em> key to try it out.</p>
  256 +
  257 + <aside class="notes">
  258 + Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
  259 + </aside>
  260 + </section>
  261 +
  262 + <section>
  263 + <h2>Export to PDF</h2>
  264 + <p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, here's an example:</p>
  265 + <iframe src="https://www.slideshare.net/slideshow/embed_code/42840540" width="445" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:3px solid #666; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
  266 + </section>
  267 +
  268 + <section>
  269 + <h2>Global State</h2>
  270 + <p>
  271 + Set <code>data-state="something"</code> on a slide and <code>"something"</code>
  272 + will be added as a class to the document element when the slide is open. This lets you
  273 + apply broader style changes, like switching the page background.
  274 + </p>
  275 + </section>
  276 +
  277 + <section data-state="customevent">
  278 + <h2>State Events</h2>
  279 + <p>
  280 + Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
  281 + </p>
  282 + <pre><code class="javascript" data-trim contenteditable style="font-size: 18px;">
  283 +Reveal.addEventListener( 'customevent', function() {
  284 + console.log( '"customevent" has fired' );
  285 +} );
  286 + </code></pre>
  287 + </section>
  288 +
  289 + <section>
  290 + <h2>Take a Moment</h2>
  291 + <p>
  292 + Press B or . on your keyboard to pause the presentation. This is helpful when you're on stage and want to take distracting slides off the screen.
  293 + </p>
  294 + </section>
  295 +
  296 + <section>
  297 + <h2>Much more</h2>
  298 + <ul>
  299 + <li>Right-to-left support</li>
  300 + <li><a href="https://github.com/hakimel/reveal.js#api">Extensive JavaScript API</a></li>
  301 + <li><a href="https://github.com/hakimel/reveal.js#auto-sliding">Auto-progression</a></li>
  302 + <li><a href="https://github.com/hakimel/reveal.js#parallax-background">Parallax backgrounds</a></li>
  303 + <li><a href="https://github.com/hakimel/reveal.js#keyboard-bindings">Custom keyboard bindings</a></li>
  304 + </ul>
  305 + </section>
  306 +
  307 + <section style="text-align: left;">
  308 + <h1>THE END</h1>
  309 + <p>
  310 + - <a href="http://slides.com">Try the online editor</a> <br>
  311 + - <a href="https://github.com/hakimel/reveal.js">Source code &amp; documentation</a>
  312 + </p>
  313 + </section>
  314 +
  315 + </div>
  316 +
  317 + </div>
  318 +
  319 + <script src="lib/js/head.min.js"></script>
  320 + <script src="js/reveal.js"></script>
  321 +
  322 + <script>
  323 +
  324 + // Full list of configuration options available at:
  325 + // https://github.com/hakimel/reveal.js#configuration
  326 + Reveal.initialize({
  327 + controls: true,
  328 + progress: true,
  329 + history: true,
  330 + center: true,
  331 +
  332 + transition: 'slide', // none/fade/slide/convex/concave/zoom
  333 + backgroundTransition: 'slide',
  334 +
  335 + // Optional reveal.js plugins
  336 + dependencies: [
  337 + { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
  338 + { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  339 + { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  340 + { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  341 + { src: 'plugin/zoom-js/zoom.js', async: true },
  342 + { src: 'plugin/notes/notes.js', async: true }
  343 + ]
  344 + });
  345 +
  346 + </script>
  347 +
  348 + </body>
  349 +</html>
... ...
release-1/01_antigo.png 0 → 100644
View file @21aee49

1.84 MB
release-1/02_antigo.png 0 → 100644
View file @21aee49

2.65 MB
release-1/03_antigo.png 0 → 100644
View file @21aee49

2.37 MB
release-1/04_novo-01.png 0 → 100644
View file @21aee49

456 KB
release-1/04_novo-02.png 0 → 100644
View file @21aee49

553 KB
release-1/04_novo.png 0 → 100644
View file @21aee49

1.09 MB
release-1/05_estudo-oficina-01.jpg 0 → 100644
View file @21aee49

105 KB
release-1/05_estudo-oficina-02.jpg 0 → 100644
View file @21aee49

90.5 KB
release-1/05_estudo-oficina.jpg 0 → 100644
View file @21aee49

140 KB
release-1/06_site-home-wireframe.png 0 → 100644
View file @21aee49

205 KB
release-1/06b_site-home-01.png 0 → 100644
View file @21aee49

351 KB
release-1/06b_site-home-02.png 0 → 100644
View file @21aee49

305 KB
release-1/06b_site-home.png 0 → 100644
View file @21aee49

697 KB
release-1/07_evento-home.png 0 → 100644
View file @21aee49

905 KB
release-1/07b_evento-aovivo.png 0 → 100644
View file @21aee49

395 KB
release-1/07b_evento-interno-artigo.png 0 → 100644
View file @21aee49

500 KB
release-1/08_iconesgeral.png 0 → 100644
View file @21aee49

93.9 KB
release-1/09_consulta-home.png 0 → 100644
View file @21aee49

284 KB
release-1/10_Tecnologia.png 0 → 100644
View file @21aee49

181 KB
release-1/11-Ambiente.png 0 → 100644
View file @21aee49

223 KB
release-1/12_Cultura.png 0 → 100644
View file @21aee49

192 KB