-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (129 loc) · 9.36 KB
/
index.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<title>Bryter någon mot din licens?</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<link rel="profile" href="//www.w3.org/2005/10/profile" />
<link rel="icon"
type="image/ico"
href="favicon.ico" />
<script type="text/javascript" src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="./jquery.loadTemplate-1.4.5.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<noscript>
<div class="clear problem indent">
Denna webbsida kräver JavaScript. Troligen kommer inget att fungera som det ska utan det.
</div>
</noscript>
<div class="collapse">
Exempel:
<div id="examples" class="examples">
<ul>
<li>Lätt: <a href="./index.html?filename=Sempervivum%20x%20funckii,%20RBGE%202010,%202.jpg"><tt>Sempervivum x funckii, RBGE 2010, 2.jpg</tt></a></li>
<li>Flera skapare: <a href="./index.html?filename=Foo.jpg"><tt>Foo.jpg</tt></a></li>
<li>PD: <a href="./index.html?filename=Globen.jpg"><tt>Globen.jpg</tt></a></li>
<li>CC0: <a href="./index.html?filename=Well-wikipedia2.svg"><tt>Well-wikipedia2.svg</tt></a></li>
<li>GFDL: <a href="./index.html?filename=0038-fahrradsammlung-RalfR.jpg"><tt>0038-fahrradsammlung-RalfR.jpg</tt></a></li>
<li>Ingen licens: <a href="./index.html?filename=%22A_Basket%20full%20of%20Wool%22%20%286360159381%29.jpg"><tt>"A Basket full of Wool" (6360159381).jpg</tt></a></li>
<li>Ingen info-mall: <a href="./index.html?filename=Ruins_at_Delfi.JPG"><tt>Ruins at Delfi.JPG</tt></a></li>
</ul>
</div>
</div>
<div class="logo">
<img src="images/credit-my-cc.svg" alt="Credit-my-CC logo" title="Credit-my-CC logo" class="logo"/>
</div>
<h1>Bryter någon mot licensen på ditt verk?</h1>
<p>
Har du hittat en användning av ett verk du laddat upp till Wikimedia Commons där licensen inte följs ordentligt?<br />
Är du osäker på hur du ska formulera ett klagomål?<br />
Då kan du använda nedanstående verktyg för att snabbt sätta ihop ett e-post till illdådaren.
</p>
<div id="filename_form" class="form">
<label for="filename">Filnamn:</label> <input type="text" id="filename" title="Den använda filens namn på Wikimedia Commons" placeholder="Foo.jpg" tabindex=1 required/>
<button id="button" class="button" tabindex=2>Kolla!</button>
</div>
<p></p>
<div id="thumbDiv" class="thumbDiv indent hidden">
<a><img id="thumb" title="Den använda bilden" alt="Den använda bilden"/></a>
</div>
<p id="reflect" class="clear problem indent"></p>
<div id="post_lookup" class="hidden form">
<label>Titel:</label> <span id="pagename"><a></a></span><br />
<label>Licens:</label> <span id="license"><a></a></span><br />
<label for="usage">Användning:</label> <input type="text" id="usage" title="Var används filen på ett felaktigt sätt" placeholder="www.skvallerblaskan.se/hetasteNyheten/" tabindex=3 required/><br />
<label for="credit">Erkännande:</label> <input type="text" id="credit" title="Hur jag vill bli erkänd" class="to_preview" placeholder="Användarnamn" tabindex=4 required/> <span id="credit_preview" class="preview"></span><br />
<span id="credit_extra" class="indent cmt" title="Texten i fältet 'Källa' på Commons"></span><br />
<label for="upload_date">Uppladdningsdatum:</label> <input type="text" id="upload_date" title="Uppladdningsdatum (kan utelämnas)" placeholder="ÅÅÅÅ-MM-DD" tabindex=5 /><br />
<span id="upload_date_cmt" class="indent cmt"></span><br />
<label for="descr">Beskrivning:</label> <input type="text" id="descr" title="En kort beskrivning av bilden (kan utelämnas)" class="to_preview" placeholder="Jimmy Wales" tabindex=6 /> <span id="descr_preview" class="preview"></span><br />
<span id="descr_extra" class="indent cmt" title="Beskrivningen på filsidan"></span><br />
<input type="hidden" id="license_title" required/>
<input type="hidden" id="license_url" required/>
<input type="hidden" id="file_title" required/>
<input type="hidden" id="file_url" required/>
<!--<label for="letter_selector">Brevtyp:</label> <select id="letter_selector" title="Välj ett av de olika brevformaten" tabindex=8 required/></select><span class="problem">*</span><br />-->
<label for="letter_selector">Brevtyp:</label>
<div id="letter_selector" title="Välj ett av de olika brevformaten">
<div class="letter_selector_group">
<label for="letter_selector_happy"><img src="./images/Face-smile.png" width="35px" alt="Glatt brev" title="Glatt brev" /></label>
<input type="radio" name="letter_selector_radio" value="happy" id="letter_selector_happy" tabindex=7 checked/>
</div>
<div class="letter_selector_group">
<label for="letter_selector_neutral"><img src="./images/Face-plain.png" width="35px" alt="Neutralt brev" title="Neutralt brev" /></label>
<input type="radio" name="letter_selector_radio" value="neutral" id="letter_selector_neutral" />
</div>
<div class="letter_selector_group">
<label for="letter_selector_angry"><img src="./images/Face-sad.png" width="35px" alt="Argt brev" title="Argt brev" /></label>
<input type="radio" name="letter_selector_radio" value="angry" id="letter_selector_angry" />
</div>
<div class="letter_selector_group">
<label for="letter_selector_other"><img src="./images/Face-monkey.png" width="35px" alt="Andra brev" title="Andra brev" /></label>
<input type="radio" name="letter_selector_radio" value="other" id="letter_selector_other" />
</div><span class="problem">*</span>
<select class="hidden" id="letter_selector_list" title="Välj ett av de andra brevformaten" /></select>
</div><br />
<button id="button_write" class="button indent" tabindex=8 >Skriv!</button>
</div>
<br />
<div id="letter" class="clear hidden">
<div id="copy_me">
Kopiera text och formatering genom att trycka <b>Ctrl + c</b> eller <b>⌘ + c</b> (du behöver inte markera texten).<br />
Detta gör att du lätt kan klistra in texten i ett e-post som du skickar.
</div>
<div id="letter_templated" class="letter"></div>
</div>
<div id="clipboard" class="clipboard"></div><!-- Hidden div for simplified copy-pasting -->
<footer class="footer">
<hr />
<p>
Denna sida producerades för <a href="http://wikimedia.se/">Wikimedia Sverige</a> av André Costa.<br />
Du hittar källkoden på <a href="https://github.com/lokal-profil/credit-my-cc">GitHub</a> och kan anmäla fel/förbättringar
där eller på <a href="https://se.wikimedia.org/wiki/Anv%C3%A4ndardiskussion:Andr%C3%A9_Costa_%28WMSE%29">Andrés diskussionssida</a>.<br />
Ikonerna kommer från <a href="https://en.wikipedia.org/wiki/Tango_Desktop_Project">Tango!</a>-projektet (Public Domain).<br />
Logotypen använder element från <a href="https://creativecommons.org/about/downloads#Icons">BY-ikonen</a> av Creative Commons
(<a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>) samt
<a href="https://commons.wikimedia.org/wiki/File:Speech_bubble.svg">Speech bubble</a> av Amada44 (Public Domain).
</p>
</footer>
<!-- Templates -->
<!-- Used for testing (real ones are in /templates) -->
<script type="text/html" id="template_basic">
<ul>
<li><label>Description:</label> <span data-content="descr"></span></li>
<li><label>Usage:</label> <span data-content="usage"></span></li>
<li><label>Upload date:</label> <span data-content="upload_date"></span></li>
<li><label>File_title:</label> <span data-content="file_title"></span></li>
<li><label>File_url:</label> <span data-content="file_url"></span></li>
<li><label>License_name:</label> <span data-content="license_title"></span></li>
<li><label>License_url:</label> <span data-content="license_url"></span></li>
<li><label>Credit:</label> <span data-content="credit"></span></li>
<li><label>Example (online):</label> <span data-content="example_online"></span></li>
<li><label>Exempel (offline):</label> <span data-content="example_offline"></span></li>
</ul>
</script>
</body>
</html>