attribution_card.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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;}
  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:1725308&choe=UTF-8&chld=Q|1">
  17. </div>
  18. <h1>Soldering Fingers by mistertech</h1>
  19. <h2>Published on August 19, 2016</h2>
  20. <h3>www.thingiverse.com/thing:1725308</h3>
  21. <h4>
  22. <div class="row-fluid cc-licenses">
  23. <span class="span4">
  24. <img src="//www.thingiverse.com/img/cc/chooser_cc.png" />
  25. </span>
  26. <span class="span4">
  27. <img src="//www.thingiverse.com/img/cc/chooser_by.png" />
  28. </span>
  29. <span class="span4">
  30. <img src="//www.thingiverse.com/img/cc/chooser_nc.png" />
  31. </span>
  32. </div>
  33. Creative Commons - Attribution - Non-Commercial<br /></h4>
  34. </div></div>
  35. <script>
  36. window.onload = function(){
  37. document.getElementById('tagback').appendChild(document.getElementById('tagback').firstChild.cloneNode(true));
  38. };
  39. </script>