https://opensolutions.design/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <title>OpenSolutions</title>
5    <meta property="og:title" content="OpenSolutions" />
6    <meta
7      property="og:image"
8      content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/a86d5926-5395-42ef-b203-92913f2df292/4f406980-989a-4880-a408-ffa8ca795703?org_if_sml=1&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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="./index.css" rel="stylesheet" />
105
106      <div class="index-container1">
107        <div class="index-container2">
108          <label class="index-title">

109            <span>Open solutions</span>
110            <br class="index-text11" />
111          </label>
112          <a href="1.html" class="index-navlink1">
113            <img
114              alt="image"
115              src="https://opensolutions.design/Media/WorkingLogo-01.svg"
116              loading="eager"
117              class="index-image1"
118            />
119          </a>
120        </div>
121        <div class="index-container3">
122          <div class="index-container4">
123            <a href="nalgine-strap.html" class="index-navlink2 button">
124              <img
125                alt="image"
126                src="https://opensolutions.design/Media/NalgineOpenTop.png"
127                class="index-image2"
128              />
129              <span class="index-text12">
130                <span>Nalgene Connector Strap</span>
131                <br />
132              </span>
133            </a>
134            <a href="paint-marker.html" class="index-navlink3 button">
135              <img
136                alt="image"
137                src="https://opensolutions.design/Media/MopIsolatedCapOff.png"
138                class="index-image3"
139              />
140              <span class="index-text15">
141                <span>Paint</span>
142                <span>Marker</span>
143                <br />
144              </span>
145            </a>
146          </div>
147          <div class="index-container5">
148            <a href="folding-crate.html" class="index-flatpack-crate button">
149              <img
150                alt="image"
151                src="https://opensolutions.design/Media/CoinCrate(1).png"
152                class="index-image4"
153              />
154              <span class="index-text19">Flatpack Crate</span>
155            </a>
156            <a href="skdis-thread-hooks.html" class="index-hooks button">
157              <img
158                alt="image"
159                src="https://opensolutions.design/Media/PegboardHolderTransparent.png"
160                class="index-image5"
161              />
162              <span class="index-text20">SKÅDIS Thread Hooks</span>
163            </a>
164          </div>
165        </div>
166        <div id="About" class="index-about">
167          <div class="index-container6">
168            <h1 class="index-text21">
169              <span>ⓘ Project under Construction</span>
170              <br />
171            </h1>
172            <a href="grinder.html" class="index-button button">&nbsp;</a>
173          </div>
174          <h2 class="index-text24">
175            <span>
176              Welcome to OpenSolutions, a documentation repository of
177              open-source consumer focused products designed for additive
178              fabrication.
179            </span>
180            <br class="index-text26" />
181            <span class="index-text27">
182              I'm still working on this in my spare time so it will come&nbsp;
183              along slowly&nbsp;
184            </span>
185            <span>
186              as I do not have ample time to work on this project. Stop by every
187              now and then to see what's up!
188            </span>
189            <br />
190            <span>(；′⌒`)⇍🍪,🔲</span>
191            <br />
192            <span>Cached data makes the site sick after some updates</span>
193            <br />
194          </h2>
195          <div class="index-container7">
196            <a
197              href="https://thegrid415.carrd.co/"
198              target="_blank"
199              rel="noreferrer noopener"
200              class="index-link1 button"
201            >
202              Contributing Artist ⇗
203            </a>
204            <a href="rights-and-usage.html" class="index-navlink4 button">
205              Usage Notice
206            </a>
207            <a
208              href="https://neocities.org/"
209              target="_blank"
210              rel="noreferrer noopener"
211              class="index-link2"
212            >
213              <img
214                alt="image"
215                src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Neocities_Logo.svg/1200px-Neocities_Logo.svg.png"
216                class="index-image6"
217              />
218            </a>
219          </div>
220        </div>
221      </div>
222    </div>
223    

223<script>
224          document.addEventListener("DOMContentLoaded", function() {
225          var audio = new Audio("Media/Audio/click1.mp3");
226
227          function ResetSound(){
228              audio.pause();
229              audio.load();
230          }
231
232          function PlaySound(event){
233            event.preventDefault();
234
235              ResetSound();
236              audio.play();
237                console.log("poopie");
238              var targetHref = event.currentTarget.getAttribute('href');
239
240            setTimeout(function() {
241              window.location.href = targetHref;
242            }, 500);
243            //change this number depending on how long you want it to wait before going to the new page
244          }
245
246          var buttons = document.querySelectorAll('.button');
247          buttons.forEach(function(button){
248            button.addEventListener("click", PlaySound);
249          })
250      })
251    </script>

251
252  </body>
253</html>