<commit_before><!DOCTYPE html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>UI ART Buttons</title>
	
	<!--[if IE]>
	<script type="text/javascript" src="https://getfirebug.com/releases/lite/beta/firebug.jgz"></script>
	<![endif]-->
	
	<style type="text/css">
		
		.button {
			margin: 5px;
			float: left;
		}
		
	</style>
	
	<!-- compiled assets -->
	
	<script type="text/javascript" src="../Specs/assets/mootools.js"></script>
	
	<!-- this package -->
	
	<script type="text/javascript" src="../Source/UI/UI.js"></script>
	<script type="text/javascript" src="../Source/UI/UI.Sheet.js"></script>
	<script type="text/javascript" src="../Source/UI/UI.Widget.js"></script>
	<script type="text/javascript" src="../Source/Base/ART.Widget.js"></script>
	<script type="text/javascript" src="../Source/Base/ART.Sheet.js"></script>
	<script type="text/javascript" src="../Source/Widgets/ART.Button.js"></script>
	
	<script type="text/javascript">
	
	UI.Sheet.define('button', {
		'background-color': ['hsb(0, 0, 100)', 'hsb(0, 0, 85)'],
		'border-color': ['hsb(0, 0, 60)', 'hsb(0, 0, 50)'],
		'font-family': 'Moderna',
		'font-size': 13,
		'font-color': 'black'
	});

	UI.Sheet.define('button.cross', {
		'background-color': ['hsb(0, 0, 100)', 'hsb(0, 0, 85)'],
		'border-color': ['hsb(0, 0, 60)', 'hsb(0, 0, 50)'],
		'padding': [1,1,1,1],
		'pill': true,
		'height': 14,
		'width': 14,
		'cornerRadius': 7,
		'cursor': 'pointer',
		'glyph-color': hsb(0, 0, 0, 0.6)
	});
	
	document.addEvent('domready', function(){
		window.gs = new ART.Button({text: 'Google Search', className: 'button', id: 'GoogleSearch', tabIndex: 1});
		
		gs.inject($('container'));
		
		gs.addEvent('press', function(){
			console.log('searching google...');
		});
		
		window.fl = new ART.Button({text: 'I\'m Feeling Lucky', className: 'button', id: 'FeelingLucky', tabIndex: 2});
		
		fl.inject($('container'));
		
		fl.addEvent('press', function(){
			console.log('feeling lucky...');
		});
		
		window.cross = new ART.Button({glyph: ART.Glyphs.smallCross, className: 'cross', id: 'close'});
		
		cross.inject($('container'));
		
	});
		
	</script>

</head>

<body>
	
	<div id="container"></div>
	
</body>
</html>
<commit_msg>button demo now needs glyphs included<commit_after><!DOCTYPE html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>UI ART Buttons</title>
	
	<!--[if IE]>
	<script type="text/javascript" src="https://getfirebug.com/releases/lite/beta/firebug.jgz"></script>
	<![endif]-->
	
	<style type="text/css">
		
		.button {
			margin: 5px;
			float: left;
		}
		
	</style>
	
	<!-- compiled assets -->
	
	<script type="text/javascript" src="../Specs/assets/mootools.js"></script>
	
	<!-- this package -->
	
	<script type="text/javascript" src="../Source/UI/UI.js"></script>
	<script type="text/javascript" src="../Source/UI/UI.Sheet.js"></script>
	<script type="text/javascript" src="../Source/UI/UI.Widget.js"></script>
	<script type="text/javascript" src="../Source/Base/ART.Widget.js"></script>
	<script type="text/javascript" src="../Source/Base/ART.Sheet.js"></script>
	<script type="text/javascript" src="../Source/Widgets/ART.Button.js"></script>
	<script type="text/javascript" src="../Source/Illustrations/ART.Glyphs.js"></script>
	
	<script type="text/javascript">
	
	UI.Sheet.define('button', {
		'background-color': ['hsb(0, 0, 100)', 'hsb(0, 0, 85)'],
		'border-color': ['hsb(0, 0, 60)', 'hsb(0, 0, 50)'],
		'font-family': 'Moderna',
		'font-size': 13,
		'font-color': 'black'
	});

	UI.Sheet.define('button.cross', {
		'background-color': ['hsb(0, 0, 100)', 'hsb(0, 0, 85)'],
		'border-color': ['hsb(0, 0, 60)', 'hsb(0, 0, 50)'],
		'padding': [1,1,1,1],
		'pill': true,
		'height': 14,
		'width': 14,
		'cornerRadius': 7,
		'cursor': 'pointer',
		'glyph-color': hsb(0, 0, 0, 0.6)
	});
	
	document.addEvent('domready', function(){
		window.gs = new ART.Button({text: 'Google Search', className: 'button', id: 'GoogleSearch', tabIndex: 1});
		
		gs.inject($('container'));
		
		gs.addEvent('press', function(){
			console.log('searching google...');
		});
		
		window.fl = new ART.Button({text: 'I\'m Feeling Lucky', className: 'button', id: 'FeelingLucky', tabIndex: 2});
		
		fl.inject($('container'));
		
		fl.addEvent('press', function(){
			console.log('feeling lucky...');
		});
		
		window.cross = new ART.Button({glyph: ART.Glyphs.smallCross, className: 'cross', id: 'close'});
		
		cross.inject($('container'));
		
	});
		
	</script>

</head>

<body>
	
	<div id="container"></div>
	
</body>
</html>

{'fraction_non_alphanumeric': 0.24564838990426457, 'fraction_numerical': 0.02349869451697128, 'mean_word_length': 3.9377013963480128, 'pattern_counts': {'":': 0, '<': 77, '<?xml version=': 0, '>': 77, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7012904', 'n_tokens_mistral': 1940, 'n_tokens_neox': 1656, 'n_words': 320}