-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 7.13 KB
/
index.html
1
<!doctypehtml><html lang=en><meta charset=UTF-8><title>Monad</title><meta content="Monad Demogroup"name=author><meta content="Fulfilling your 64k needs since 2017, from the land down under. Featuring cpdt, firewood, and oobie."name=description><meta content="width=device-width,initial-scale=1"name=viewport><link href=/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><link href=/favicon-32x32.png rel=icon sizes=32x32 type=image/png><link href=/favicon-16x16.png rel=icon sizes=16x16 type=image/png><link href=/site.webmanifest rel=manifest><link href=/safari-pinned-tab.svg rel=mask-icon color=#a349a4><meta content=#a349a4 name=msapplication-TileColor><meta content=#a349a4 name=theme-color><style>body,html{width:100%;height:100%;overflow-x:hidden;background:#fff}body{margin:0;font-family:Helvetica,Arial,sans-serif;background:#fff}::selection{background:#a349a4;color:#fff}::-moz-selection{background:#a349a4;color:#fff}a{color:#a349a4;text-decoration:none;padding:.1em .3em;display:inline-block;margin:.15em 0;border:solid 1px #eee}a:hover{background-color:#a349a4;border-color:#a349a4;color:#fff}header{margin-top:7em;margin-left:1em;margin-right:1em;text-align:center}header svg{width:100%;max-width:28em}.carousel{text-align:center;margin-top:5em;position:relative}#carousel-scroll-box{white-space:nowrap;overflow-x:hidden}.carousel-segment:not(:last-child):after{display:inline-block;content:" ";border-right:solid 4px #ddd;height:130px;margin-left:20px;margin-top:20px}.carousel-item,.carousel-segment{display:inline-block;vertical-align:top}.carousel-item{position:relative;width:170px;white-space:normal}.carousel-item:first-child{margin-left:20px}.carousel-item:not(:last-child){margin-right:10px}.carousel-item p{margin:.2em 0}.carousel-item p:nth-child(2){text-transform:uppercase;font-weight:700}.carousel-item p:nth-child(3){font-size:.8em;color:#666}.carousel-item p:nth-child(4){font-size:.9em;text-transform:uppercase}#carousel-left-scroll,#carousel-right-scroll{margin:0;padding:0;border:none;display:block;position:absolute;width:60px;bottom:0;top:0;text-align:center;transition:opacity .2s;opacity:0}#carousel-left-scroll svg,#carousel-right-scroll svg{width:30px;margin-top:85px}#carousel-left-scroll{background:linear-gradient(to right,rgba(255,255,255,.8) 0,rgba(255,255,255,0) 100%);left:0}#carousel-right-scroll{background:linear-gradient(to left,rgba(255,255,255,.8) 0,rgba(255,255,255,0) 100%);right:0}.carousel:hover #carousel-left-scroll,.carousel:hover #carousel-right-scroll{opacity:.5}.carousel #carousel-left-scroll:hover,.carousel #carousel-right-scroll:hover{opacity:1}.featuring{text-align:center}.featuring h2{text-transform:uppercase;margin:2em 0 .2em 0}.featuring p:nth-child(2){margin:0 0 4em 0;font-size:1.1em;color:#a349a4}.featuring p:nth-child(2) span{color:#000}footer p{text-align:center;font-size:.8em;text-transform:uppercase;margin-bottom:8em}</style><header><svg viewBox="0 0 16 20"xmlns=http://www.w3.org/2000/svg><rect fill=#c8bfe7 height=3 width=1 x=2 y=2></rect><rect fill=#c8bfe7 height=9 width=1 x=2 y=5></rect><rect fill=#c8bfe7 height=1 width=1 x=10 y=5></rect><rect fill=#c8bfe7 height=5 width=1 x=10 y=9></rect><polygon fill=#a349a4 points="2 0 0 0 0 16 2 16 16 16 16 14 10 14 10 9 6 9 6 14 2 14 2 6 10 6 10 5 2 5 2 2 14 2 14 11 16 11 16 2 16 0 2 0"></polygon><polygon fill=#fff points="14 11 14 9 14 6 14 5 14 2 3 2 3 5 11 5 11 6 3 6 3 9 3 14 6 14 6 9 11 9 11 14 14 14 16 14 16 11 14 11"></polygon><path d=M.06,16.61H1.33l.49,1.87.49-1.87H3.58v3.07H2.79V17.34l-.61,2.34H1.46L.85,17.34v2.34H.06Z></path><path d=M3.64,18.15A1.57,1.57,0,0,1,4.07,17a1.63,1.63,0,0,1,1.19-.42A1.66,1.66,0,0,1,6.46,17a1.54,1.54,0,0,1,.42,1.15A1.86,1.86,0,0,1,6.7,19a1.3,1.3,0,0,1-.53.54,1.79,1.79,0,0,1-.87.19,2,2,0,0,1-.88-.17A1.31,1.31,0,0,1,3.85,19,1.71,1.71,0,0,1,3.64,18.15Zm1,0a1,1,0,0,0,.18.67.6.6,0,0,0,.48.2.6.6,0,0,0,.48-.2,1.12,1.12,0,0,0,.17-.72.93.93,0,0,0-.18-.63.61.61,0,0,0-.48-.2.59.59,0,0,0-.47.2A1,1,0,0,0,4.61,18.15Z></path><path d=M7,16.61h.9l1.18,1.7v-1.7H10v3.07H9.06L7.88,18v1.69H7Z></path><path d=M12.06,19.18H11l-.15.51h-1L11,16.61h1.06l1.18,3.07h-1Zm-.2-.67-.35-1.1-.34,1.1Z></path><path d=M13.11,16.61h1.44a1.74,1.74,0,0,1,.69.11,1.12,1.12,0,0,1,.43.32,1.34,1.34,0,0,1,.25.49,2.27,2.27,0,0,1,.08.6,2,2,0,0,1-.12.76,1.26,1.26,0,0,1-.32.46,1,1,0,0,1-.44.24,2.29,2.29,0,0,1-.58.08H13.11Zm1,.7V19h.24a1,1,0,0,0,.43-.07.45.45,0,0,0,.2-.23,1.41,1.41,0,0,0,.07-.53,1,1,0,0,0-.16-.67.69.69,0,0,0-.54-.18Z></path></svg></header><section class=carousel><div id=carousel-scroll-box><div class=carousel-segment><div class=carousel-item><img alt="A scene in Atlas"height=170 src=images/atlas.jpg width=170><p>Atlas<p>64k at Revision 2019 with Macau Exports<p><a href=downloads/Atlas.zip target=_blank>Download</a> <a href="https://www.pouet.net/prod.php?which=80996"target=_blank>Pouët</a> <a href="https://www.youtube.com/watch?v=mVdISz9-iFc"target=_blank>Youtube</a></div><div class=carousel-item><img alt="A screenshot of part of an instrument built in Axiom"height=170 src=images/axiom.jpg width=170><p>Axiom<p>Open-source 64k synth<p><a href=https://github.com/monadgroup/axiom/releases target=_blank>Download</a> <a href=https://github.com/monadgroup/axiom target=_blank>Github</a></div><div class=carousel-item><img alt="A scene in 068A"height=170 src=images/068a.jpg width=170><p>068A<p>64k at Syntax 2017<p><a href=downloads/068a.zip target=_blank>Download</a> <a href="http://www.pouet.net/prod.php?which=72443"target=_blank>Pouët</a> <a href=https://youtu.be/U4iBV8MAJLo target=_blank>Youtube</a></div></div></div><a href=javascript:void(0) id=carousel-left-scroll><svg viewBox="0 0 30 100"xmlns=http://www.w3.org/2000/svg><polygon fill=#A349A4 points="30 0 20 0 0 50 20 100 30 100 10 50 30 0"></polygon></svg> </a><a href=javascript:void(0) id=carousel-right-scroll><svg viewBox="0 0 30 100"xmlns=http://www.w3.org/2000/svg><polygon fill=#A349A4 points="0 0 10 0 30 50 10 100 0 100 20 50 0 0"></polygon></svg></a></section><section class=featuring><h2>Featuring</h2><p><span>cpdt</span> · <span>firewood</span> · <span>oobie</span></section><footer><p><a href=https://twitter.com/monad_group target=_blank>Twitter</a> <a href=https://youtube.com/channel/UCePbDXV2xy_lYM2dpA06j8g/ target=_blank>Youtube</a> <a href=https://github.com/monadgroup target=_blank>Github</a> <a href=https://demozoo.org/groups/71619/ target=_blank>Demozoo</a> <a href=mailto:monaddemo@gmail.com target=_blank>Contact</a></footer><script>var a=document.getElementById("carousel-left-scroll"),b=document.getElementById("carousel-right-scroll"),d=document.getElementById("carousel-scroll-box"),e=.2,f=.2,g=!1,h=!1,k=0,l=d.childNodes[0],m=l.cloneNode(!0);d.appendChild(m);var n=null;function p(){var c=m.clientWidth>d.clientWidth;c!==n&&((n=c)?(a.style.display="",b.style.display="",l.style.display=""):(a.style.display="none",b.style.display="none",l.style.display="none",h=g=!1,e=.2,k=0));if(n){f=g?-3:h?3:.2;k+=e;for(c=d.childNodes[0].scrollWidth;0>=k;)k+=c;for(;k>c;)k-=c;d.scrollLeft=k;e=f+.95*(e-f)}requestAnimationFrame(p)}p();a.addEventListener("mousedown",function(){e-=15;g=!0});a.addEventListener("mouseup",function(){g=!1});b.addEventListener("mousedown",function(){e+=15;h=!0});b.addEventListener("mouseup",function(){h=!1});</script>