Skip to content

Instantly share code, notes, and snippets.

@jathayde
Created January 2, 2012 16:46
Show Gist options
  • Save jathayde/1551338 to your computer and use it in GitHub Desktop.
Save jathayde/1551338 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie ie6 lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie ie8" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Meticulous Site Admin</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/clients.js?body=1" type="text/javascript"></script>
<script src="/assets/features.js?body=1" type="text/javascript"></script>
<script src="/assets/images.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-1.7.1.min.js?body=1" type="text/javascript"></script>
<script src="/assets/modernizr-2.0.6.min.js?body=1" type="text/javascript"></script>
<script src="/assets/pieces.js?body=1" type="text/javascript"></script>
<script src="/assets/projects.js?body=1" type="text/javascript"></script>
<script src="/assets/stories.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script src="/assets/modernizr-2.0.6.min.js?body=1" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="g5x/xH4im2kkBfSnAdnKoNkxLc8oX3hs51FARg6zavo=" name="csrf-token" />
<script type="text/javascript" src="http://use.typekit.com/hkt7fnv.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<header id="masthead" role="banner">
<img alt="Meticulous_icon" id="meticon" src="/assets/meticulous_icon.png" />
<img alt="Meticulous Content Management" id="logo" src="/assets/meticulous_logo.png" />
<nav id="main" role="navigation">
<ul>
<li>
<a href="/clients">Clients</a>
</li>
<li>
<a href="/projects">Projects</a>
</li>
<li>
<a href="/features">Features</a>
</li>
<li>
<a href="/stories">News Stories</a>
</li>
</ul>
</nav>
</header>
<section id="page">
<h1>Create a new Feature Story</h1>
<form accept-charset="UTF-8" action="/features" class="simple_form feature" id="new_feature" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="g5x/xH4im2kkBfSnAdnKoNkxLc8oX3hs51FARg6zavo=" /></div>
<div class="input select required"><label class="select required" for="feature_client_id"><abbr title="required">*</abbr> Client</label><select class="select required" id="feature_client_id" name="feature[client_id]"><option value="">Please choose the featured client</option>
<option value="1">2012 Chesapeake Coalition Olympic Bid</option>
<option value="2">Academy for Educational Development</option>
<option value="3">Agents of Good Roots</option>
<option value="4">AI Architecture</option>
<option value="5">Aidan Design</option>
<option value="6">The American Spectator</option>
<option value="7">Aquarius</option>
<option value="8">Atomic Dog</option>
<option value="9">Austin Grill</option>
<option value="10">Aurora Films and Music</option>
</select></div>
<div class="input string required"><label class="string required" for="feature_headline"><abbr title="required">*</abbr> Headline</label><input class="string required" id="feature_headline" maxlength="255" name="feature[headline]" required="required" size="50" type="text" /></div>
<div class="input string required"><label class="string required" for="feature_slug"><abbr title="required">*</abbr> Slug</label><input class="string required" id="feature_slug" maxlength="255" name="feature[slug]" required="required" size="50" type="text" /><span class="hint">Will be used as a url, so no spaces</span></div>
<div class="input text required"><label class="text required" for="feature_description"><abbr title="required">*</abbr> Description</label><textarea class="text required" cols="40" id="feature_description" name="feature[description]" required="required" rows="20"></textarea></div>
<input class="button primary big" name="commit" type="submit" value="Create Feature" />
</form>
<script>
$('input[name="feature[headline]"]').change(function () {
var str = "";
str = $(this).text();
str.toLowerCase().replace(/ /g, '-');
$('input[name="feature[slug]"]').val(str);
})
</script>
</section>
<footer id="page_footer">
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment