cziermann
/
graphql-pizza-demo


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

    <title>Graphql</title>

    <link rel="stylesheet" href="dist/reset.css" />
    <link rel="stylesheet" href="dist/reveal.css" />
    <link rel="stylesheet" href="dist/theme/black.css" id="theme" />

    <!-- Theme used for syntax highlighted code -->
    <link
      rel="stylesheet"
      href="plugin/highlight/monokai.css"
      id="highlight-theme"
    />
  </head>
  <body>
    <div class="reveal">
      <div class="slides">
        <section>
          <section>
            <img
              src="/assets/graphql.png"
              alt="graphql logo"
              style="
                height: 180px;
                margin: 0 auto 4rem auto;
                background: transparent;
              "
              class="demo-logo"
            />
            <h1>Graphql</h1>
          </section>
          <section>
            <p>Open-Source</p>
            <p>Released 2015 from Facebook</p>
          </section>
        </section>
        <section>
          <h1>Rest vs. Graphql</h1>
        </section>
        <section>
          <section>
            <h2>Pizza service</h2>
          </section>
          <section>
            <h3>Rest Service</h3>
            <img
              src="/assets/pizza-rest.png"
              alt="rest graph"
              style="background: transparent;"
              class="demo-logo"
            />
          </section>
          <section>
            <h3>Graphql Service</h3>
            <img
              src="/assets/pizza-graphql.png"
              alt="Graphql graph"
              style="background: transparent;"
              class="demo-logo"
            />
          </section>
		</section>
		<section>
			
      
		</section>
      </div>
    </div>

    <script src="dist/reveal.js"></script>
    <script src="plugin/notes/notes.js"></script>
    <script src="plugin/markdown/markdown.js"></script>
    <script src="plugin/highlight/highlight.js"></script>
    <script>
      // More info about initialization & config:
      // - https://revealjs.com/initialization/
      // - https://revealjs.com/config/
      Reveal.initialize({
        hash: true,

        // Learn about plugins: https://revealjs.com/plugins/
        plugins: [RevealMarkdown, RevealHighlight, RevealNotes],
      });
    </script>
  </body>
</html>