1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>NalgineStrap - OpenSolutions</title> 5 <meta property="og:title" content="NalgineStrap - OpenSolutions" /> 6 <meta 7 property="og:image" 8 content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/a86d5926-5395-42ef-b203-92913f2df292/5829d9ef-ce5f-4820-8c05-2f11474fb285?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="./nalgine-strap.css" rel="stylesheet" /> 105 106 <div class="nalgine-strap-container1"> 107 <header data-role="Header" class="nalgine-strap-header"> 108 <a href="index.html" class="nalgine-strap-navlink">â</a> 109 <span class="nalgine-strap-text1">Nalgine Strap</span> 110 </header> 111 <div class="nalgine-strap-container2"> 112 <div class="nalgine-strap-image-container"> 113 <img 114 alt="image" 115 src="https://opensolutions.design/Media/NalgineOpenTop.png" 116 class="nalgine-strap-image1" 117 /> 118 <img 119 alt="image" 120 src="https://opensolutions.design/Media/NalgineOpenSide.png" 121 class="nalgine-strap-image2" 122 /> 123 </div> 124 <div class="nalgine-strap-container3"> 125 <span class="nalgine-strap-text2"> 126 <span> 127 Originally printed from TPU, nylon or any other flexible - 128 semiflex material will work. Model is fully parametric. 129 </span> 130 <br /> 131 </span> 132 <a 133 href="https://www.thingiverse.com/thing:6814329" 134 target="_blank" 135 rel="noreferrer noopener" 136 class="nalgine-strap-link button" 137 > 138 <span class="nalgine-strap-text5">Download â</span> 139 </a> 140 </div> 141 </div> 142 </div> 143 </div> 144
144<script> 145 document.addEventListener("DOMContentLoaded", function() { 146 var audio = new Audio("Media/Audio/click1.mp3"); 147 148 function ResetSound(){ 149 audio.pause(); 150 audio.load(); 151 } 152 153 function PlaySound(event){ 154 event.preventDefault(); 155 156 ResetSound(); 157 audio.play(); 158 console.log("poopie"); 159 var targetHref = event.currentTarget.getAttribute('href'); 160 161 setTimeout(function() { 162 window.location.href = targetHref; 163 }, 500); 164 //change this number depending on how long you want it to wait before going to the new page 165 } 166 167 var buttons = document.querySelectorAll('.button'); 168 buttons.forEach(function(button){ 169 button.addEventListener("click", PlaySound); 170 }) 171 }) 172 </script>
172 173 </body> 174</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.