https://opensolutions.design/1

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <title>LinkCenter - OpenSolutions</title>
5    <meta property="og:title" content="LinkCenter - OpenSolutions" />
6    <meta
7      property="og:image"
8      content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/a86d5926-5395-42ef-b203-92913f2df292/3e9cf515-d31b-4b25-9916-e64bac3d6dcf?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="./1.css" rel="stylesheet" />
105
106      <div class="link-center-container">

107        <span class="link-center-text10">
108          <span>Brom McCullough portfolio center</span>
109          <br />
110        </span>
111        <span class="link-center-text13">
112          <span class="link-center-text14">
113            My work is across 2 websites, with newest additions here.&nbsp;
114          </span>
115          <span class="link-center-text15">
116            I am in the process of moving all content to this site.
117          </span>
118          <br class="link-center-text16" />
119          <span class="link-center-text17">🏗</span>
120          <br class="link-center-text18" />
121        </span>
122        <a
123          href="https://bromraven.myportfolio.com/"
124          target="_blank"
125          rel="noreferrer noopener"
126          class="link-center-link button"
127        >
128          <span>
129            <span>2015 - 2021&nbsp;</span>
130            <span>⇗</span>
131          </span>
132        </a>
133        <a href="2.html" class="link-center-navlink1 button">
134          <span class="link-center-text22">2021 - current (in progress)</span>
135        </a>
136        <a href="index.html" class="link-center-navlink2 button">
137          <span>Released Works&nbsp;⌂</span>
138        </a>
139      </div>
140    </div>
141    

141<script>
142          document.addEventListener("DOMContentLoaded", function() {
143          var audio = new Audio("Media/Audio/click1.mp3");
144
145          function ResetSound(){
146              audio.pause();
147              audio.load();
148          }
149
150          function PlaySound(event){
151            event.preventDefault();
152
153              ResetSound();
154              audio.play();
155                console.log("poopie");
156              var targetHref = event.currentTarget.getAttribute('href');
157
158            setTimeout(function() {
159              window.location.href = targetHref;
160            }, 500);
161            //change this number depending on how long you want it to wait before going to the new page
162          }
163
164          var buttons = document.querySelectorAll('.button');
165          buttons.forEach(function(button){
166            button.addEventListener("click", PlaySound);
167          })
168      })
169    </script>

169
170  </body>
171</html>