From tom, 5 Years ago, written in HTML5.
Embed
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.         <head>
  5.                 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6.                 <title>ctrly.bmth.ac.uk</title>
  7.                 <link rel="shortcut icon" href="http://ctrly.bmth.ac.uk/favicon.ico" />
  8. <link type="text/css" rel="stylesheet" href="http://ctrly.bmth.ac.uk/themes/default/css/reset.css" media="screen" />
  9. <link type="text/css" rel="stylesheet" href="http://ctrly.bmth.ac.uk/themes/default/css/fonts.css" media="screen" />
  10. <link type="text/css" rel="stylesheet" href="http://ctrly.bmth.ac.uk/themes/default/css/main.css" media="screen" />
  11. <link type="text/css" rel="stylesheet" href="http://ctrly.bmth.ac.uk/themes/default/css/codemirror.css" media="screen" />
  12. <link type="text/css" rel="stylesheet" href="http://ctrly.bmth.ac.uk/themes/default/css/diff.css" media="screen" />
  13. <link type="text/css" rel="stylesheet" href="http://ctrly.bmth.ac.uk/themes/default/css/print.css" media="print" />
  14.         <script type="text/javascript">
  15.         //<![CDATA[
  16.         var base_url = 'http://ctrly.bmth.ac.uk/';
  17.         //]]>
  18.         </script>
  19.         </head>
  20.         <body>
  21.                 <div id="container">
  22.                         <div class="container">                
  23.                                 <div class="header">
  24.                                         <h1><a href="http://ctrly.bmth.ac.uk/" class="title">ctrly.bmth.ac.uk</a></h1>
  25.                                         <ul class="tabs">
  26.                                                                                                 <li><a class="active" href="http://ctrly.bmth.ac.uk/" title="Create A New Paste">Create</a></li>
  27.                                                 <li><a  href="http://ctrly.bmth.ac.uk/lists" title="Recent Pastes">Recent</a></li>
  28.                                                 <li><a  href="http://ctrly.bmth.ac.uk/trends" title="Trending Pastes">Trending</a></li>
  29.                                                 <li><a   href="http://ctrly.bmth.ac.uk/api" title="API">API</a></li>
  30.                                                 <li><a   href="http://ctrly.bmth.ac.uk/about" title="About">About</a></li>
  31.                                                                 </ul>
  32.                                 </div>
  33.  
  34.                                 <div class="content">
  35.                                         <div class="container">
  36.                                                
  37.  
  38.  
  39. <div class="form_wrapper margin">
  40.         <form action="http://ctrly.bmth.ac.uk/" method="post">
  41.  
  42.                 <h1>                    Create a new paste              </h1>
  43.                 <p class="explain border">                      Here you can create a new paste         </p>                                                           
  44.                
  45.                 <div class="item_group">                                                               
  46.                         <div class="item">
  47.                                 <label for="name">Author                                        <span class="instruction">What's your name?</span>
  48.                                 </label>
  49.                                
  50.                                 <input type="text" name="name" value="tom" id="name" maxlength="32" tabindex="1"  />                    </div>
  51.                        
  52.                         <div class="item">
  53.                                 <label for="title">Title                                        <span class="instruction">Give your paste a title.</span>
  54.                                 </label>
  55.                                
  56.                                 <input value="" type="text" id="title" name="title" tabindex="2" maxlength="50" />
  57.                         </div>
  58.                                                                                                                                                
  59.                         <div class="item last">
  60.                                 <label for="lang">Language                                      <span class="instruction">What language is your paste written in?</span>
  61.                                 </label>
  62.                                
  63.                                 <select name="lang" id="lang" class="select" tabindex="3">
  64. <option value="html5">HTML5</option>
  65. <option value="css">CSS</option>
  66. <option value="javascript">JavaScript</option>