1<!DOCTYPE html> 2<html lang="pl"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6<title>Generator rebusów</title> 7<meta name="description" content="Generuj rebusy na podstawie wÅasnych haseÅ lub zwrotów i zapisuj je jako pliki PNG lub PDF." /> 8<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 9<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 10<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> 11<link href="style.css" rel="stylesheet"> 12 13<link href='https://fonts.googleapis.com/css?family=Bubblegum+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'> 14</head> 15<body onload="initialize()"> 16 <nav class="navbar absolute-top blue hidden"> 17 <div class="row width100"> 18 <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" id="navbar-logo"> 19 <a href="https://www.rebusy.edu.pl"><img src="./logo.png" alt="rebusy.edu.pl"/></a> 20 <h1>rebusy·edu·pl</h1> 21 </div> 22 </div> 23 </nav> 24 25 26 <div class="container"> 27 <div class="jumbotron"> 28 <img src="rebuses1.png" alt="rebusy.edu.pl logo"> 29 <h1>REBUSY·EDU·PL</h1> 30 <img src="rebuses2.png" alt="rebusy.edu.pl logo"> 31 <h2>Twórz i drukuj wÅasne rebusy.</h2> 32 33 </div> 34 </div> 35 <!--SELECTION--> 36 <div class="container center"> 37 <h2>Generator rebusów</h2> 38 <p>Wprowadź sÅowo, wyrażenie lub krótkie zdanie, na podstawie którego chcesz wygenerowaÄ rebus w polu poniżej.<br/>DomyÅlnie każdemu sÅowu bÄdzie opowiadaÅ jeden obraz, aby dane sÅowo byÅo przedstawione przez kilka obrazów, należy je podzieliÄ znakiem spacji (np. zamiast <i>ekspedycja</i> wpisaÄ <i>ekspe dycja</i>).</p> 39 <div class="input-group"> 40 <input type="text" class="form-control" id="phrase" placeholder="SÅowo, wyrażenie lub krótkie zdanie"> 41 <div id="num_div15" class="input-group-btn"></div> 42 </div> 43 <br/> 44 <div class="row"> 45 <div class="col text-center"> 46 <button type="submit" onclick="generate('pl');" class="btn btn-primary"><i class="fa fa-cogs" aria-hidden="true"></i> Utwórz rebus (jÄzyk polski)</button> 47 </div> 48 49 <div class="col text-center"> 50 <button type="submit" onclick="generate('en');" class="btn btn-primary"><i class="fa fa-cogs" aria-hidden="true"></i> Utwórz rebus (jÄzyk angielski)</button> 51 </div> 52 53 </div> 54 </div> 55 56 <div class="container center"> 57 <div id="rebus"> 58 <table id="rebus_table"> 59 <tbody> 60 <tr><td> </td></tr> 61 <tr><td class="rebus_head" id="rebus_head0"></td><td class="rebus_head" id="rebus_head1"></td><td class="rebus_head" id="rebus_head2"></td><td class="rebus_head" id="rebus_head3"></td><td class="rebus_head" id="rebus_head4"></td><td class="rebus_head" id="rebus_head5"></td><td class="rebus_head" id="rebus_head6"></td><td class="rebus_head" id="rebus_head7"></td><td class="rebus_head" id="rebus_head8"></td><td class="rebus_head" id="rebus_head9"></td></tr> 62 <tr><td class="rebus_arrows" id="rebus_arrows0"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(0)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(0)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows1"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(1)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(1)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows2"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(2)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(2)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows3"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(3)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(3)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows4"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(4)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(4)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows5"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(5)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(5)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows6"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(6)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(6)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows7"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(7)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(7)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows8"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(8)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(8)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td><td class="rebus_arrows" id="rebus_arrows9"><button type="submit" class="btn btn-primary btn-sm" onclick="prevPic(9)"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm" onclick="nextPic(9)"><i class="fa fa-angle-right" aria-hidden="true"></i></button></td></tr> 63 <tr><td class="rebus_img" id="rebus_img0"></td><td class="rebus_img" id="rebus_img1"></td><td class="rebus_img" id="rebus_img2"></td><td class="rebus_img" id="rebus_img3"></td><td class="rebus_img" id="rebus_img4"></td><td class="rebus_img" id="rebus_img5"></td><td class="rebus_img" id="rebus_img6"></td><td class="rebus_img" id="rebus_img7"></td><td class="rebus_img" id="rebus_img8"></td><td class="rebus_img" id="rebus_img9"></td></tr> 64 <tr><td class="rebus_desc" id="rebus_desc0"></td><td class="rebus_desc" id="rebus_desc1"></td><td class="rebus_desc" id="rebus_desc2"></td><td class="rebus_desc" id="rebus_desc3"></td><td class="rebus_desc" id="rebus_desc4"></td><td class="rebus_desc" id="rebus_desc5"></td><td class="rebus_desc" id="rebus_desc6"></td><td class="rebus_desc" id="rebus_desc7"></td><td class="rebus_desc" id="rebus_desc8"></td><td class="rebus_desc" id="rebus_desc9"></td></tr> 65 <tr><td class="rebus_control" id="rebus_control0"><button type="submit" onclick="prevKeyword(0);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(0);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control1"><button type="submit" onclick="prevKeyword(1);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(1);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control2"><button type="submit" onclick="prevKeyword(2);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(2);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control3"><button type="submit" onclick="prevKeyword(3);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(3);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control4"><button type="submit" onclick="prevKeyword(4);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(4);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control5"><button type="submit" onclick="prevKeyword(5);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(5);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control6"><button type="submit" onclick="prevKeyword(6);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(6);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control7">
65<button type="submit" onclick="prevKeyword(7);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(7);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control8"><button type="submit" onclick="prevKeyword(8);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(8);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button><td class="rebus_control" id="rebus_control9"><button type="submit" onclick="prevKeyword(9);" class="btn btn-primary"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" onclick="nextKeyword(9);" class="btn btn-primary"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button></tr> 66 <tr><td> </td></tr> 67 </tbody> 68 </table> 69 </div> 70 </div> 71 <hr> 72 73 <div id="export_section"> 74 <div class="container center"> 75 <p>Aby zapisaÄ wygeneroway rebus jako plik PNG lub PDF proszÄ skorzystaÄ z przycisków poniżej. Rebus można wydrukowaÄ z programu obsÅugujÄ cego dany typ pliku.</p> 76 <div class="row"> 77 <div class="col text-center"> 78 <button type="submit" class="btn btn-primary" onclick="savePDF();"><i class="fa fa-file-pdf" aria-hidden="true"></i> Zapisz jako plik PDF</button> 79 </div> 80 <div class="col text-center"> 81 <button type="submit" class="btn btn-primary" onclick="savePNG();"><i class="fa fa-file-alt" aria-hidden="true"></i> Zapisz jako plik PNG</button> 82 </div> 83 </div> 84 </div> 85 <hr> 86 </div> 87 88 <div class="container center"> 89 <h2>Instrukcja obsÅugi</h2> 90 <p><span class="step">1</span>Wprowadź sÅowo, wyrażenie lub krótkie zdanie w jÄzyku polskim lub angielskim, na podstawie którego chcesz wygenerowaÄ rebus w odpowiednie pole i naciÅnij przycisk <button type="submit" class="btn btn-primary btn-sm disabled"><i class="fa fa-cogs" aria-hidden="true"></i> Utwórz rebus</button> dla wybranego jÄzyka. 91 </p> 92 <p><span class="step">2</span>Po wyÅwietleniu informacji o rebusie należy dostosowaÄ sÅowa używane do tworzenia rebusów, naciskajÄ c przyciski <button type="submit" class="btn btn-primary btn-sm disabled"><i class="fa fa-caret-square-left " aria-hidden="true"></i> Poprz.</button> <button type="submit" class="btn btn-primary btn-sm disabled"><i class="fa fa-caret-square-right" aria-hidden="true"></i> Nast.</button> pod każdym zakodowanym sÅowem.</p> 93 <p><span class="step">3</span>Aby zmieniÄ obrazy użyte do przedstawienia każdego sÅowa użyj przycisków <button type="submit" class="btn btn-primary btn-sm disabled"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button type="submit" class="btn btn-primary btn-sm disabled"><i class="fa fa-angle-right" aria-hidden="true"></i></button> nad każdym obrazem.</p> 94 <p><span class="step">4</span>Ostatnim krokiem jest zapisanie rebusu jako PDF lub PNG przy użyciu przycisków <button type="submit" class="btn btn-primary btn-sm disabled" ><i class="fa fa-file-pdf" aria-hidden="true"></i> Zapisz jako plik PDF</button> i <button type="submit" class="btn btn-primary btn-sm disabled"><i class="fa fa-file-alt" aria-hidden="true"></i> Zapisz jako plik PNG</button><br/> 95 <br/>Obrazy używane do tworzenia rebusów sÄ udostÄpniane na licencji Creative
95Commons CC0 (https://creativecommons.org/publicdomain/zero/1.0/deed.pl), można z nich korzystaÄ w niemal każdym celu w tym w celach komercyjnych. 96 </div> 97 98<div class="container center"> 99 <h2>Czym sÄ rebusy?</h2> 100<p>Wikipedia definiuje rebus jako âÅamigÅówkÄ pokrewnÄ szaradzie skÅadajÄ cÄ siÄ z odpowiednio uÅożonych rysunków, napisów i znaków.â RozwiÄ zanie rebusu polega na odczytaniu zaszyfrowanego hasÅa.</p> 101 102<p>Rebus w podobnej formie byÅ ulubionÄ formÄ wyrażenia heraldycznego używanego w Åredniowieczu do oznaczania nazwisk. Użyte obrazy nawiÄ zywaÅy do nazwiska, zawodu lub cech osobistych posiadacza i przemawiajÄ do patrzÄ cego ânie sÅowami, lecz rzeczamiâ.</p> 103 104<p>Ze znanych postaci historycznych rebusy tworzyli m.in. Leonardo da Vinci, Sandro Botticelli, François Rabelais, Voltaire, Mark Twain. WÅród polskich autorów przykÅadem może byÄ Henryk Hektor Siemiradzki.</p> 105 </div> 106 107<div class="container center"> 108 <h2>PrzykÅadowe rebusy</h2> 109<p>Oto kilka przykÅadów rebusów stworzonych za pomocÄ tej strony. KlikniÄcie na rebus ujawnia odpowiedź.</p> 110 111<p><img src="./examples/list.png" class="img-thumbnail" onclick="alert('Odpowiedź: list');" alt="Rebus 1"></p> 112<p><img src="./examples/mikser.png" class="img-thumbnail" onclick="alert('Odpowiedź: mikser (miÅ + ser)');" alt="Rebus 2"></p> 113<p><img src="./examples/traktor.png" class="img-thumbnail" onclick="alert('Odpowiedź: traktor (wrak + tor)');" alt="Rebus 3"></p> 114<p><img src="./examples/kukuÅka.png" class="img-thumbnail" onclick="alert('Odpowiedź: kukuÅka (Åuk + buÅka)');" alt="Rebus 4"></p> 115<p><img src="./examples/konstrukcja.png" class="img-thumbnail" onclick="alert('Odpowiedź: konstrukcja (kod + instrukcja)');" alt="Rebus 5"></p> 116<p><img src="./examples/grosz_do_grosza.png" class="img-thumbnail" onclick="alert('Odpowiedź: grosz do grosza (gÅos + dno + groźba)');" alt="Rebus 6"></p> 117 118 </div> 119 120 121<div class="container center"> 122 <h2>Polecane strony</h2> 123<p>Lista polecanych stron o tematyce szkolnej dla uczniów i nauczycieli:</p> 124<p><a href="https://www.rebuses.org/"><img src="./rebuses_org.png" class="img-thumbnail" alt="Rebusy po angielsku"></a></p> 125</div> 126 127 </div> 128 129 <footer class="footer"> 130 131<p><strong>Polityka prywatnoÅci</strong><br> 132 Ten serwis używa plików cookies w celach statystycznych. Akceptacja plików cookies lub ich wyÅÄ czenie możliwa jest poprzez ustawienia przeglÄ darki internetowej. Dane osobowe oraz wpisywane przez użytkowników hasÅa nie sÄ gromadzone. 133<p><strong>ŹródÅa danych</strong><br> 134 Obrazy używane do tworzenia rebusów sÄ pobierane z serwisu PixaBay.com i publikowane na licencji Creative
134Commons CC0.<br/> 135<p><strong>Warunki użycia</strong><br> 136 Dane zamieszczone sÄ bez jakiejkolwiek gwarancji co do ich dokÅadnoÅci, poprawnoÅci, aktualnoÅci, zupeÅnoÅci czy też przydatnoÅci w jakimkolwiek celu. 137 </footer> 138 139
139<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
139 140
140<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
140 141
141<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
141 142
142<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
142 143
143<script type="text/javascript" src="jspdf.min.js"></script>
143 144
144<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
144 145
145<script type="text/javascript" src="html2pdf.js"></script>
145 146
146<script type="text/javascript" src="levenshtein.js"></script>
146 147
147<script type="text/javascript" src="data_pl.js"></script>
147 148
148<script type="text/javascript" src="data_en.js"></script>
148 149
149<script type="text/javascript" src="spin.min.js"></script>
149 150
150<script type="text/javascript" src="script.js"></script>
150 151 152<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 152-153
152 153<script async src="https://www.googletagmanager.com/gtag/js?id=
153UA-3750774-20
vendor: 13 bytes, line 153
153"></script>
154<script> 155
vendor: 138 bytes, lines 155-159
155window.dataLayer = window.dataLayer || []; 156 function gtag(){dataLayer.push(arguments);} 157 gtag('js', new Date()); 158 159 gtag('config', '
159UA-3750774-20
vendor: 31 bytes, line 159
159', { 'anonymize_ip': true });
160</script>
160 161 162 163 164</body> 165</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.