forked from cogdog/flickr-cc-helper
-
Notifications
You must be signed in to change notification settings - Fork 0
/
flavors.html
97 lines (72 loc) · 4.57 KB
/
flavors.html
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
<!DOCTYPE html>
<html lang='en'>
<head>
<title>flickr cc attribution flavors</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<!--[if lt IE 9]><script type='text/javascript' src='assets/javascript/html5.js'></script><![endif]-->
<script type='text/javascript' src='assets/javascript/prettify.js'></script>
<link rel='stylesheet' type='text/css' href='assets/css/style.css' />
<link rel='stylesheet' type='text/css' href='assets/css/bootstrap.css' />
<link rel='stylesheet' type='text/css' href='assets/css/prettify.css' />
<style type='text/css'>
pre { width: 70%; margin: 2em 0}
</style>
</head>
<body onload='prettyPrint()'>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">flickr cc attribution bookmark maker</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="http://cogdog.github.io/flickr-cc-helper/">Make It</a></li>
<li class="active"><a href="http://cogdog.github.io/flickr-cc-helper/flavors.html">Flavors</a></li>
<li><a href="https://github.com/cogdog/flickr-cc-helper">Code</a></li>
<li><a href="http://cogdog.info/">by cogdog</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div>
<div class='row-fluid'>
<div class='hero-unit' id="home">
<header>
<h1 class=''>flickr cc attribution helper</h1>
<p>Makes attributing flickr creative commons photos a simple cut and paste operation (<a href="https://github.com/cogdog/flickr-cc-helper">more...</a>)</li>
</header>
<h2>Flavors of Tools</h2>
<p>The kind of attribution tools available as options from the bookmarklet maker.</p>
<h3>Basic HTML</h3>
<p>Suitable for any blog or web page, caption below with linked attribution.</p>
<a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613"><img src="http://farm9.static.flickr.com/8490/8188824613_037d664dc0_z.jpg" /></a><br /><small><a href="http://creativecommons.org/licenses/by-sa/2.0/">creative commons licensed ( BY-SA )</a> <a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613">flickr photo</a> shared by <a href="http://flickr.com/people/cogdog">cogdogblog</a></small>
<pre><a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613">
<img src="http://farm9.static.flickr.com/8490/8188824613_037d664dc0_z.jpg" /></a><br />
<small><a href="http://creativecommons.org/licenses/by-sa/2.0/">creative commons licensed ( BY-SA )</a>
<a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613">flickr photo</a>
shared by <a href="http://flickr.com/people/cogdog">cogdogblog</a></small>
</pre>
<h3>Wordpress</h3>
<p>The Wordpress attributor creates HTML wrapped in [caption] ... [/caption] shortcodes that Wordpress themes use to format images with captions that include linked attribution. </p>
[caption width="640" align="aligncenter"]<br /><a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613"><img src="http://farm9.static.flickr.com/8490/8188824613_037d664dc0_z.jpg" width="640" alt="Life is Sharing" /></a><a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613"><br />cc licensed ( BY-SA ) flickr photo</a> shared by <a href="http://flickr.com/people/cogdog">cogdogblog</a><br />[/caption]
<pre>[caption width="640" align="aligncenter"]
<a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613">
<img src="http://farm9.static.flickr.com/8490/8188824613_037d664dc0_z.jpg"
width="640" alt="Life is Sharing" /></a>
<a title="Life is Sharing" href="http://flickr.com/photos/cogdog/8188824613">
cc licensed ( BY-SA ) flickr photo</a> shared by
<a href="http://flickr.com/people/cogdog">cogdogblog</a>
[/caption]</pre>
<h3>Stamped in Image</h3>
<p>This tool generates a downloadable image with the attribution added directly to the image, using the Stamper tool by <a href="http://johnjohnston.info/">John Johnston</a></p>
<img width="640" alt="cc-stamped" src="cc-stamped.jpg" />
</div>
<footer class="span12">
<div class="alert">
a barking dog production •<a href="http://cogdog.info/"> cogdog.info</a> • <a href="http://cogdogblog.com">cogdogblog.com</a>
</div>
</footer>
</div>
<a href='https://github.com/cogdog/flickr-cc-helper' class='github-ribbon'><img src='assets/images/github-ribbons/white.png' /></a>
</div>
</body>
</html>