attribution_card.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!-- from http://www.thingiverse.com/thing:8174 by whosawhatsis, used with permission -->
  2. <style type="text/css">
  3. #tagback {padding: 50px;background: white;}
  4. .tag {position: relative;border: 1px solid #eeeeee;width: 450px;height: 150px;margin: 0px;padding: 10px 10px 10px 120px;}
  5. .tag .qrcode-sidebar {float: right;margin: 0px;padding: 0px;}
  6. .tag a {color: black;text-decoration: none;}
  7. .tag h1 {font: bold 18px Arial,sans-serif;margin: 0px;padding: 0px; word-wrap: break-word; max-height: 2.25em; overflow: hidden;}
  8. .tag h2 {font: 14px Arial,sans-serif;margin: 0px;padding: 0px;}
  9. .tag h3 {font: 12px Courier,monospace;margin: 0px;padding: 0px;}
  10. .tag h4 {font: 9px Arial,sans-serif;position: absolute;bottom: 0px;left: 0px;margin: 0px 150px 0px 0px;padding: 0px;}
  11. .tag h4 div {float: left;margin: 0px 5px 15px 125px;height: 40px;}
  12. .tag h4 div img {height: 40px;}
  13. </style>
  14. <div id="tagback"><div class="tag">
  15. <div class="qrcode-sidebar">
  16. <img src="//chart.apis.google.com/chart?chs=150x150&cht=qr&chl=thingiverse.com/thing:3069869&choe=UTF-8&chld=Q|1">
  17. </div>
  18. <h1>Medium Ball Jointed Girl by 7Fish</h1>
  19. <h2>Published on September 3, 2018</h2>
  20. <h3>www.thingiverse.com/thing:3069869</h3>
  21. <h4>
  22. <div class="row-fluid cc-licenses">
  23. <span class="span3">
  24. <img src="//www.thingiverse.com/img/cc/chooser_cc.png" />
  25. </span>
  26. <span class="span3">
  27. <img src="//www.thingiverse.com/img/cc/chooser_by.png" />
  28. </span>
  29. <span class="span3">
  30. <img src="//www.thingiverse.com/img/cc/chooser_nc.png" />
  31. </span>
  32. <span class="span3">
  33. <img src="//www.thingiverse.com/img/cc/chooser_sa.png" />
  34. </span>
  35. </div>
  36. Creative Commons - Attribution - Non-Commercial - Share Alike<br /></h4>
  37. </div></div>
  38. <script>
  39. // TODO
  40. window.onload = function(){
  41. document.getElementById('tagback').appendChild(document.getElementById('tagback').firstChild.cloneNode(true));
  42. };
  43. </script>