reorganize news on web page

This commit is contained in:
ohsqueezy 2023-12-22 00:18:55 -05:00
parent 33beb9df6f
commit e61237f1a7
3 changed files with 178 additions and 157 deletions

BIN
www/42069.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@ -417,162 +417,6 @@
<img src="www/ad_description_transparent_3.png" />
</div>
<!-- *************************************************************** NEWS ********************************************************* -->
<style>
div#news
{
background: rgb(88.0, 192.0, 64.0);
text-align: justify;
color: #222;
margin: 0px;
}
div#auction_flyer
{
display: grid;
justify-content: center;
align-items: center;
margin: 0px;
}
img.stretch
{
width: 100%;
aspect-ratio: 10 / 1;
margin: 0px;
}
div#auction_flyer img
{
width: 100%;
}
div#auction_flyer video
{
width: 70%;
}
/* landscape */
@media (min-width: 800px)
{
div#news
{
padding: 10px 15%;
padding-top: 27px;
font-size: 22px;
}
div#auction_flyer
{
grid-template-columns: 1fr 1fr;
}
}
/* portrait */
@media (max-width: 800px)
{
div#news
{
padding: 6px 3%;
font-size: 18px;
}
div#auction_flyer
{
grid-gap: 20px;
}
div#news img#auction_flyer
{
display: block;
width: 100%;
margin-bottom: 10px;
border-radius: 12px;
}
}
</style>
<img class="stretch" src="www/hoop.gif" />
<div id="news">
<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>
<b><i>Monday, November 27th, 2024</i></b>
</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 9PM 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 6PM to 9PM 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 2GB $45
Raspberry Pi power adapter $11
Aluminum plates $30
Skatedeck $25
32GB 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>
<b><i>Monday, November 6th, 2024</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. 27th, Cyber Monday, from 6pm - 10pm.
</p>
</div>
<img class="stretch" src="www/cat.gif" />
<!-- ***************************************************************** CALENDAR ************************************************************* -->
<style>
@ -1166,6 +1010,183 @@ total $191
</p>
</div>
<!-- *************************************************************** NEWS ********************************************************* -->
<style>
div#news
{
background: rgb(88.0, 192.0, 64.0);
text-align: justify;
color: #222;
margin: 0px;
}
div#auction_flyer
{
display: grid;
justify-content: center;
align-items: center;
margin: 0px;
}
img.stretch
{
width: 100%;
aspect-ratio: 10 / 1;
margin: 0px;
margin-top: 40px;
}
div#auction_flyer img
{
width: 100%;
}
div#auction_flyer video
{
width: 70%;
}
div#news p.date
{
border-bottom: 3px double #000;
border-top: 3px double #000;
}
div#news img
{
max-width: 100%;
}
/* landscape */
@media (min-width: 800px)
{
div#news
{
padding: 10px 15%;
padding-top: 27px;
font-size: 22px;
}
div#auction_flyer
{
grid-template-columns: 1fr 1fr;
}
}
/* portrait */
@media (max-width: 800px)
{
div#news
{
padding: 6px 3%;
font-size: 18px;
}
div#auction_flyer
{
grid-gap: 20px;
}
div#news img#auction_flyer
{
display: block;
width: 100%;
margin-bottom: 10px;
border-radius: 12px;
}
}
</style>
<img class="stretch" src="www/cat.gif" />
<div id="news">
<h1>Scrapeboard news 📰</h1>
<p class="date">
<b><i>Thursday, December 21st, 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 27th, 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 9PM 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 6PM to 9PM 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 2GB $45
Raspberry Pi power adapter $11
Aluminum plates $30
Skatedeck $25
32GB 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 6th, 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. 27th, Cyber Monday, from 6pm - 10pm.
</p>
</div>
<div id="ink">
<img src="www/Ink.png">
</div>

View File

@ -290,7 +290,7 @@ div#ink
{
width: 100%;
margin: 0;
margin-top: 50px;
margin-top: 0px;
padding: 0;
text-align: center;
background: rgb(253, 255, 125);