Snippet Untitled
8 months ago
            
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <title>1-2-3.id</title>
  <meta property="og:url" content="http://123.juhara.id/" />
  <meta name="twitter:url" content="http://123.juhara.id/" />

  <meta property="og:type" content="article" />
  <meta name="twitter:card" content="summary" />

  <meta property="og:title" content="1-2-3.id" />
  <meta name="twitter:title" content="1-2-3.id" />

        <meta property="og:description" content="Free code snippet-sharing application" />
      <meta name="description" content="Free code snippet-sharing application"/>
      <meta name="twitter:description" content="Free code snippet-sharing application" />
  
        <meta name="keywords" content="code, snippet, pascal, php, python, javascript, r, delphi, go, rust, haskell"/>
  
  <meta property="og:image" content="http://img.juhara.com/100x100.png" />
  <meta name="twitter:image" content="http://img.juhara.com/100x100.png" />

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="http://123.juhara.id/assets/default/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="http://123.juhara.id/assets/default/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="http://123.juhara.id/assets/default/js/highlight/styles/default.css" rel="stylesheet" >
</head>
<body>
    <nav class="orange lighten-1" role="navigation">
    <div class="nav-wrapper container">
      <a id="logo-container" href="/" class="brand-logo">1-2-3.id</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="/"><i class="material-icons left">home</i>Home</a></li>
        <li><a href="/list"><i class="material-icons left">list</i>Snippets</a></li>

                <li><a href="/signin"><i class="material-icons left">account_circle</i>Sign In</a></li>
        
      </ul>

      <ul id="nav-mobile" class="side-nav">
                <li><a class="waves-effect" href="/"><i class="material-icons">home</i>Home</a></li>
        <li><a class="waves-effect" href="/list"><i class="material-icons">list</i>Snippets</a></li>

                    <li><a class="waves-effect" href="/signin"><i class="material-icons left">account_circle</i>Sign In</a></li>
            <li><a class="waves-effect" href="/signup"><i class="material-icons left">account_circle</i>Sign Up</a></li>
        
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
  <div class="container">
    <div class="section no-pad-bot" id="index-banner">
        <div class="container">
            <h1 class="header center orange-text">Snipp it now</h1>
            <div class="row center">
                <h5 class="header col s12 light">Code-sharing made easy</h5>
            </div>
            <div id="formContainer" class="row center">
                <form id="createsnippet" class="snippetapp col s12">
                    <input id="csrfToken" type="hidden" name="8LmgRP6X5bepMDhv" value="e6RoEI8WNSpk0K">
                    <div class="row">
                        <div class="input-field col s12">
                            <textarea id="snippet" name="snippet" class="materialize-textarea"></textarea>
                            <label for="snippet">Paste code here</label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-field col s12">
                            <input id="snippetTitle" name="snippetTitle" type="text" placeholder="Untitled">
                            <label for="snippetTitle">Title</label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-field col s12">
                            <div class="chips chips-autocomplete"></div>
                        </div>
                    </div>
                    <div id="progressContainer" class="row hidden">
                        <div class="progress">
                            <div class="indeterminate"></div>
                        </div>
                    </div>
                    <div class="row center">
                        <button id="btnCreateSnippet" type="button" class="btn-large waves-effect waves-light orange">Create Snippet</button>
                    </div>
                </form>
            </div>

            <div id="statusContainer" class="row center hidden">
                <div id="resultContainer" class="row">
                    <a id="snippetUrl"></a>
                </div>

                <div id="errorContainer" class="row hidden">
                    <div id="errorMsg" class="red"></div>
                </div>

                <div class="row center">
                    <button id="btnCopySnippet" type="button" class="btn-large waves-effect waves-light orange small-bottom-space">Copy Snippet URL</button>
                    <button id="btnNewSnippet" type="button" class="btn-large waves-effect waves-light orange small-bottom-space">Create New Snippet</button>
                </div>
            </div>
        </div>
    </div>

            <ul class="collection">
                            <li class="collection-item avatar">
                    <i class="material-icons circle red">play_arrow</i>
                    <span class="title">Untitled</span>
                    <p>5 months ago</p>
                    <a href="http://123.juhara.id/s/dWRk0CI" class="secondary-content"><i class="material-icons">grade</i></a>
                </li>
                            <li class="collection-item avatar">
                    <i class="material-icons circle red">play_arrow</i>
                    <span class="title">CPUID availability test (64-bit)</span>
                    <p>6 months ago</p>
                    <a href="http://123.juhara.id/s/TbCBUMa" class="secondary-content"><i class="material-icons">grade</i></a>
                </li>
                            <li class="collection-item avatar">
                    <i class="material-icons circle red">play_arrow</i>
                    <span class="title">Testing CPUID instruction availability on 32-bit m</span>
                    <p>6 months ago</p>
                    <a href="http://123.juhara.id/s/XbHHt0K" class="secondary-content"><i class="material-icons">grade</i></a>
                </li>
                    </ul>
        <div class="row center">
            <a href="/list" class="btn-large waves-effect waves-light orange">View More</a>
        </div>
    </div>
  <div class="fixed-action-btn">
    <a class="btn-floating btn-large waves-effect waves-light blue" href="/"><i class="material-icons">add</i></a>
</div>
<footer class="page-footer orange darken-2">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <p class="grey-text text-lighten-4">1-2-3.id is fast and simple snippet-sharing service.</p>
        </div>
      </div>
    </div>
    <div class="footer-copyright orange darken-3">
      <div class="container">
      Copyright 2017 <a class="white-text text-lighten-3" href="http://juhara.com">juhara.com</a>
      </div>
    </div>
</footer>

  <!--  Scripts-->
  <script src="http://123.juhara.id/assets/default/js/jquery.min.js"></script>
  <script src="http://123.juhara.id/assets/default/js/materialize.min.js"></script>
  <script src="http://123.juhara.id/assets/default/js/init.js"></script>
    <script src="/assets/default/js/clipboard.min.js"></script>
  <script src="/assets/default/js/api.service.js"></script>
  <script>
    var categoryListApiUrl = '/categories';
  </script>
  <script src="/assets/default/js/home.js"></script>
  </body>
</html>

        
add