Skip to content

Instantly share code, notes, and snippets.

@jeremyjbowers
Created March 11, 2014 20:54
Show Gist options
  • Select an option

  • Save jeremyjbowers/9494819 to your computer and use it in GitHub Desktop.

Select an option

Save jeremyjbowers/9494819 to your computer and use it in GitHub Desktop.
The NPR softball page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>NPR Softball 2014</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.main-body {
padding-top: 50px;
}
iframe.map {
width: 100%;
height: 450px;
}
.gist .gist-file {
border: 1px dotted #ccc !important;
}
.gist .gist-file .gist-syntax {
padding: 10px 15px;
background-color: #eee !important;
font-family: Georgia, "Georgia", serif;
font-size: 14px;
color: #333;
}
.gist .gist-file .gist-syntax h1 {
font-size: 18px;
font-weight: bold;
}
nav.navbar {
position: fixed;
width: 100%;
}
</style>
</head>
<body data-spy="scroll" data-target=".navbar-default">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">NPR Softball</span>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#map">Map</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#equipment">Equipment</a></li>
<li><a href="#roster">Roster</a></li>
<li><a href="#calendar">Calendar</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="main-body container">
<h1>NPR Softball 2014</h1>
<p>Welcome to NPR softball 2014! We're a <em>recreational</em> group looking to have a great time playing in the <a href="https://www.facebook.com/pages/Metropolitan-Media-Softball-League/193512114020775">Metropolitan Media Softball League</a>.</p>
<h2 id="map">Map</h2>
<iframe class="map" frameborder="none" src="https://a.tiles.mapbox.com/v3/jeremyjbowers.hepgdagn/page.html?secure=1#12/39.0702/-77.0815"></iframe>
<h2 id="rules">Rules</h2>
<script src="https://gist.github.com/jeremyjbowers/c075f0d7eaa91a88824c.js"></script>
<h2 id="equipment">Equipment</h2>
<p>NPR will provide wooden bats and softballs for the league. Each player is minimally responsible for the following:
<ul>
<li><strong>Glove</strong>: You don't need a special softball glove, but you do need one that's comfortable. It might be better to buy a used (read: already broken-in) glove from Play-It-Again sports or the like if you're not feeling like dealing with a new glove.</li>
<li><strong>Cleats</strong>: Seriously, buy cleats. Plastic ones, not metal. The fields are quite wet and muddy early in the year, and the most common injury comes from falls when players lose their footing in the field or on the basepaths.</li>
<li><strong>Hat</strong>: Get a nice, comfortable cap. The MMSL umpires may require that players wear one. This is at their discretion. You should have one handy if we get an umpire who is feeling particular about this.</li>
<li><strong>Sunglasses</strong>: Squinting into the sun is terrible.</li>
<li><strong>Water</strong>: You'll drink a lot of it because we play doubleheaders. You can't go wrong with a gallon.</li>
</ul>
</p>
<h4>Wooden softball bats</h4>
<p>In the MMSL, men hit with wooden bats. Not all wooden softball bats are acceptable. These must be approved for slow-pitch softball and have a narrow barrel. If your bat looks like a baseball bat, it will probably be banned.</p>
<p>Brett Brothers bats are inexpensive (comparatively) and have a composite handle which means they'll last longer than other kinds of wood softball bats.
<ul>
<li><a href="http://www.justbats.com/products/vendor~brett%20bros/?s=wood+slow+pitch+softball+bats">Non-Amazon page of Brett Brothers bats</a></li>
<li><a href="http://www.amazon.com/Handle-Thunder-Softball-33-inch-Barrel/dp/B006ECTXHY/ref=sr_1_1?ie=UTF8&qid=1394129287&sr=8-1&keywords=brett+bros+bats+softball">Brett Brothers 33-inch (Red)</a></li>
<li><a href="http://www.amazon.com/Handle-Thunder-Softball-33-inch-Barrel/dp/B006ECTX0G/ref=sr_1_8?ie=UTF8&qid=1394129287&sr=8-8&keywords=brett+bros+bats+softball">Brett Brothers 33-inch (Blue)</a></li>
<li><a href="http://www.amazon.com/Handle-Thunder-Softball-33-inch-Barrel/dp/B006ECTZ68/ref=sr_1_9?ie=UTF8&qid=1394129287&sr=8-9&keywords=brett+bros+bats+softball">Brett Brothers 33-inch (White)</a></li>
<li><a href="http://www.amazon.com/Handle-Thunder-Softball-34-inch-Barrel/dp/B006ECTY9Q/ref=sr_1_2?ie=UTF8&qid=1394129287&sr=8-2&keywords=brett+bros+bats+softball">Brett Brothers 34-inch (Blue)</a></li>
<li><a href="http://www.amazon.com/Handle-Thunder-Softball-34-inch-Barrel/dp/B006ECTYPK/ref=sr_1_3?ie=UTF8&qid=1394129287&sr=8-3&keywords=brett+bros+bats+softball">Brett Brothers 34-inch (White)</a></li>
</ul>
</p>
<h4>Metal softball bats</h4>
<p>In the MMSL, women may hit with metal or wooden bats. There are a great many approved metal softball bats. Here is <a href="http://www.playnsa.com/ApprovedBat.aspx">the definitive list</a> of approved bats. If your bat is not on this list, it <em>may</em> be acceptable, but probably not worth the risk.</p>
<h2 id="roster">Roster</h2>
<h2 id="calendar">Calendar</h2>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
$('body').scrollspy({ target: '.navbar-default' })
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment