Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

127 lines (125 sloc) 7.084 kb
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="ie iem7"><![endif]-->
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7) ]><html class="ie" lang="en"><![endif]-->
<!--[if !(IEMobile) | !(IE)]><!--><html lang="en"><!-- InstanceBegin template="/Templates/debug.dwt" codeOutsideHTMLIsLocked="false" --><!--<![endif]-->
<!--#include virtual="/wdn/templates_3.1/includes/metanfavico.html" -->
Membership and regular participation in the UNL Web Developer Network
is required to use the UNL templates. Visit the WDN site at Click the WDN Registry link to log in and
register your site.
All UNL template code is the property of the UNL Web Developer Network.
The code seen in a source code view is not, and may not be used as, a
template. You may not use this code, a reverse-engineered version of
this code, or its associated visual presentation in whole or in part to
create a derivative work.
This message may not be removed from any pages based on the UNL site template.
$Id: debug.dwt | ea2608181e2b6604db76106fd982b39218ddcb8b | Fri Mar 9 12:20:43 2012 -0600 | Kevin Abel $
<!--#include virtual="/wdn/templates_3.1/includes/scriptsandstyles_debug.html" -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Debugging Out | WDN Testing Page | University of Nebraska&ndash;Lincoln</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- Place optional header elements here -->
<style type="text/css">
#maincontent .grid1, #maincontent .grid2, #maincontent .grid3, #maincontent .grid4, #maincontent .grid5, #maincontent .grid6, #maincontent .grid7, #maincontent .grid8, #maincontent .grid9, #maincontent .grid10, #maincontent .grid11, #maincontent .grid12 {
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: rgba(111,191,77,.4);
border: solid 1px #6FBF4D;
border-width: 1px 0;
<!-- InstanceEndEditable -->
<!-- InstanceParam name="class" type="text" value="fixed debug" -->
<body class="fixed debug" data-version="3.1">
<nav class="skipnav">
<a class="skipnav" href="#maincontent">Skip Navigation</a>
<div id="wdn_wrapper">
<header id="header" role="banner">
<a id="logo" href="" title="UNL website">UNL</a>
<span id="wdn_institution_title">University of Nebraska&ndash;Lincoln</span>
<span id="wdn_site_title"><!-- InstanceBeginEditable name="titlegraphic" --><a href="#">The Charles W. Durham School of Architectural Engineering &amp; Construction</a> <span>A division of the College of Arts &amp; Sciences</span><!-- InstanceEndEditable --></span>
<!--#include virtual="/wdn/templates_3.1/includes/idm.html" -->
<!--#include virtual="/wdn/templates_3.1/includes/wdnTools.html" -->
<div id="wdn_navigation_bar">
<nav id="breadcrumbs">
<!-- WDN: see glossary item 'breadcrumbs' -->
<h3 class="wdn_list_descriptor hidden">Breadcrumbs</h3>
<!-- InstanceBeginEditable name="breadcrumbs" -->
<li><a href="" title="University of Nebraska&ndash;Lincoln">UNL</a></li>
<li class="selected"><a href="" title="Office of Admissions">Admissions</a></li>
<li>Red Letter Day</li>
<!-- InstanceEndEditable -->
<div id="wdn_navigation_wrapper">
<nav id="navigation" role="navigation">
<h3 class="wdn_list_descriptor hidden">Navigation</h3>
<!-- InstanceBeginEditable name="navlinks" -->
<!--#include virtual="sharedcode/navigation.html" -->
<!-- InstanceEndEditable -->
<div id="wdn_content_wrapper">
<div id="pagetitle">
<!-- InstanceBeginEditable name="pagetitle" -->
<h1>Debugging Out!</h1>
<!-- InstanceEndEditable -->
<div id="maincontent" role="main">
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" -->
<h2 class="sec_header">Image manipulation test</h2>
<p>In mobile-first, we're going to use a small image and then swap out as we get larger. For this to work, we'll need the let the browser know which images to attempt.</p>
<p>The original image is the smallest file, test_320.jpg. Upon page load, a new file attempts to load based on the current media query break point. If a file is not found, the image is unchanged. This happens again for each resize.</p>
<img src="images/test_320.jpg" alt="this is a test image" class="wdn_image_swap" />
<!-- InstanceEndEditable -->
<div class="clear"></div>
<!--#include virtual="/wdn/templates_3.1/includes/noscript.html" -->
<footer id="footer">
<div id="footer_floater"></div>
<div class="footer_col" id="wdn_footer_feedback">
<!--#include virtual="/wdn/templates_3.1/includes/feedback.html" -->
<div class="footer_col" id="wdn_footer_related">
<!-- InstanceBeginEditable name="leftcollinks" -->
<!--#include virtual="sharedcode/relatedLinks.html" -->
<!-- InstanceEndEditable --></div>
<div class="footer_col" id="wdn_footer_contact">
<!-- InstanceBeginEditable name="contactinfo" -->
<!--#include virtual="sharedcode/footerContactInfo.html" -->
<!-- InstanceEndEditable --></div>
<div class="footer_col" id="wdn_footer_share">
<!--#include virtual="/wdn/templates_3.1/includes/socialmediashare.html" -->
<!-- InstanceBeginEditable name="optionalfooter" -->
<!-- InstanceEndEditable -->
<div id="wdn_copyright">
<!-- InstanceBeginEditable name="footercontent" -->
<!--#include virtual="sharedcode/footer.html" -->
<!-- InstanceEndEditable -->
<!--#include virtual="/wdn/templates_3.1/includes/wdn.html" -->
<!--#include virtual="/wdn/templates_3.1/includes/logos.html" -->
<!-- InstanceEnd --></html>
Jump to Line
Something went wrong with that request. Please try again.