1 2<html> 3 <head> 4 <title>Marak.com</title> 5 <style> 6 body { 7 font-size:24px; 8 padding: 0px; 9 margin: 0px; 10 } 11 .bg { 12 margin: 0px; 13 } 14 .bgInner { 15 padding-top: 15px; 16 padding-bottom: 15px; 17 padding-left: 30px; 18 padding-right: 30px; 19 } 20 21 footer { 22 padding: 5px; 23 } 24 .yield { 25 /* 26 margin-left: 5px; 27 margin-top: 5px; 28 */ 29 } 30 ul li { 31 padding-bottom: 5px; 32 list-style-type: square; 33 } 34 a { 35 color: #0000EE; 36 text-decoration: none; 37 } 38 a:hover { 39 text-decoration: underline; 40 } 41 a:visited { 42 } 43 h1 { 44 font-size: 32px; 45 } 46 h2 { 47 font-size: 26px; 48 } 49 .tiny { 50 font-size: 16px; 51 } 52 .hasScript { 53 display: none; 54 } 55 .decks a { 56 color: black; 57 } 58 @keyframes fade { 59 from { opacity: 1.0; } 60 50% { opacity: 0.1; } 61 to { opacity: 1.0; } 62 } 63 @-webkit-keyframes fade { 64 from { opacity: 1.0; } 65 50% { opacity: 0.1; } 66 to { opacity: 1.0; } 67 } 68 69 .blinking { 70 animation:fade 1000ms infinite; 71 -webkit-animation:fade 1000ms infinite; 72 } 73 .socialButtons { 74 text-align: right; 75 } 76 .bottomHolder { 77 margin-top: 180px; 78 } 79 footer { 80 position: fixed; 81 left: 0; 82 bottom: 0; 83 width: 100%; 84 background-color: #000; 85 color: white; 86 padding: 5px; 87 text-align: center; 88 } 89 footer a { 90 color: #000; 91 } 92 93 :root { 94 --primary-color: #302AE6; 95 --secondary-color: #536390; 96 --font-color: #424242; 97 --bg-color: #fff; 98 --bg-secondary-color: #ffffff; 99 --heading-color: #292922; 100 } 101 102 [data-theme="dark"] { 103 --primary-color: #9A97F3; 104 --secondary-color: #818cab; 105 --font-color: #e1e1ff; 106 --bg-color: #000000; 107 --bg-secondary-color: #00003F; 108 --heading-color: #818cab; 109 } 110 111 body { 112 font-family: "Lato", serif; 113 background-color: var(--bg-color); 114 color: var(--font-color); 115 max-width: 100%; 116 margin: 0px; 117 } 118 119 h1 { 120 color: var(--heading-color); 121 font-family: "Sansita One", serif; 122 margin-bottom: 1vh; 123 } 124 125 h2 { 126 color: var(--heading-color); 127 font-family: "Sansita One", serif; 128 margin-bottom: 1vh; 129 } 130 131 h3 { 132 color: var(--heading-color); 133 font-family: "Sansita One", serif; 134 margin-bottom: 1vh; 135 } 136 137 138 a { 139 color: var(--primary-color); 140 text-decoration: none; 141 border-bottom: 3px solid transparent; 142 font-weight: bold; 143 &:hover, &:focus { 144 border-bottom: 3px solid currentColor; 145 } 146 } 147 148 section { 149 max-width: 68%; 150 margin: 0 auto; 151 } 152 153 .post-meta { 154 font-size: 1rem; 155 font-style: italic; 156 display: block; 157 margin-bottom: 4vh; 158 color: var(--secondary-color); 159 } 160 161 nav { 162 display: flex; 163 justify-content: flex-start; 164 padding-top: 0px; 165 margin-top: 0px; 166 } 167 168 nav ul { 169 padding-top: 0px; 170 margin-top: 0px; 171 } 172 173 /*slider switch css */ 174 .theme-switch-wrapper { 175 padding-top: 5px; 176 padding-left: 5px; 177 display: flex; 178 align-items: center; 179 float: left; 180 181 em { 182 margin-left: 10px; 183 font-size: 1rem; 184 } 185 } 186 .theme-switch { 187 display: inline-block; 188 height: 17px; 189 position: relative; 190 width: 30px; 191 padding-top: 2px; 192 } 193 194 .theme-switch input { 195 display:none; 196 } 197 198 .slider { 199 background-color: #ccc; 200 bottom: 0; 201 cursor: pointer; 202 left: 0; 203 position: absolute; 204 right: 0; 205 top: 0; 206 transition: .4s; 207 } 208 209 .slider:before { 210 background-color: #fff; 211 bottom: 4px; 212 content: ""; 213 height: 13px; 214 left: 4px; 215 position: absolute; 216 transition: .4s; 217 width: 13px; 218 } 219 220 input:checked + .slider { 221 background-color: #ccc; 222 } 223 224 input:checked + .slider:before { 225 transform: translateX(8px); 226 } 227 228 .slider.round { 229 border-radius: 34px; 230 } 231 232 .slider.round:before { 233 border-radius: 50%; 234 } 235 236 .mana { 237 height: 25px; 238 width: 25px; 239 float: right; 240 border: solid; 241 border-width: thin; 242 margin: 1px; 243 } 244 .mana:hover { 245 cursor: hand; 246 filter: opacity(90%); 247 } 248 .red { 249 background-color: red; 250 } 251 .blue { 252 background-color: blue; 253 } 254 .black { 255 background-color: black; 256 } 257 .green { 258 background-color: green; 259 } 260 .white { 261 background-color: white; 262 } 263 </style> 264
264<script src="/js/jquery-1.9.0.min.js"></script>
264 265
265<script type="text/javascript"> 266 let currentTheme = localStorage.getItem('theme'); 267 if (!currentTheme) { 268 currentTheme = 'dark'; 269 } 270 document.documentElement.setAttribute('data-theme', currentTheme); 271 $(document).ready(function(){ 272 const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]'); 273 274 if (currentTheme) { 275 if (currentTheme === 'dark') { 276 toggleSwitch.checked = true; 277 } 278 } 279 280 function switchTheme(e) { 281 if (e.target.checked) { 282 document.documentElement.setAttribute('data-theme', 'dark'); 283 localStorage.setItem('theme', 'dark'); 284 $('.textToggle').html(' Enable Light Mode'); 285 } 286 else { 287 document.documentElement.setAttribute('data-theme', 'light'); 288 localStorage.setItem('theme', 'light'); 289 $('.textToggle').html(' Enable Dark Mode'); 290 } 291 } 292 293 toggleSwitch.addEventListener('change', switchTheme, false); 294 }); 295 </script>
295 296 <!-- 297 <link href="/css/styles.css" media="all" rel="stylesheet" type="text/css" /> 298 --> 299 <base href="/" target="_self"> 300 301 </head> 302 <body> 303 <div class="bg"> 304 <div class="bgInner"> 305 <div class="breadcrumb"><a href="/" class>marak.com</a> / <a href="./software" class>software</a></div> 306 <div class="toplevel yield">
306<script type="text/javascript"> 307 $(document).ready(function(){ 308 $('.hasScript').show(); 309 }); 310</script>
310 311 312<h1>Software</h1> 313 314<div class="hasScript"> 315 <div class="github-card" data-github="marak/buddypond" data-width="400" data-height="153" data-theme="default"></div> 316
316<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
316 317 <br> 318 <br> 319</div> 320 321<noscript> 322 <a href="https://github.com/marak/buddypond/">buddypond</a><br> 323 <a href="https://hook.io">hook.io</a> <br> 324 <em>Enable JavaScript to see Github Embeds</em> 325 <br> 326 <br> 327</noscript></div> 328 </div> 329 </div> 330
330<script>
vendor: 359 bytes, lines 330-336
330 331 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 332 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 333 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 334 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 335 336 ga('create', '
336UA-39699307-1
vendor: 51 bytes, lines 336-338
336', 'marak.com'); 337 ga('send', 'pageview'); 338
338</script>
338 339 <!-- 340 <div class="lastUpdateHolder"> 341 <em class="tiny"> 342 Last Updated: <span class="lastUpdate">n/a</span> 343 </em> 344 </div> 345 --> 346 <div class="bottomHolder"> 347 </div> 348 <footer> 349 <!-- 350 <span class="cueDJ"> 351 <img src="./img/dj-icon.png" height="15" width="15"/> 352 </span> 353 --> 354 <div class="theme-switch-wrapper"> 355 <label class="theme-switch" for="checkbox"> 356 <input type="checkbox" id="checkbox"> 357 <div class="slider round"></div> 358 </label> 359 <em class="tiny textToggle">  Enable Light Mode</em> 360 </div> 361 <div class="socialButtons"> 362 <iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Fmarak&color=white_orange&size=24" style="width: 24px; height: 24px;"></iframe> 363 364 <a href="https://twitter.com/marak" class="twitter-follow-button" data-show-count="false">Follow @marak</a> 365
365<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
365 366 367 <iframe src="https://ghbtns.com/github-btn.html?user=marak&type=follow" allowtransparency="true" frameborder="0" scrolling="0" width="132px" height="20px"></iframe> 368 </div> 369 </footer> 370 371
371<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8701d18758af4597add197dd953c322d","r":1,"spa":2}' crossorigin="anonymous"></script>
371 372</body> 373</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.