1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>PaintMarker - OpenSolutions</title> 5 <meta property="og:title" content="PaintMarker - OpenSolutions" /> 6 <meta 7 property="og:image" 8 content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/a86d5926-5395-42ef-b203-92913f2df292/4e8c6a0b-f9a1-45fe-a4d2-22ce899f4da3?org_if_sml=1&force_format=original" 9 /> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 11 <meta charset="utf-8" /> 12 <meta property="twitter:card" content="summary_large_image" /> 13 14 <style data-tag="reset-style-sheet"> 15 html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid; -webkit-font-smoothing: antialiased;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption { margin: 0; padding: 0;}button { background-color: transparent;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button; color: inherit;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}details { display: block; margin: 0; padding: 0;}summary::-webkit-details-marker { display: none;}[data-thq="accordion"] [data-thq="accordion-content"] { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding: 0;}[data-thq="accordion"] details[data-thq="accordion-trigger"][open] + [data-thq="accordion-content"] { max-height: 1000vh;}details[data-thq="accordion-trigger"][open] summary [data-thq="accordion-icon"] { transform: rotate(180deg);}html { scroll-behavior: smooth } 16 </style> 17 <style data-tag="default-style-sheet"> 18 html { 19 font-family: Inter; 20 font-size: 16px; 21 } 22 23 body { 24 font-weight: 400; 25 font-style:normal; 26 text-decoration: none; 27 text-transform: none; 28 letter-spacing: normal; 29 line-height: 1.15; 30 color: var(--dl-color-gray-black); 31 background: var(--dl-color-gray-white); 32 33 fill: var(--dl-color-gray-black); 34 } 35 </style> 36 <link 37 rel="stylesheet" 38 href="https://unpkg.com/[email protected]/animate.css" 39 /> 40 <link 41 rel="shortcut icon" 42 href="public/e6f56d_a2b47380e8504300bfb2844e4a8a5159~mv2.gif" 43 type="icon/png" 44 sizes="32x32" 45 /> 46 <link 47 rel="stylesheet" 48 href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" 49 data-tag="font" 50 /> 51 <link 52 rel="stylesheet" 53 href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" 54 data-tag="font" 55 /> 56 <link 57 rel="stylesheet" 58 href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 59 data-tag="font" 60 /> 61 <link 62 rel="stylesheet" 63 href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 64 data-tag="font" 65 /> 66 <link 67 rel="stylesheet" 68 href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" 69 data-tag="font" 70 /> 71 <link 72 rel="stylesheet" 73 href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 74 data-tag="font" 75 /> 76 <link 77 rel="stylesheet" 78 href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" 79 data-tag="font" 80 /> 81 <link 82 rel="stylesheet" 83 href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 84 data-tag="font" 85 /> 86 <link 87 rel="stylesheet" 88 href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 89 data-tag="font" 90 /> 91 <link 92 rel="stylesheet" 93 href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 94 data-tag="font" 95 /> 96 <link 97 rel="stylesheet" 98 href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css" 99 /> 100 </head> 101 <body> 102 <link rel="stylesheet" href="./style.css" /> 103 <div> 104 <link href="./paint-marker.css" rel="stylesheet" /> 105 106 <div class="paint-marker-container1"> 107 <header data-role="Header" class="paint-marker-header"> 108 <a href="index.html" class="paint-marker-navlink">â</a> 109 <div class="paint-marker-container2">
110 <span class="paint-marker-text1">Paint Marker</span> 111 </div> 112 </header> 113 <div class="paint-marker-container3"> 114 <div class="paint-marker-container4"> 115 <img 116 alt="image" 117 src="https://opensolutions.design/Media/MopIsolatedCapOn.png" 118 class="paint-marker-image1" 119 /> 120 <img 121 alt="image" 122 src="https://opensolutions.design/Media/ArrowheadCapSectionWireframe(1).png" 123 class="paint-marker-image2" 124 /> 125 <img 126 alt="image" 127 src="https://opensolutions.design/Media/ScrewCapWireframeTransparten(1).png" 128 class="paint-marker-image3" 129 /> 130 <img 131 alt="image" 132 src="https://opensolutions.design/Media/MopIsolatedCapOff.png" 133 class="paint-marker-image4" 134 /> 135 </div> 136 <div class="paint-marker-container5"> 137 <span class="paint-marker-text2"> 138 <span> 139 Cap and collar converting plastic bottles to paint markers. 140 Tested with 25mm Molotow nibs, Aquafina, and arrowhead brand 141 water bottles. 142 </span> 143 <br /> 144 <span> 145 Documentation and instructions will be posted here! 146 </span> 147 <span> 148 This will take some time as I need to finalize the messy models 149 and create documentation. 150 </span> 151 <br /> 152 <span>(âoâ)</span> 153 <br /> 154 </span> 155 <a 156 href="https://www.thingiverse.com/thing:6922357" 157 target="_blank" 158 rel="noreferrer noopener" 159 class="paint-marker-link button" 160 > 161 Download â 162 </a> 163 </div> 164 </div> 165 </div> 166 </div> 167
167<script> 168 document.addEventListener("DOMContentLoaded", function() { 169 var audio = new Audio("Media/Audio/click1.mp3"); 170 171 function ResetSound(){ 172 audio.pause(); 173 audio.load(); 174 } 175 176 function PlaySound(event){ 177 event.preventDefault(); 178 179 ResetSound(); 180 audio.play(); 181 console.log("poopie"); 182 var targetHref = event.currentTarget.getAttribute('href'); 183 184 setTimeout(function() { 185 window.location.href = targetHref; 186 }, 500); 187 //change this number depending on how long you want it to wait before going to the new page 188 } 189 190 var buttons = document.querySelectorAll('.button'); 191 buttons.forEach(function(button){ 192 button.addEventListener("click", PlaySound); 193 }) 194 }) 195 </script>
195 196 </body> 197</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.