2022-01-27 15:10:02 -05:00
<! DOCTYPE html >
< html lang = " en-US " >
2022-02-22 22:34:00 -05:00
<!--
We have the technology to put you on a board which is a wireless electric
video game controller . Do you have the moves to skate through a gauntlet
of goons all the way to Tony Hawk ?
-->
2022-01-27 15:10:02 -05:00
< head >
2022-02-22 22:34:00 -05:00
< script >
/* For the scroll button video overlay */
window . addEventListener (
" scroll " , function () {
document . getElementById ( " scroll " ) . style . visibility = " hidden " ;
});
</ script >
2022-01-27 15:10:02 -05:00
< meta charset = " utf-8 " >
< meta content = " True " name = " HandheldFriendly " >
< meta name = " viewport " content = " width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 " >
< meta name = " viewport " content = " width=device-width " >
< meta http - equiv = " Content-Type " content = " text/html;charset=utf-8 " />
< meta name = " description " content = " Scrapeboard is a new kind of arcade game played on a skateboard deck and four pads that combines elements of rhythm, racing, and fighting games to create a unique, challenging, and physically demanding boss rush experience. " />
< meta name = " keywords " content = " arcade, arcade games, diy arcade cabinets, alt ctrl, alternative controllers, video games, indie game, indie games, indie dev, gamedev, game dev, game programming " >
2023-12-21 23:49:40 -05:00
< meta name = " twitter:title " content = " Scrapeboard 🛹💥 " >
2022-06-24 15:49:05 -04:00
< meta property = " og:image " content = " https://scrape.nugget.fun/www/open_graph_card.jpg " >
2022-01-27 15:10:02 -05:00
< meta name = " twitter:card " content = " summary_large_image " >
< meta name = " twitter:site " content = " @diskmem " >
< meta name = " twitter:creator " content = " @diskmem " >
2023-12-21 23:49:40 -05:00
< meta property = " og:url " content = " https://scrape.nugget.fun " >
< meta property = " og:title " content = " Scrapeboard 🛹💥 " >
< meta property = " og:description " content = " Scrapeboard is a new kind of arcade game played on a skateboard deck and four pads that combines elements of rhythm, racing, and fighting games to create a unique, challenging, and physically demanding boss rush experience. " >
< meta property = " og:image " content = " https://scrape.nugget.fun/www/open_graph_card.jpg " >
< meta property = " og:image:type " content = " image/png " >
< meta property = " og:image:width " content = " 1292 " >
< meta property = " og:image:height " content = " 646 " >
< meta property = " og:type " content = " website " >
< title > Scrapeboard 🛹💥 </ title >
2022-01-27 15:10:02 -05:00
< link rel = " stylesheet " href = " www/style.css " type = " text/css " />
2024-03-05 14:42:46 -05:00
< link rel = " canonical " href = " https://scrape.nugget.fun " />
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
</ head >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
< body >
2022-02-22 22:34:00 -05:00
2024-03-05 14:42:46 -05:00
<!-- **************************************************** NEWS POP - UP ****************************************************** -->
2023-12-21 23:49:40 -05:00
< style >
div #banner
{
background : yellow ;
padding : 5 px ;
border - bottom : 3 px double #000;
}
/* landscape */
@ media ( min - width : 800 px )
{
div #banner
{
font - size : 22 px ;
text - align : center ;
}
}
/* portrait */
@ media ( max - width : 800 px )
{
div #banner
{
font - size : 16 px ;
text - align : justify ;
}
}
</ style >
<!--
< div id = " banner " >
Scrapeboard < b > CYBER MONDAY auction </ b > is < i >< a href = " https://www.ebay.com/itm/235303327614 " > now live </ a ></ i >! Watch the ending here and < a href = " https://www.twitch.tv/snakesandrews " > on Twitch </ a > < i > 11 / 27 6 pm - 10 pm EST </ i > < a href = " #news " > 📰 </ a >
</ div >
-->
2024-03-05 14:42:46 -05:00
<!-- *********************************** AUTOPLAY HEADER VIDEO **************************************************** -->
2022-02-22 22:34:00 -05:00
< style >
/* landscape */
@ media ( min - width : 800 px )
{
div #scroll
{
visibility : visible ;
}
}
/* portrait */
@ media ( max - width : 800 px )
{
div #scroll
{
visibility : collapse ;
}
}
</ style >
< div id = " scroll " > 🡃 </ div >
< script >
document . getElementById ( " scroll " ) . addEventListener (
" click " , function () {
window . scrollBy ( 0 , window . innerHeight );
});
</ script >
2024-03-05 14:42:46 -05:00
< video id = " landing_video " autoplay muted disablepictureinpicture disableremoteplayback loop = " true "
poster = " www/Scrapeboard_pictureinpicture_still_1.png " >
2022-01-27 15:10:02 -05:00
< source src = " www/scrapeboard_new.webm " >
</ video >
2022-02-22 22:34:00 -05:00
2023-06-14 17:25:59 -04:00
< style >
/* LANDSCAPE */
@ media ( min - width : 800 px )
{
div #links
{
grid - template - columns : repeat ( 4 , 1 fr );
font - size : 40 px ;
}
div #links a
{
border - radius : 0 px 0 px 2 em 2 em ;
text - shadow : 0 px - 20 px 4 px rgba ( 0 , 0 , 0 , 1.0 );
}
}
/* PORTRAIT */
@ media ( max - width : 800 px )
{
div #links
{
grid - template - columns : 40 % 60 % ;
grid - template - rows : repeat ( 3 , 1 fr );
font - size : 28 px ;
}
div #links img
{
grid - row - start : 1 ;
grid - row - end : 4 ;
grid - column - start : 2 ;
grid - column - end : 3 ;
}
div #links a
{
border - radius : 0 px ;
text - shadow : - 10 px 0 px 4 px rgba ( 0 , 0 , 0 , 1.0 );
}
}
div #links
{
display : grid ;
background : linear - gradient ( rgba ( 0.0 , 255.0 , 0.0 , 1.0 ), rgba ( 255.0 , 255.0 , 0.0 , 0.0 ));
}
div #links a
{
display : flex ;
flex - direction : row ;
justify - content : center ;
align - items : center ;
text - decoration : none ;
}
div #links a:hover
{
color : #FFF;
background : #000;
text - shadow : 0 px 0 px 0 px rgba ( 0 , 0 , 0 , 0 );
text - decoration : wavy underline #0f0;
text - decoration - thickness : 2 px ;
}
div #links img
{
width : 100 % ;
}
</ style >
< div id = " links " >
< a href = " https://scrapeboard.square.site " > SHOP </ a >
< a href = " https://open.shampoo.ooo/scrape/scrapeboard/wiki " > WIKI </ a >
< a href = " https://ko-fi.com/scrapeboard " > KO - FI </ a >
< img src = " www/koolMan.gif " />
</ div >
2024-03-05 14:42:46 -05:00
<!-- ******************************************* ONE LINE DESCRIPTION ********************************************** -->
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
< style >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
@ media ( min - width : 800 px )
{
div #hero
{
grid - template - columns : repeat ( 2 , 1 fr );
grid - template - rows : repeat ( 2 , 1 fr );
width : 75 % ;
}
div #hero img#head_0
{
grid - area : 1 / 1 / 2 / 3 ;
}
div #hero img#head_1
{
grid - area : 2 / 1 / 3 / 2 ;
}
div #hero img#head_2
{
grid - area : 2 / 2 / 3 / 3 ;
}
}
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
@ media ( max - width : 800 px )
{
div #hero
{
grid - template - columns : repeat ( 1 , 1 fr );
grid - template - rows : repeat ( 3 , 1 fr );
width : 99 % ;
}
div #hero img#head_0
{
grid - area : 1 / 1 / 2 / 2 ;
}
div #hero img#head_1
{
grid - area : 2 / 1 / 3 / 2 ;
}
div #hero img#head_2
{
grid - area : 3 / 1 / 4 / 2 ;
}
}
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
</ style >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
< div id = " hero " >
< img id = " head_0 " src = " www/ad_head_transparent_0.png " />
< img id = " head_1 " src = " www/ad_head_transparent_1.png " />
< img id = " head_2 " src = " www/ad_head_transparent_2.png " />
</ div >
2022-02-22 22:34:00 -05:00
2024-03-05 14:42:46 -05:00
<!-- ************************************************ GIFS ******************************************************** -->
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
< style >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
@ media ( min - width : 800 px )
{
div #boarding
{
grid - template - columns : repeat ( 5 , 1 fr );
grid - template - rows : repeat ( 1 , 1 fr );
grid - gap : 3 % ;
width : 91 % ;
}
}
@ media ( max - width : 800 px )
{
div #boarding
{
grid - template - columns : repeat ( 2 , 1 fr );
grid - template - rows : repeat ( 3 , 1 fr );
width : 99 % ;
2022-02-22 22:34:00 -05:00
text - align : center ;
2022-01-27 15:10:02 -05:00
}
2022-02-22 22:34:00 -05:00
div #boarding a
2022-01-27 15:10:02 -05:00
{
2022-02-22 22:34:00 -05:00
padding : 10 px 10 px ;
}
div #boarding a#boarding_4
{
grid - area : auto / 1 / auto / 3 ;
width : 50 % ;
margin : auto ;
2022-01-27 15:10:02 -05:00
}
}
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
</ style >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
< div id = " boarding " >
2022-02-22 22:34:00 -05:00
< a href = " www/Boarding_1.gif " >< img src = " www/Boarding_1_thumb.gif " /></ a >
< a href = " www/Boarding_0.gif " >< img src = " www/Boarding_0_thumb.gif " /></ a >
< a href = " www/Multiplay_Closing-Flan.gif " >< img src = " www/Multiplay_Closing-Flan_thumb.gif " /></ a >
< a href = " www/Boarding_2.gif " >< img src = " www/Boarding_2_thumb.gif " /></ a >
< a href = " www/Boarding_3.gif " id = " boarding_4 " >< img src = " www/Boarding_3_thumb.gif " /></ a >
2022-01-27 15:10:02 -05:00
</ div >
2022-02-22 22:34:00 -05:00
2024-03-05 14:42:46 -05:00
<!-- ************************************************ HOW TO PLAY ********************************************************* -->
2022-02-22 22:34:00 -05:00
< style >
/* landscape */
@ media ( min - width : 800 px )
{
div #instructions
{
grid - template - columns : 46 % 54 % ;
grid - template - rows : repeat ( 1 , 1 fr );
width : 75 % ;
}
img #safety
{
width : 50 % ;
}
img #pip
{
width : 40 % ;
}
div #demo
{
width : 40 % ;
}
}
/* portrait */
@ media ( max - width : 800 px )
{
div #instructions
{
grid - template - columns : repeat ( 1 , 1 fr );
grid - template - rows : repeat ( 2 , 1 fr );
width : 90 % ;
}
div #instructions img
{
padding - top : 10 px ;
padding - bottom : 10 px ;
}
img #safety
{
width : 95 % ;
}
img #pip
{
width : 90 % ;
}
div #demo
{
width : 90 % ;
}
}
</ style >
2022-01-27 15:10:02 -05:00
< div id = " instructions " >
2022-02-22 22:34:00 -05:00
< img src = " www/ad_instructions_transparent_0.png " />
< img src = " www/ad_instructions_transparent_1.png " />
</ div >
< img id = " safety " src = " www/instructions.png " />
< a href = " https://youtu.be/spzM9XGLwWk " >
< img id = " pip " src = " www/Scrapeboard_Gameplay_Demo_picture_in_picture.webp " />
</ a >
< div id = " demo " >
< div id = " demo_title " >
DEMO
</ div >
< div id = " demo_link " >
watch on < a href = " https://youtu.be/spzM9XGLwWk " > YouTube </ a >
</ div >
2022-01-27 15:10:02 -05:00
</ div >
2022-02-22 22:34:00 -05:00
< style >
/* landscape */
@ media ( min - width : 800 px )
{
div #description
{
grid - template - columns : 49 % 51 % ;
grid - template - rows : repeat ( 2 , 1 fr );
width : 75 % ;
}
}
/* portrait */
@ media ( max - width : 800 px )
{
div #description
{
grid - template - columns : repeat ( 1 , 1 fr );
grid - template - rows : repeat ( 4 , 1 fr );
width : 90 % ;
}
}
</ style >
< div id = " description " >
< img src = " www/ad_description_transparent_0.png " />
< img src = " www/ad_description_transparent_1.png " />
< img src = " www/ad_description_transparent_2.png " />
< img src = " www/ad_description_transparent_3.png " />
</ div >
2024-03-05 14:42:46 -05:00
<!-- ***************************************************** CALENDAR ***************************************************** -->
2022-11-30 20:16:12 -05:00
2022-02-22 22:34:00 -05:00
< style >
/* landscape */
@ media ( min - width : 800 px )
{
p . emotes
{
font - size : 34 px ;
}
2022-06-29 23:55:35 -04:00
div #mailing-list-form .input
2022-02-22 22:34:00 -05:00
{
font - size : 34 px ;
2022-06-29 23:55:35 -04:00
height : 100 px ;
2022-02-22 22:34:00 -05:00
}
div #calendar
{
grid - template - columns : repeat ( 3 , 1 fr );
grid - template - rows : repeat ( 1 , 1 fr );
}
div #calendar p
{
grid - area : auto / 1 / auto / 4 ;
font - size : 26 px ;
}
div #calendar div.date
{
width : 70 % ;
margin : auto ;
}
}
/* portrait */
@ media ( max - width : 800 px )
{
p . emotes
{
font - size : 24 px ;
}
2022-06-29 23:55:35 -04:00
div #mailing-list-form .input
2022-02-22 22:34:00 -05:00
{
font - size : 26 px ;
}
div #calendar
{
grid - template - columns : repeat ( 1 , 1 fr );
grid - gap : 10 px ;
}
div #calendar p
{
width : 95 % ;
font - size : 22 px ;
}
div #calendar div.date
{
width : 75 % ;
margin : auto ;
}
}
</ style >
< p class = " emotes " >
2023-08-04 18:51:30 -04:00
( * ^ワ^ * ) o ( 〃^▽^〃 ) o ヾ ( @⌒ー⌒@ ) ノ ヽ ( * ⌒∇⌒ * ) ノ ( ≧∇≦ ) / ( ノ´ヮ´ ) ノ *: ・゚ ≧﹏≦ ( ´ ▽ ` ) b ( * ^ワ^ * ) o ( 〃^▽^〃 ) o ヾ ( @⌒ー⌒@ ) ノ
2022-02-22 22:34:00 -05:00
</ p >
< div id = " calendar " >
2022-06-24 15:49:05 -04:00
2022-02-22 22:34:00 -05:00
< p >
2024-03-05 14:42:46 -05:00
<!-- Play Scrapeboard at an upcoming event ! -->
Check back soon for upcoming events !
2022-02-22 22:34:00 -05:00
</ p >
2024-03-05 14:42:46 -05:00
< div class = " date past " >
2023-08-04 18:35:18 -04:00
< div class = " day-of-week " >
Thu . - Sun .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jan . 18 th - 21 st
2023-08-04 18:35:18 -04:00
</ div >
< div class = " year " >
2024
</ div >
< div class = " location " >
< a href = " https://super.magfest.org/ " >
2023-12-21 23:49:40 -05:00
MAGFest , National Harbor , MD
2023-08-04 18:35:18 -04:00
</ a >
</ div >
</ div >
2023-12-21 23:49:40 -05:00
< div class = " date past " >
< div class = " day-of-week " >
Mon .
</ div >
< div class = " day " >
Nov . 27 th
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://twitter.com/boshisplace " >
Boshi ' s Place , Brooklyn , NY
</ a >
</ div >
</ div >
< div class = " date past " >
2023-04-25 18:28:02 -04:00
< div class = " day-of-week " >
Fri . - Sun .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Oct . 27 th - 29 th
2023-04-25 18:28:02 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://derpycon.com/ " >
2023-12-21 23:49:40 -05:00
Derpy Con , New Brunswick , NJ
2023-04-25 18:28:02 -04:00
</ a >
</ div >
</ div >
2023-08-07 14:35:19 -04:00
< div class = " date past " >
2023-08-04 18:35:18 -04:00
< div class = " day-of-week " >
Sat . & Sun .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Aug . 5 th & 6 th
2023-08-04 18:35:18 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://play-nyc.com/ " >
2023-12-21 23:49:40 -05:00
Play NYC , New York , NY
2023-08-04 18:35:18 -04:00
</ a >
</ div >
</ div >
< div class = " date past " >
2023-06-14 17:25:59 -04:00
< div class = " day-of-week " >
Tue .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jun . 20 th
2023-06-14 17:25:59 -04:00
</ div >
2023-08-04 18:35:18 -04:00
< div class = " year " >
2023
</ div >
2023-06-14 17:25:59 -04:00
< div class = " location " >
< a href = " https://www.wonderville.nyc/events/brooklyn-altctrl-showcase " >
2023-12-21 23:49:40 -05:00
Wonderville , Brooklyn , NY
2023-06-14 17:25:59 -04:00
</ a >
</ div >
</ div >
2023-08-04 18:35:18 -04:00
< div class = " date past " >
2023-04-25 18:28:02 -04:00
< div class = " day-of-week " >
Fri . & Sat .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jun . 16 th & 17 th
2023-04-25 18:28:02 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://derpycon.com/anime-night-out/ " >
2023-12-21 23:49:40 -05:00
Anime Night Out , New Brunswick , NJ
2023-04-25 18:28:02 -04:00
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Sat . - Sun .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Apr . 15 th & 16 th
2023-04-25 18:28:02 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://www.egdcollective.org/wafflegames2023 " >
2023-12-21 23:49:40 -05:00
Waffle Games , New York , NY
2023-04-25 18:28:02 -04:00
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Fri .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Mar . 24 th
2023-04-25 18:28:02 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://www.eventbrite.com/e/bar-grill-with-pool-table-tickets-588671491277 " >
2023-12-21 23:49:40 -05:00
Shovels Bar & Grill , San Francisco , CA
2023-04-25 18:28:02 -04:00
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Tue .
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Mar . 21 st
2023-04-25 18:28:02 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
< a href = " https://www.eventbrite.com/e/indie-byog-bring-your-own-game-gdc-2023-by-sub-zero-sound-tickets-532872615337 " >
2023-12-21 23:49:40 -05:00
Buzzworks , San Francisco , CA
2023-04-25 18:28:02 -04:00
</ a >
</ div >
</ div >
2023-01-20 19:40:10 -05:00
< div class = " date past " >
2022-10-24 17:58:15 -04:00
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Thu . - Sun .
2022-10-24 17:58:15 -04:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jan . 5 th - 8 th
2022-10-24 17:58:15 -04:00
</ div >
< div class = " year " >
2023
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://super.magfest.org " > MAGFest , National Harbor , MD </ a >
2022-10-24 17:58:15 -04:00
</ div >
</ div >
2023-01-20 19:40:10 -05:00
< div class = " date past " >
2022-11-30 20:16:12 -05:00
< div class = " day-of-week " >
Mon
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Dec . 5 th
2022-11-30 20:16:12 -05:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://wonderville.nyc " > Wonderville , Brooklyn , NY </ a >
2022-11-30 20:16:12 -05:00
</ div >
</ div >
< div class = " date past " >
2022-10-24 17:58:15 -04:00
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Sat .
2022-10-24 17:58:15 -04:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Nov . 5 th
2022-10-24 17:58:15 -04:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://www.play-nyc.com/ " > Play NYC , New York , NY </ a >
2022-10-24 17:58:15 -04:00
</ div >
</ div >
< div class = " date past " >
2022-06-24 15:49:05 -04:00
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Sun .
2022-06-24 15:49:05 -04:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jul . 10 th
2022-06-24 15:49:05 -04:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://wonderville.nyc " > Wonderville , Brooklyn , NY </ a >
2022-06-24 15:49:05 -04:00
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Fri .
2022-06-24 15:49:05 -04:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jun . 10 th
2022-06-24 15:49:05 -04:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://www.eventbrite.com/e/the-12th-annual-interactive-show-cursed-technology-shop-masksvax-req-tickets-331933611367 " >
Resistor , Brooklyn , NY
</ a >
2022-06-24 15:49:05 -04:00
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Sat .
2022-06-24 15:49:05 -04:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
May 28 th
2022-06-24 15:49:05 -04:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://ra.co/events/1534719 " >
Wonderville , Brooklyn , NY
</ a >
2022-06-24 15:49:05 -04:00
</ div >
</ div >
< div class = " date past " >
2022-02-22 22:34:00 -05:00
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Wed . - Fri .
2022-02-22 22:34:00 -05:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Mar . 23 rd - 25 th
2022-02-22 22:34:00 -05:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://gdconf.com " > GDC , San Francisco , CA </ a >
2022-02-22 22:34:00 -05:00
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Thu . - Sun .
2022-02-22 22:34:00 -05:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Jan . 6 th - 9 th
2022-02-22 22:34:00 -05:00
</ div >
< div class = " year " >
2022
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://super.magfest.org " > MAGFest , National Harbor , MD </ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Sun .
</ div >
< div class = " day " >
Oct . 31 st
</ div >
< div class = " year " >
2020
</ div >
< div class = " location " >
< a href = " https://wonderville.nyc " > Wonderville , Brooklyn , NY </ a >
2022-02-22 22:34:00 -05:00
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
2023-12-21 23:49:40 -05:00
Sun .
2022-02-22 22:34:00 -05:00
</ div >
< div class = " day " >
2023-12-21 23:49:40 -05:00
Oct . 31 st
2022-02-22 22:34:00 -05:00
</ div >
< div class = " year " >
2022-06-24 15:49:05 -04:00
2020
2022-02-22 22:34:00 -05:00
</ div >
< div class = " location " >
2023-12-21 23:49:40 -05:00
< a href = " https://wonderville.nyc " > Wonderville , Brooklyn , NY </ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Thu . - Sun .
</ div >
< div class = " day " >
Jan . 3 rd - 6 th
</ div >
< div class = " year " >
2019
</ div >
< div class = " location " >
< a href = " https://withfriends.co/event/1057219/electroconcierge_babycastles_indie_arcade_at_magfest " >
MAGFest , National Harbor , MD
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Mon .
</ div >
< div class = " day " >
Dec . 31 st
</ div >
< div class = " year " >
2018
</ div >
< div class = " location " >
< a href = " https://withfriends.co/event/1037435/nye_201x_new_year " >
Babycastles , New York , NY
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Sat . & Sun .
</ div >
< div class = " day " >
Sep . 22 nd & 23 rd
</ div >
< div class = " year " >
2018
</ div >
< div class = " location " >
< a href = " https://makerfaire.com/maker/entry/68090/ " >
Maker Faire , Queens , NY
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Fri .
</ div >
< div class = " day " >
Aug . 3 rd
</ div >
< div class = " year " >
2018
</ div >
< div class = " location " >
< a href = " https://withfriends.co/event/517242/multiplay_closing_party " >
Babycastles , New York , NY
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Thu . - Sun .
</ div >
< div class = " day " >
Jan . 4 th - 7 th
</ div >
< div class = " year " >
2018
</ div >
< div class = " location " >
< a href = " https://super.magfest.org " >
MAGFest , National Harbor , MD
</ a >
</ div >
</ div >
< div class = " date past " >
< div class = " day-of-week " >
Sun .
</ div >
< div class = " day " >
Dec . 31 st
</ div >
< div class = " year " >
2017
</ div >
< div class = " location " >
< a href = " https://withfriends.co/event/160142/absrdst_babycastles_new_years_eve_party_2018 " >
Babycastles , New York , NY
</ a >
2022-02-22 22:34:00 -05:00
</ div >
</ div >
2022-06-24 15:49:05 -04:00
2022-02-22 22:34:00 -05:00
</ div >
2022-06-29 23:55:35 -04:00
< script >
2022-10-24 17:58:15 -04:00
function subscribe ( email_address )
2022-06-29 23:55:35 -04:00
{
var request = new Request ( " https://scrape.nugget.fun/www/subscribe.php " , {
2022-10-24 17:58:15 -04:00
method : " POST " ,
mode : " cors " ,
body : new URLSearchParams ({ " email " : email_address }),
2022-06-29 23:55:35 -04:00
headers : {
2022-10-24 17:58:15 -04:00
" Content-Type " : " application/x-www-form-urlencoded "
2022-06-29 23:55:35 -04:00
}});
2022-10-24 17:58:15 -04:00
fetch ( request )
. then ( response => response . json ())
. then ( result => {
console . log ( result );
if ( result . success )
{
var color = " green " ;
}
else
{
var color = " red " ;
}
document . querySelector ( " #mailing-list-join " ) . innerHTML = " <span style='color: " + color + " '> " + result . message + " </span> " ;
});
2022-06-29 23:55:35 -04:00
}
</ script >
2022-10-24 17:58:15 -04:00
< div id = " mailing-list-join " >
< span style = " background: #ffa; border-radius: 5px; padding-left: 10px; padding-right: 10px; " >
Join the announcements list
</ span >
</ div >
2022-06-29 23:55:35 -04:00
< div id = " mailing-list-form " >
< input class = " input " id = " email-box " style = " width: 50% " name = " email " value = " Your e-mail " onfocus = " if(this.value=='Your e-mail') this.value=''; "
2022-02-22 22:34:00 -05:00
onfocusout = " if(this.value=='') this.value='Your e-mail'; " >
& nbsp ;
2022-10-24 17:58:15 -04:00
< button class = " input " style = " cursor: pointer; background: #4f8; font-weight: bold " value = " Join "
onclick = " subscribe(document.querySelector('#mailing-list-form #email-box').value); " > Join </ button >
2022-06-29 23:55:35 -04:00
</ div >
2024-03-05 14:42:46 -05:00
<!-- < div id = " mailing-list-archives " >
[ < a href = " https://nugget.fun/mailman3/hyperkitty/list/scrapeboard-list@nugget.fun/ " > check past announcements </ a > ]
</ div >
-->
2022-02-22 22:34:00 -05:00
< p class = " emotes " >
2023-08-04 18:51:30 -04:00
d ( ⌒ー⌒ ) ( ❁´◡ `❁) ヽ(^Д^)ノ (。>‿‿<。 ) (*´∇`)ノ (●⌒v⌒●) ´・ᴗ・` (✿^-^ ) ヾ(^ヮ^ ) ノ d ( ⌒ー⌒ ) ( ❁´◡ ` ❁ ) ヽ ( ^Д^ ) ノ (。 > ‿‿ < 。 ) ( * ´∇` ) ノ
2022-02-22 22:34:00 -05:00
</ p >
2024-03-05 14:42:46 -05:00
<!-- ************************************************ PROMO VIDEO ***************************************************** -->
2022-11-01 20:26:12 -04:00
2022-01-27 15:10:02 -05:00
< div id = " comedy " >
< iframe src = " https://www.youtube.com/embed/ai9WlJdfbvI " frameborder = " 0 "
allow = " accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture " allowfullscreen >
</ iframe >
</ div >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
< div id = " comedy_credits " >
2022-06-24 15:49:05 -04:00
video by < a href = " https://twitter.com/beachethan " >@ beachethan </ a >
2022-01-27 15:10:02 -05:00
</ div >
2022-02-22 22:34:00 -05:00
< style >
/* landscape */
@ media ( min - width : 800 px )
{
div #credits
{
width : 80 % ;
}
div #credits p#links
{
grid - template - columns : repeat ( 3 , 1 fr );
grid - template - rows : repeat ( 1 , 1 fr );
}
2023-04-25 18:28:02 -04:00
div #credits p#links iframe
{
margin : auto ;
}
2022-02-22 22:34:00 -05:00
}
/* portrait */
@ media ( max - width : 800 px )
{
div #credits
{
width : 50 % ;
}
div #credits p#links
{
grid - template - columns : repeat ( 1 , 1 fr );
grid - template - rows : repeat ( 3 , 1 fr );
}
div #credits p#links iframe
{
margin - top : 10 px ;
}
}
</ style >
2022-11-01 20:26:12 -04:00
<!-- DONATION WIDGET -->
2023-04-25 18:28:02 -04:00
<!-- < iframe id = 'kofiframe' src = 'https://ko-fi.com/scrapeboard/?hidefeed=true&widget=true&embed=true&preview=true' scrolling = " no "
style = 'border:none;padding:0px;margin:auto;margin-top:50px;height:600px;background:rgba(0, 0, 0, 0);overflow:hidden;display:block'
title = 'scrapeboard' >
</ iframe >
-->
2022-11-01 20:26:12 -04:00
2024-03-05 14:42:46 -05:00
<!-- ***************************************** FOLLOW BUTTONS ********************************************* -->
2022-11-01 20:26:12 -04:00
2022-02-22 22:34:00 -05:00
< p id = " credits-heading " >
Follow the developers !
</ p >
< div id = " credits " >
< p id = " links " >
< script async src = " https://platform.twitter.com/widgets.js " charset = " utf-8 " ></ script >
2023-04-25 18:28:02 -04:00
< a href = " https://twitter.com/diskmem?ref_src=twsrc%5Etfw " class = " twitter-follow-button " data - size = " large " data - dnt = " true " >
2022-02-22 22:34:00 -05:00
Follow @ diskmem
</ a >
2023-04-25 18:28:02 -04:00
< a href = " https://twitter.com/snakesandrews?ref_src=twsrc%5Etfw " class = " twitter-follow-button " data - size = " large " data - dnt = " true " >
2022-02-22 22:34:00 -05:00
Follow @ snakesandrews
</ a >
2023-04-25 18:28:02 -04:00
< a href = " https://twitter.com/ClementShimizu?ref_src=twsrc%5Etfw " class = " twitter-follow-button " data - size = " large " data - dnt = " true " >
2022-02-22 22:34:00 -05:00
Follow @ ClementShimizu
</ a >
</ p >
2022-01-27 15:10:02 -05:00
</ div >
2022-02-22 22:34:00 -05:00
2024-03-05 14:42:46 -05:00
<!-- *************************************************** NEWS ************************************************** -->
2023-12-22 00:18:55 -05:00
< style >
div #news
{
background : rgb ( 88.0 , 192.0 , 64.0 );
text - align : justify ;
color : #222;
margin : 0 px ;
}
div #auction_flyer
{
display : grid ;
justify - content : center ;
align - items : center ;
margin : 0 px ;
}
img . stretch
{
width : 100 % ;
aspect - ratio : 10 / 1 ;
margin : 0 px ;
margin - top : 40 px ;
}
div #auction_flyer img
{
width : 100 % ;
}
div #auction_flyer video
{
width : 70 % ;
}
div #news p.date
{
border - bottom : 3 px double #000;
border - top : 3 px double #000;
}
div #news img
{
max - width : 100 % ;
}
/* landscape */
@ media ( min - width : 800 px )
{
div #news
{
padding : 10 px 15 % ;
padding - top : 27 px ;
font - size : 22 px ;
}
div #auction_flyer
{
grid - template - columns : 1 fr 1 fr ;
}
}
/* portrait */
@ media ( max - width : 800 px )
{
div #news
{
padding : 6 px 3 % ;
font - size : 18 px ;
}
div #auction_flyer
{
grid - gap : 20 px ;
}
div #news img#auction_flyer
{
display : block ;
width : 100 % ;
margin - bottom : 10 px ;
border - radius : 12 px ;
}
}
</ style >
< img class = " stretch " src = " www/cat.gif " />
< div id = " news " >
< h1 > Scrapeboard news 📰 </ h1 >
< p class = " date " >
< b >< i > Thursday , December 21 st , 2023 </ i ></ b >
</ p >
< img src = " www/42069.jpeg " />
< p >
Scrapeboard sold to < a href = " https://twitter.com/alt254 " > Patrick LeMieux </ a > and < a href = " https://twitter.com/chouxsalad " > Stephanie Boluk </ a >
of < a href = " https://twitter.com/ucdavis " > UC Davis </ a >! For a while the high bid was < b >< i > $ 420.69 </ i ></ b >. In the end , it sold
for < b >< i > $ 474.20 </ i ></ b >.
</ p >
< p class = " date " >
< b >< i > Monday , November 27 th , 2023 </ i ></ b >
</ p >
< div id = " auction_flyer " >
< video controls loop >
< source src = " www/Scrapeboard_Cyber_Monday_auction.mp4 " >
</ video >
< a href = " https://www.eventbrite.com/e/barnyardia-direct-cyber-monday-the-first-scrapeboard-kit-auction-live-tickets-754801209737 " >< img id = " auction_flyer " src = " www/Scrapeboard_auction_flyer.png " /></ a >
</ div >
</ p >
< p >
Deals are upon us ! It ' s the one and only Cyber Monday , and the first Scrapeboard for home and shared use is officially going to sell at 9 PM EST tonight . We appreciate your support and hope to be able to provide all of you with kits in 2024. You have pushed the price past the cost of materials , which is beyond what we were expecting for the first sale . Tune in for the ending at < a href = " https://twitch.tv/snakesandrews " > https :// twitch . tv / snakesandrews </ a > live from 6 PM to 9 PM EST tonight .
</ p >
< ul >
< li >< a href = " https://www.ebay.com/itm/235303327614 " >< b > Auction is now live on eBay </ b ></ a > 📈 </ li >
< li >< a href = " https://www.eventbrite.com/e/barnyardia-direct-cyber-monday-the-first-scrapeboard-kit-auction-live-tickets-754801209737 " >< b > Free RSVPs for party and tournament </ b ></ a > 🎟 </ li >
</ ul >
< p >
For reference , this is the current cost of materials , which we are still working on reducing for 2024 , so you can see the value you are getting and confidently < a href = " https://www.ebay.com/itm/235303327614 " > bid on this cyber deal </ a >.
</ p >
< p >
< pre >
Birch plywood $ 68
Raspberry Pi 4 2 GB $ 45
Raspberry Pi power adapter $ 11
Aluminum plates $ 30
Skatedeck $ 25
32 GB micro SD card $ 4
Micro HDMI to HDMI adapter $ 8
----
total $ 191
</ pre >
</ p >
< p >
We 're going to make one last push up to the closing, and we' ll start by announcing that we ' re going to add another piece of equipment : < b > a generously donated Arduino </ b > given to us by < a href = " https://artfail.com " > JP Bruneau </ a >! Our custom adapter fits into both Raspberry Pi and Arduino , so in addition to TV or projector , you will also be able to play on your own computer and even modify the open source software and electronics code using this Arduino .
</ p >
< p >
We also want to mention that < b > 10 % of the purchase will be donated </ b > to Boshi ' s Place , a Brooklyn co - working and event space for independent games where we are hosting < a href = " https://www.eventbrite.com/e/barnyardia-direct-cyber-monday-the-first-scrapeboard-kit-auction-live-tickets-754801209737 " > the live event </ a > tonight .
</ p >
< p >
And we are offering < b > free pickup </ b > from New York City or MAGFest 2024.
</ p >
< p >
Thanks again for your bids and happy Cyber Monday !
</ p >
< p class = " date " >
< b >< i > Monday , November 6 th , 2023 </ i ></ b >
</ p >
< p >
We ' re good and tickled to share with you some exciting news which is also an opportunity for you and that is that < b > we are auctioning off
the first at - home Scrapeboard kit this CYBER MONDAY live online </ b > and hosted in - person in Brooklyn with special guest appearances and
an open entry tournament !
</ p >
< p >
There will be prizes , a countdown , and a dance party -- please join us , and share the event with others . For those interested
in participating : you can join a tournament , talk to us about Scrapeboard on stream , or place a bid for a Scrapeboard kit .
</ p >
< p >
The kit builds the same model as our wood and metal platform which has been < i > played over 1 , 500 times this year </ i >. Included in the kit are four pre - assembled
panels which combine to create the platform . The panels will come already wired to connect to an included Raspberry Pi which will run the game
automatically . A ready to use Scrapeboard will be included .
</ p >
< p >
The kit also comes with guaranteed set up support and maintenance for one year , with any necessary replacements provided for free , meaning the
winner of the auction is guaranteed a running Scrapeboard system for one year or longer .
</ p >
< p >
Scrapeboard is great for personal use , shared use , and it also comes licensed to be modified and / or used commercially .
</ p >
< p >
Follow < a href = " https://twitter.com/diskmem " >@ diskmem </ a > , < a href = " https://twitter.com/snakesandrews " >@ snakesandrews </ a > , and
< a href = " https://twitch.tv/snakesandrews " > twitch . tv / snakesandrews </ a > for event , auction , and stream announcements and tune in at
< a href = " https://scrape.nugget.fun " > scrape . nugget . fun </ a > on Nov . 27 th , Cyber Monday , from 6 pm - 10 pm .
</ p >
</ div >
2022-01-27 15:10:02 -05:00
< div id = " ink " >
< img src = " www/Ink.png " >
</ div >
2022-02-22 22:34:00 -05:00
2022-01-27 15:10:02 -05:00
</ body >
2018-07-25 22:02:44 -04:00
</ html >