Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change the Middlebury header and footer to use a webfont. Fixes #12 #13

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Change the Middlebury header and footer to use a webfont. Fixes #12 #13

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
52fa7d1
midd: Add styles for text based navigation.
imcbride Feb 3, 2017
a96cfb5
Resolved merge conflicts.
imcbride Jan 11, 2018
600cd03
Remove references to the development server.
imcbride Jan 11, 2018
e74281e
Remove /cdn/ sub-path from CDN URLs.
imcbride Jan 11, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions middlebury.edu/2010/css/midd.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -995,3 +995,42 @@ aside.sidebar header h1, aside.sidebar header:after, .news-media h2, .node-news

/* Increase z-index of mm_browser popup so the taskbar doesn't display */
.mm-browser-dialog, .ui-dialog{ z-index:401; }


/* Font Nav */
.leftlinks { font-family:"Whitney SSm A", "Whitney SSm B", verdana, sans-serif; font-size:14px; line-height:1.5; }

.navigation ul { font-family:"Sentinel SSm A", "Sentinel SSm B", georgia, serif; font-size:18px; text-align:center; }
#midd_navigation li { position:relative; float:left; margin:0px; display:inline-block; text-align:center; }
.navigation li.bottom a:hover { color:#CCCC99; }
.navigation .nav_admissions { width:150px; }
.navigation .nav_academics { width:143px; }
.navigation .nav_studentlife { width:156px; }
.navigation .nav_athletics { width:128px; }
.navigation .nav_arts { width:91px; }
.navigation .nav_international { width:261px; }
.navigation .nav_about { width:185px; }
.navigation .nav_sustainability { width:149px; }
.navigation .nav_giving { width:91px; }
.navigation .nav_news { width:135px; }
.navigation .nav_events { width:189px; }
.navigation li.nav_offices { width:181px; }

.footer { font-family:"Sentinel SSm A", "Sentinel SSm B", georgia, serif; font-size:14px; }
.footer ul li a { text-decoration:none; padding:0px; }
.footer ul li a:hover { color:#CCCC99; }

.affiliates { font-family:"Sentinel SSm A", "Sentinel SSm B", georgia, serif; }
.affiliates header { height:20px; }
.affiliates hr, .affiliates h2 { display:inline-block; }
.affiliates hr { width:330px; border:0px; height:1px; background-color:#616971; }
.affiliates h2 { margin:0px 20px; text-transform:uppercase; font-variant:normal; }
.affiliates li { padding:0px; height:30px; }
.affiliates li a { font-size:14px; color:#D4E8E2; padding-top:10px; }
.affiliates li a:hover { color:#FFFFFF; }
.affiliates .affiliates_languageschools { padding-bottom:0px; width:228px; margin-left:37px; }
.affiliates .affiliates_breadloafschool { width:305px; }
.affiliates .affiliates_breadloafconference { width:325px; }
.affiliates .affiliates_schoolsabroad { clear:left; width:200px; }
.affiliates .affiliates_environment { width:285px; }
.affiliates .affiliates_miis { width:430px; }
70 changes: 35 additions & 35 deletions middlebury.edu/2010/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,17 @@
<head>
<title>Middlebury</title>
<meta charset="utf-8">
<link rel="stylesheet" href="//cdn.middlebury.edu/middlebury.edu/2010/css/midd.css">
<link rel="stylesheet" href="//cdn.middlebury.edu/middlebury.edu/2010/css/print.css" media="print" />
<link rel="shortcut icon" href="//cdn.middlebury.edu/middlebury.edu/2010/images/midd_favicon.ico">
<link rel="apple-touch-icon" href="//cdn.middlebury.edu/middlebury.edu/2010/images/apple-touch-icon/icon.png">
<link rel="apple-touch-icon" sizes="76x76" href="//cdn.middlebury.edu/middlebury.edu/2010/images/apple-touch-icon/icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="//cdn.middlebury.edu/middlebury.edu/2010/images/apple-touch-icon/icon-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="//cdn.middlebury.edu/middlebury.edu/2010/images/apple-touch-icon/icon-ipad-retina.png">
<link rel="stylesheet" href="//cloud.typography.com/83898/706148/css/fonts.css">
<link rel="stylesheet" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/css/midd.css">
<link rel="stylesheet" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/css/print.css" media="print" />
<link rel="shortcut icon" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/images/midd_favicon.ico">
<link rel="apple-touch-icon" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/images/apple-touch-icon/icon.png">
<link rel="apple-touch-icon" sizes="76x76" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/images/apple-touch-icon/icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/images/apple-touch-icon/icon-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/images/apple-touch-icon/icon-ipad-retina.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//cdn.middlebury.edu/middlebury.edu/2010/js/midd.js"></script>
<script type="text/javascript" src="//cdn.middlebury.edu/middlebury.edu/2010/js/modernizr.min.js"></script>
<script src="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/js/midd.js"></script>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this still point to cdn?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch. I'll get that fixed. Just so you know this is an old, low-priority issue that I'm migrating from Kanbanize into Github issues.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just was looking at github notifications so thought I'd leave the comment for now while I saw it. I won't get to an actual review for awhile I'm sure.

<script type="text/javascript" src="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/js/modernizr.min.js"></script>
</head>
<body class="fullwidth">
<!-- Google Tag Manager -->
Expand All @@ -32,38 +33,37 @@
<a href="http://go.middlebury.edu/portal">Portal</a>
</nav>
<form class="search" action="http://www.middlebury.edu/search" method="get" target="_top">
<label for="midd_search_query">Search Midd</label>
<label for="midd_search_query" class="visuallyhidden">Search Midd</label>
<input type="search" id="midd_search_query" class="search_query x-webkit-speech" name="q2" placeholder="Search Midd" x-webkit-speech required>
<input type="submit" id="midd_search_submit" class="search_submit" value="Go">
<input type="submit" id="midd_search_submit" class="search_submit" value="&#9654;">
<input type="hidden" id="midd_ajax_search_url" value="http://www.middlebury.edu/go/search">
</form>
<h1 id="midd_wordmark" class="wordmark"><a href="http://www.middlebury.edu">Middlebury</a></h1>
</header>
<nav id="midd_navigation" class="navigation container">
<ul>
<li class="nav_admissions top"><a href="http://www.middlebury.edu/admissions">Admissions<span></span></a></li>
<li class="nav_academics top"><a href="http://www.middlebury.edu/academics">Academics<span></span></a></li>
<li class="nav_studentlife top"><a href="http://www.middlebury.edu/student-life">Student Life<span></span></a></li>
<li class="nav_athletics top"><a href="http://www.middlebury.edu/athletics">Athletics<span></span></a></li>
<li class="nav_arts top"><a href="http://www.middlebury.edu/arts">Arts<span></span></a></li>
<li class="nav_international top"><a href="http://www.middlebury.edu/international">Middlebury International<span></span></a></li>
<li class="nav_middlab top"><a href="http://middlab.middlebury.edu">MiddLab<span></span></a></li>
<li class="nav_about bottom"><a href="http://www.middlebury.edu/about">About<span></span></a></li>
<li class="nav_sustainability bottom"><a href="http://www.middlebury.edu/sustainability">Sustainability<span></span></a></li>
<li class="nav_giving bottom"><a href="http://www.middlebury.edu/giving">Giving<span></span></a></li>
<li class="nav_news bottom"><a href="http://www.middlebury.edu/newsroom">Newsroom<span></span></a></li>
<li class="nav_events bottom"><a href="http://www.middlebury.edu/events">Calendar of Events<span></span></a></li>
<li class="nav_offices bottom"><a href="http://www.middlebury.edu/offices">Office &amp; Services<span></span></a></li>
<li class="nav_admissions top"><a href="http://www.middlebury.edu/admissions">Admissions</a></li>
<li class="nav_academics top"><a href="http://www.middlebury.edu/academics">Academics</a></li>
<li class="nav_studentlife top"><a href="http://www.middlebury.edu/student-life">Student Life</a></li>
<li class="nav_athletics top"><a href="http://www.middlebury.edu/athletics">Athletics</a></li>
<li class="nav_arts top"><a href="http://www.middlebury.edu/arts">Arts</a></li>
<li class="nav_international top"><a href="http://www.middlebury.edu/international">Middlebury International</a></li>
<li class="nav_about bottom"><a href="http://www.middlebury.edu/about">About Middlebury</a></li>
<li class="nav_sustainability bottom"><a href="http://www.middlebury.edu/sustainability">Sustainability</a></li>
<li class="nav_giving bottom"><a href="http://www.middlebury.edu/giving">Giving</a></li>
<li class="nav_news bottom"><a href="http://www.middlebury.edu/newsroom">Newsroom</a></li>
<li class="nav_events bottom"><a href="http://www.middlebury.edu/events">Calendar of Events</a></li>
<li class="nav_offices bottom"><a href="http://www.middlebury.edu/offices">Office &amp; Services</a></li>
</ul>
</nav>
<article id="main-content" class="pagecontent container">
<nav class="navigation pagenav">
<a id="midd_pagenav_left" class="pagenav_left" href="#">&laquo;</a>
<ul id="midd_pagenav">
<li class="pagenav_dining"><a href="http://go.middlebury.edu/dining">Dining Services<span></span></a></li>
<li class="pagenav_menus"><a href="/today/dining">Dining Hall Menus<span></span></a></li>
<li class="pagenav_retail"><a href="/today/retail">Retail Operations<span></span></a></li>
<li class="pagenav_comment"><a href="http://go.middlebury.edu/dining?comment">Fill out a Comment Card<span></span></a></li>
<li class="pagenav_dining"><a href="http://go.middlebury.edu/dining">Dining Services</a></li>
<li class="pagenav_menus"><a href="/today/dining">Dining Hall Menus</a></li>
<li class="pagenav_retail"><a href="/today/retail">Retail Operations</a></li>
<li class="pagenav_comment"><a href="http://go.middlebury.edu/dining?comment">Fill out a Comment Card</a></li>
</ul>
<a id="midd_pagenav_right" class="pagenav_right" href="#">&raquo;</a>
</nav>
Expand Down Expand Up @@ -170,7 +170,7 @@ <h1 class="bar_color2">Teach &amp; Learn</h1>
</section>
</nav>
<section class="banner">
<a class="noborder" href="#"><img src="//cdn.middlebury.edu/middlebury.edu/2010/images/dept_economics.jpg" /></a>
<a class="noborder" href="#"><img src="//hammer.middlebury.edu/~imcbride/cdn/middlebury.edu/2010/images/dept_economics.jpg" /></a>
</section>
<section class="page">
<section class="body">
Expand Down Expand Up @@ -351,10 +351,10 @@ <h1>Carousel Header</h1>
<footer id="midd_footer" class="footer">
<nav class="container">
<ul>
<li class="gateways_students"><a href="http://students.middlebury.edu">Current Students<span></span></a></li>
<li class="gateways_parents"><a href="http://parents.middlebury.edu">Parents<span></span></a></li>
<li class="gateways_staff"><a href="http://facstaff.middlebury.edu">Faculty &amp; Staff<span></span></a></li>
<li class="gateways_alumni quick_footer"><a href="http://alumni.middlebury.edu">Alumni<span></span></a>
<li class="gateways_students"><a href="http://students.middlebury.edu">Current Students</a></li>
<li class="gateways_parents"><a href="http://parents.middlebury.edu">Parents</a></li>
<li class="gateways_staff"><a href="http://facstaff.middlebury.edu">Faculty &amp; Staff</a></li>
<li class="gateways_alumni quick_footer"><a href="http://alumni.middlebury.edu">Alumni</a>
<ul class="quick_footer contents">
<li><a href="http://www.middlebury.edu/alumni">Middlebury College</a></li>
<li><a href="http://www.middlebury.edu/alumni/ls">Middlebury Language Schools</a></li>
Expand All @@ -364,7 +364,7 @@ <h1>Carousel Header</h1>
</li>
</ul>
<ul class="footer_right">
<li class="quick_footer quick_go"><a href="http://go.middlebury.edu">Quick Links<span></span></a>
<li class="quick_footer quick_go"><a href="http://go.middlebury.edu">Quick Links</a>
<div class="contents">
<ul class="quick_footer">
<li><a href="http://go.middlebury.edu/bannerweb">BannerWeb</a></li>
Expand All @@ -388,7 +388,7 @@ <h1>Carousel Header</h1>
</ul>
</div>
</li>
<li class="quick_footer quick_contact"><a href="mailto:[email protected]">Directions &amp; Contact Information<span></span></a>
<li class="quick_footer quick_contact"><a href="mailto:[email protected]">Directions &amp; Contact Information</a>
<div class="contents">
<p><a href="http://go.middlebury.edu/directory">Directory</a></p>
<p>
Expand Down
3 changes: 0 additions & 3 deletions middlebury.edu/2010/js/midd.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,9 +52,6 @@ jQuery(document).ready(function(jQuery) {
var affiliates = document.getElementById('midd_affiliates'),
search_submit = document.getElementById('midd_search_submit'),
navigation = document.getElementById('midd_navigation');
if(affiliates) affiliates.className=affiliates.className+' ir';
if(search_submit) search_submit.className=search_submit.className+' ir';
if(navigation) getFirstChild(navigation).className='ir';

// Department Banner Image Links
var midd_banner = jQuery('#midd_banner');
Expand Down