https://sdsos.gov/includes/Javascript/initialize_treeview.js

1<!--make sure to include jquery too-->
2	 
3	 $(document).ready(function(){
4		 
5		$(function() {
6			
7			  // At this width, no scaling occurs. Above/below will scale appropriately.
8			  var defaultWidth = 1024;
9			
10			  // This controls how fast the font-size scales. If 1, will scale at the same 
11			  // rate as the window (i.e. when the window is 50% of the default width, the 
12			  // font-size will be scaled 50%). If I want the font to not shrink as rapidly 
13			  // when the page gets smaller, I can set this to a smaller number (e.g. at 0.5,
14			  // when the window is 50% of default width, the font-size will be scaled 75%).
15			  var scaleFactor = 0.9;
16			
17			  // choose a maximum and minimum scale factor (e.g. 4 is 400% and 0.5 is 50%)
18			  var maxScale = 1.15;
19			  var minScale = 0.7;
20			
21			  var $html = $("html");
22			
23			  var setHtmlScale = function() {
24			
25				var scale = 1 + scaleFactor * ($html.width() - defaultWidth) / defaultWidth;
26				if (scale > maxScale) {
27				  scale = maxScale;
28				}
29				else if (scale < minScale) {
30				  scale = minScale;
31				}
32				//$html.css('font-size', scale * 100 + '%');
33				$('#wowslider-homepage .ws-title').css('font-size', scale * 100 + '%');
34			  };
35			
36			  $(window).resize(function() {
37				setHtmlScale();
38			  });
39			
40			  setHtmlScale();
41			});
42			
43		});	
44		
45		
46	 
47