<!DOCTYPE html>
<html lang="en">

<head>
    <title>Iris</title>
    <meta charset="utf-8">
    <meta name="description" content="Iris-go - The fastest backend web framework for Go.">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <meta property="og:type" content="article">
    <meta property="og:title" content="Iris">
    <meta property="og:description" content="Iris-go - The fastest backend web framework for Go.">
    <meta property="og:image" content="http://iris-go.com/images/icon.svg">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Iris">
    <meta name="twitter:description" content="Iris-go - The fastest backend web framework for Go.">
    <meta name="twitter:image" content="http://iris-go.com/images/icon.svg">

    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">

    <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Dosis:500&text=Iris' rel='stylesheet' type='text/css'>
    <link href='/css/prism.css' rel='stylesheet' type='text/css'>
    <link href='/css/terminal.css' rel='stylesheet' type='text/css'>

    <!-- main page styles -->
    <link rel="stylesheet" href="/css/page.css">

    <!-- this needs to be loaded before guide's inline scripts -->
    <script>
        window.PAGE_TYPE = "Recipe"
    </script>

    <!-- ga -->
    <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-46045347-6', 'iris-go.com');
        ga('send', 'pageview');
    </script>
</head>

<body class="docs">
    <div id="mobile-bar">
        <a class="menu-button"></a>
        <a class="logo" href="/"></a>
    </div>
    <div id="header">
        <a id="logo" href="/">
    <img src="/images/logo.png">
    <span>IRIS</span>
  </a>
        <ul id="nav">
            <li><a href="/{{.Branch}}/start/" class="nav-link">Start</a></li>
            <li><a href="/{{.Branch}}/recipe/" class="nav-link current">Recipe</a></li>
            <li><a href="/{{.Branch}}/blogs/" class="nav-link">Blogs</a></li>
            <li><a target="_blank" href="https://kataras.rocket.chat/channel/iris" class="nav-link">Chat</a></li>
            <li><a class="donate" style="color:#ff6666;" target="_blank" href="https://github.com/kataras/iris#buy-me-a-cup-of-coffee">Donate</a></li>
            <!--
<li>
  <form id="search-form">
    <input type="text" id="search-query-nav" 
      class="search-query st-default-search-input"/>
  </form>
</li>
-->
        </ul>
    </div>


    <div id="main" class="fix-sidebar">


        <div class="sidebar">
            <ul class="main-menu">
                <li><a href="/{{.Branch}}/start/" class="nav-link">Start</a></li>
                <li><a href="/{{.Branch}}/recipe/" class="nav-link current">Recipe</a></li>
                <li><a href="/{{.Branch}}/blogs/" class="nav-link">Blogs</a></li>
                <li><a target="_blank" href="https://kataras.rocket.chat/channel/iris" class="nav-link">Chat</a></li>
                <li><a target="_blank" class="donate" style="color:#ff6666;" href="https://github.com/kataras/iris#buy-me-a-cup-of-coffee">Donate</a></li>
            </ul>
            <div class="list">
                <h2>
                    Recipe
                </h2>
                <ul class="menu-root">
                    <li>
                        <a href="/{{.Branch}}/recipe/index.html" class="sidebar-link current"></a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="content Recipe with-sidebar ">
            {{ range $key, $example := .Examples -}} 
                {{ if $example.HasChildren }}
                <h2 id="{{$example.Name}}">
                    <a href="#{{$example.Name}}" class="headerlink" title="{{$example.Name}}"></a>
                        {{$example.Name}}
                </h2>
                {{ range $key, $child := $example.Children -}}
                <h3 id="{{ $child.Name }}">
                    <a href="#{{ $child.Name }}" class="headerlink" title="{{ $child.Name }}"></a>
                        {{ $child.Name }}
                </h3>
                <pre data-src="{{ $child.DataSource }}" data-visible="true" class="line-numbers codepre"></pre>
                {{- end }} {{- end }} 
                 
                {{ if $example.HasNotChildren }}
                <h2 id="{{ $example.Name }}">
                    <a href="#{{ $example.Name }}" class="headerlink" title="{{ $example.Name }}"></a>
                        {{ $example.Name }}
                </h2>
                <pre data-src="{{ $example.DataSource }}" data-visible="true" class="line-numbers codepre"></pre>
                {{- end }}
            {{- end }}

            <div class="footer">
                Contribute to the documentation?
                <a target="_blank" href="https://github.com/iris-contrib/website/blob/gh-pages/{{.Branch}}/recipe/index.html" >
                    Edit this page on Github!
                </a>
            </div>
        </div>

    </div>
    <script src="/js/smooth-scroll.min.js"></script>

    <script async defer src="https://buttons.github.io/buttons.js"></script>
    <!-- main custom script for sidebars, version selects etc. -->
    <script src="/js/css.escape.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/prism.js"></script>
    <!-- fastclick -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>
    <script>
            document.addEventListener('DOMContentLoaded', function () {
                FastClick.attach(document.body)
            }, false)
    </script>
</body>

</html>