aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
blob: 24ed4e0d427851164c6adabaaecb626858fb098e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>GitHub Show Full Commit Message Bookmarklet</title>
	<meta name="description" content="">

	<meta name="viewport" content="width=device-width">
	
	<style type="text/css">
		html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
		
		@font-face {
		    font-family: 'Varela Round';
		    src: url('assets/fonts/Varela-Round/varelaround-regular-webfont.eot');
		    src: url('assets/fonts/Varela-Round/varelaround-regular-webfont.eot?#iefix') format('embedded-opentype'),
		         url('assets/fonts/Varela-Round/varelaround-regular-webfont.woff') format('woff'),
		         url('assets/fonts/Varela-Round/varelaround-regular-webfont.ttf') format('truetype'),
		         url('assets/fonts/Varela-Round/varelaround-regular-webfont.svg#varela_roundregular') format('svg');
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'Noto Serif';
		    src: url('assets/fonts/Noto-Serif/notoserif-regular-webfont.eot');
		    src: url('notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
		         url('assets/fonts/Noto-Serif/notoserif-regular-webfont.woff') format('woff'),
		         url('assets/fonts/Noto-Serif/notoserif-regular-webfont.ttf') format('truetype'),
		         url('assets/fonts/Noto-Serif/notoserif-regular-webfont.svg#noto_serifregular') format('svg');
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'Noto Serif';
		    src: url('assets/fonts/Noto-Serif/notoserif-italic-webfont.eot');
		    src: url('assets/fonts/Noto-Serif/notoserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
		         url('assets/fonts/Noto-Serif/notoserif-italic-webfont.woff') format('woff'),
		         url('assets/fonts/Noto-Serif/notoserif-italic-webfont.ttf') format('truetype'),
		         url('assets/fonts/Noto-Serif/notoserif-italic-webfont.svg#noto_serifitalic') format('svg');
		    font-weight: normal;
		    font-style: italic;
		}
		
		
		body { margin: 30px 0; background-color: #f0eeee; font: 16px 'Noto Serif'; }
		
		h2 { margin: 1.5em 0 0.2em; font: 1.8em 'Varela Round'; }
		p { margin: 1em 0; font-size: 1.3em; line-height: 1.5; }
		
		i { font-style: italic; }
		
		a { color: #1a83a6; }
		a:hover { color: #135e77; }
		
		
		.center { text-align: center; }
		
		
		.wrapper { width: 600px; margin: 0 auto; }
		
		header { width: 940px; margin: 0 auto 0.5em; font: 4.5em/1.05 'Varela Round'; text-align: center; }
		
		p.bookmarklet { margin: 3em 0; }
		
		a.bookmarklet { padding: 22px 38px; background-color: #bd1e1e; text-decoration: none; color: #f5f5f5; -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 40px; border-radius: 40px; }
		a.bookmarklet:hover { background-color: #d12121; }
		
		.demo img { width: 100%; }
		
		footer { margin-top: 30px; padding: 15px; border-top: 1px solid #c4c2c2; text-align: center; }
	</style>
</head>
<body>
	<header>
		<h1>GitHub Show Full Commit Message Bookmarklet</h1>
	</header>
	
	<div class="wrapper">
		<div role="main">
			<p>
				A bookmarklet that will expand and contract <i>all</i> GitHub commit messages on a page.
			</p>
			
			<div>
				<p>
					Drag this link to your browser bookmarks bar:
				</p>
				
				<p class="center bookmarklet">
					<a href="javascript:(function()%7B(function()%7Bif(-1!%3Dwindow.location.href.indexOf(%22github.com%22))%7Bvar%20e%3D%24(%22.commit%20.hidden-text-expander%20.js-details-target%22)%3B%24(%22.commit.open%22).length%3E0%3F%24(%22.commit%22).removeClass(%22open%22)%3Ae.click()%7D%7D)()%3B%7D)()" class="bookmarklet">GitHub Full Commit</a>
				</p>
			</div>
			
			<h2>Demo</h2>
			<p class="demo">
				<img src="demo.gif" alt="Demo" />
			</p>
			
			<h2>Source</h2>
			<p>
				<a href="https://github.com/teddywing/GitHub-Show-Full-Commit-Message-Bookmarklet">View source on GitHub</a>
			</p>
		</div>
		
		<footer>
			from <a href="http://teddywing.com">Teddy Wing</a>
		</footer>
	</div>
</body>
</html>