Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
executable file 308 lines (295 sloc) 14.3 KB
<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<!--[if IE 10]><html class="ie10" lang="en" > <![endif]-->
<html class="no-js" 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.0"/>
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<title>Mazamas Summer Climbs</title>
<link rel="stylesheet" href="bower_components/foundation/css/normalize.min.css"/>
<link rel="stylesheet" href="bower_components/foundation/css/foundation.min.css"/>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="bower_components/dynatable/jquery.dynatable.css">
</head>
<!-- how to activate: -->
<body class="loading">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
<nav class="header">
<a class="left-off-canvas-toggle" href="#" >
<div class="menu">
<h5>Menu</h5>
<div class="top-bar"></div>
<div class="middle-bar"></div>
<div class="bottom-bar"></div>
</div>
</a>
</nav>
<!-- Off Canvas Menu -->
<aside class="left-off-canvas-menu">
<form id="filter-form">
<h5>Filter Climbs</h5>
<div>
<h6>Search</h6>
<input type="search" id="search" class="form-control search-all">
</div>
<hr>
<div>
<h6>Climb Status</h6>
<select class="search-status" name="status">
<option value="">Any</option>
<option value="Cancelled">Cancelled</option>
<option value="Full">Full</option>
<option value="Open">Open</option>
</select>
</div>
<hr>
<div class="climb_grades_checkbox_wrapper">
<h6>Climb Grade</h6>
<div>
<input class="search-grade" name="gradeA" type="checkbox" value="A">
<label class="small">A</label>
</div>
<div>
<input class="search-grade" name="gradeB" type="checkbox" value="B">
<label class="small">B</label>
</div>
<div>
<input class="search-grade" name="gradeC" type="checkbox" value="C">
<label class="small">C</label>
</div>
<div>
<input class="search-grade" name="gradeD" type="checkbox" value="D">
<label class="small">D</label>
</div>
<div>
<input class="search-grade" name="gradeE" type="checkbox" value="E">
<label class="small">E</label>
</div>
</div>
<hr>
<div class="climb_restrictions_checkbox_wrapper">
<h6>Restriction Codes</h6>
<div>
<input class="search-restriction" name="restriction+" type="checkbox" value="+">
<label class="small" for="">+</label>
</div>
<div>
<input class="search-restriction" name="restrictionC" type="checkbox" value="(R)">
<label class="small" for="">R</label>
</div>
<div>
<input class="search-restriction" name="restrictionE" type="checkbox" value="(E)">
<label class="small" for="">E</label>
</div>
<div>
<input class="search-restriction" name="restrictionF" type="checkbox" value="(F)">
<label class="small" for="">F</label>
</div>
<div>
<input class="search-restriction" name="restrictionH" type="checkbox" value="(H)">
<label class="small" for="">H</label>
</div>
<div>
<input class="search-restriction" name="restrictionL" type="checkbox" value="(L)">
<label class="small" for="">L</label>
</div>
<div>
<input class="search-restriction" name="restrictionA" type="checkbox" value="(A)">
<label class="small" for="">A</label>
</div>
<div>
<input class="search-restriction" name="restrictionS" type="checkbox" value="(S)">
<label class="small" for="">S</label>
</div>
<div>
<input class="search-restriction" name="restrictionY" type="checkbox" value="(Y)">
<label class="small" for="">Y</label>
</div>
</div>
<hr>
<div class="climb_emphasis_checkbox_wrapper">
<h6>Grad Emphasis</h6>
<div>
<input class="search-emphasis" name="emphasisBCEP" type="checkbox" value="(BCEP)">
<label class="small" for="">BCEP</label>
</div>
<div>
<input class="search-emphasis" name="emphasisICS" type="checkbox" value="(ICS)">
<label class="small" for="">ICS</label>
</div>
<div>
<input class="search-emphasis" name="emphasisAR" type="checkbox" value="(AR)">
<label class="small" for="">AR</label>
</div>
<div>
<input class="search-emphasis" name="emphasisFM" type="checkbox" value="(FM101)">
<label class="small" for="">FM101</label>
</div>
</div>
<hr>
<div>
<h6>Other</h6>
<div>
<input id="search-weekend" class="search-weekend" name="weekend" type="checkbox" >
<label for="">Only Weekend Climbs</label>
</div>
<div>
<input id="search-guardian" class="search-guardian" name="guardian" type="checkbox" >
<label for="">Only Guardian Peaks</label>
</div>
<div>
<input id="search-sixteen" class="search-sixteen" name="sixteen" type="checkbox" >
<label for="">Only 16 NW Peaks</label>
</div>
</div>
<hr>
<div>
<a href="#" id="reset-filters" class="button secondary postfix">Reset Filters</a>
</div>
</form>
</aside>
<section class="main-section">
<header><h1>Mazamas Summer Climb Schedule</h1></header><!-- /header -->
<form id="sort-form">
<div class="row">
<div class="small-12 medium-12 large-6 columns right">
<div class="row">
<div class="small-3 columns">
<label for="right-label" class="right inline">Sort By</label>
</div>
<div class="small-5 columns">
<select id="sort" name="sort">
<option value=""></option>
<option data-value="climbNumber">Climb #
<option data-value="departureDateMJS">Departure Date</option>
<option data-value="returnDateMJS">Return Date</option>
<option data-value="peak">Peak</option>
<option data-value="route">Route</option>
<option data-value="grade">Grade</option>
<option data-value="leader">Leader</option>
<option data-value="gradEmphasis">Grad Emphasis</option>
<option data-value="partySize">Party Size</option>
<option data-value="spotsRemaining">Spots Remaining</option>
<option data-value="status">Status</option>
<option data-value="lastUpdate">Last Update</option>
</select>
</div>
<div class="small-4 columns">
<a href="#" id="sort-direction" class="button secondary postfix" data-direction="1">Direction</a>
</div>
</div>
</div>
</div>
</form>
<div class="row">
<div class="large-12 columns">
<ul id="mazama_climb_load">
</ul>
</div>
</div>
<hr/>
<div class="row">
<div class="large-12 columns">
<h3>Restriction codes</h3>
<p>
Most Mazamas climbs are open to anyone who applies. Some leaders prefer to restrict their climbs in some manner. These “restriction codes” are listed below:
</p>
<ul>
<li>(+) Indicates there is a pack-in to base camp (not car-to car in one day)</li>
<li>(R) Relaxed Pace</li>
<li>(E) Exploratory - Indicates the leader has not previously climbed this route</li>
<li>(F) Family climb - kid friendly at a moderate pace</li>
<li>(H) Hike to the Summit - nonmembers given preference on a glaciated peak climb</li>
<li>(L) Linked Climbs - climbers must apply for two or more climbs from the same base camp on the same trip.</li>
<li>(A) Adjacent Climbs - climbers may apply for two or more climbs located in a similar area.</li>
<li>(S) Ski Mountaineering climb - backcountry ski or snowboard gear required</li>
<li>(Y) 20s&30s Mazamas - for those young or young at heart.</li>
</ul>
</div>
</div>
<hr/>
<div class="row">
<div class="large-12 columns">
<h3>Climb Grades</h3>
<p>
Mazamas climbs are graded to indicate approximate experience and/or ability levels required.
You can think of the grades as approximately: A/B = beginner, B/C = intermediate, C/D = intermediate/advanced, and D/E = advanced
</p>
<p>The grades are:</p>
<ul>
<li>A - May require off-trail hiking, ice axe and crampon use on moderately steep slopes, and self-arrest. (examples: Mt. St. Helens, Mt Adams)</li>
<li>B - Same as “A” level, as well as glacier travel, and roped climbing. (examples: Mt. Hood South Side, Middle Sister)</li>
<li>C - Same as “B” level, as well as crevasse rescue skills, belaying, rappelling, and low 5th class rock climbing. (examples: DC and Emmons on Mt. Rainier, Mt Washington in Oregon)</li>
<li>D - Same as “C” level except on steep snow slopes, glacier travel and crevasse rescue, self-arrest, belaying, rappelling and 5th class rock climbing. (examples: West Ridge of Mt. Stuart, Mt Hood, Sandy Glacier Headwall)</li>
<li>E -Multi-pitch technical routes same as “D”, with high degree of self-sufficiency and proficiency using technical skills under high exposure, sharing high angle leads, setting protection and anchors. (examples: North ridge of Mt. Stuart, Beckey Route, Liberty Bell)</li>
</ul>
</div>
</div>
<footer>
<hr/>
<div class="row">
<div class="small-12 large-6 columns">
<small>Made with lots of caffeine by <a href="http://eferrer.info">Eddie Ferrer</a></small><br/>
<small><a href="https://github.com/eddieferrer/mazamas_climbs">Fork me on GitHub</a></small><br/>
</div>
<div class="small-12 large-6 columns">
<small class="right">&copy; Copyright no one at all. Go to town.</small><br/>
</div>
</div>
</footer>
</section>
<!-- close the off-canvas menu -->
<!-- <a class="exit-off-canvas"></a> -->
</div>
</div>
<div class="modal">
<!-- Loading Modal-->
<div class="date_lock hide">
<h3>Hello.</h3>
<h3>This is not the climb schedule you were looking for.<br/> Please come back in April</h3>
</div>
<div class="date_loading hide">
<h3>I'm loading the mazamas summer climbs. I am sorry it's taking some time.</h3>
<h3>I hope you're having a very nice day...</h3>
</div>
</div>
<script src="bower_components/modernizr/modernizr.js"></script>
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script>
$(document).foundation();
$(function() {
$(".left-off-canvas-toggle, .exit-off-canvas").click(function() {
$(".top-bar").toggleClass("top-bar-close");
$(".middle-bar").toggleClass("middle-bar-close");
$(".bottom-bar").toggleClass("bottom-bar-close");
});
});
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
$body = $("body");
$(document).on({
ajaxStart: function() { $body.addClass("loading"); },
ajaxStop: function() { $body.removeClass("loading"); }
});
</script>
<script src="bower_components/dynatable/jquery.dynatable.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<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-75492234-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>