From 0406482f4a949764e5c74d731ff51fdb9c4215c8 Mon Sep 17 00:00:00 2001 From: Oleg Lavrovsky Date: Sun, 29 Oct 2023 00:03:09 +0200 Subject: [PATCH] Interactive --- data/web-diggers-alpha.csv | 14 +++--- data/web-diggers-alpha.json | 50 ++++++++++++++++----- webapp/package-lock.json | 12 +++++ webapp/package.json | 1 + webapp/public/snow-background.jpg | Bin 0 -> 13128 bytes webapp/src/App.tsx | 28 +++++++++--- webapp/src/apiclient/apiclient.ts | 27 ----------- webapp/src/apiclient/model.ts | 3 +- webapp/src/components/FleischeRaceGame.tsx | 32 +++++++++++++ webapp/src/components/rope/Rope.css | 19 +------- webapp/src/components/rope/Rope.tsx | 8 +++- 11 files changed, 122 insertions(+), 72 deletions(-) create mode 100644 webapp/public/snow-background.jpg create mode 100644 webapp/src/components/FleischeRaceGame.tsx diff --git a/data/web-diggers-alpha.csv b/data/web-diggers-alpha.csv index bfff957..6ee5d6b 100644 --- a/data/web-diggers-alpha.csv +++ b/data/web-diggers-alpha.csv @@ -1,5 +1,6 @@ -id,Name,Context,Show,Year,Embed,Screenshot,Source,Updated,Fun,Nostalgia,Trending,Type of Embed -1,Helvetica,"Helvetica, also known by its original name Neue Haas Grotesk, is a widely used sans-serif typeface developed by Swiss typeface designer Max Miedinger and Eduard Hoffmann at the Haas'sche Schriftgiesserei (Haas Type Foundry) of Münchenstein, Basel, Switzerland.",True,1957,https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/HelveticaSpecimenCH.svg/440px-HelveticaSpecimenCH.svg.png,,https://en.wikipedia.org/wiki/Helvetica,28/10/2023 13:59,1,2,"Category: All categories +id,Name,Context,Hide,Year,Embed,Screenshot,Source,Updated,Fun,Nostalgia,Trending,Type of Embed +6,Canton of Basel Stadt,"Welcome to Basel in the year 2000. Thanks to the Internet Archive, we can go back almost a quarter-century in time, and experience the Web in all its former glory: ""The links on this page are sorted by topic. You can also use the full-text search to find your desired information about official Basel. The offices are listed in alphabetical order under Departments from A-Z.""",False,2000,https://web.archive.org/web/20000302061437/http://www.bs.ch/,Screenshot from 2023-10-28 23-16-17.png (https://baserow.schoolofdata.ch/media/user_files/EtvCh1DMmGHk6Rs8oT3PuVUlbNFtGC4b_82a85cbe3a923ec2c4efbc7d999383c6ad9fabcec0dbf5faa8b935d44d0715f8.png),,28/10/2023 21:19,0,0,,IFRAME +1,Helvetica,"Helvetica, also known by its original name Neue Haas Grotesk, is a widely used sans-serif typeface developed by Swiss typeface designer Max Miedinger and Eduard Hoffmann at the Haas'sche Schriftgiesserei (Haas Type Foundry) of Münchenstein, Basel, Switzerland.",False,1957,https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/HelveticaSpecimenCH.svg/440px-HelveticaSpecimenCH.svg.png,,https://en.wikipedia.org/wiki/Helvetica,28/10/2023 21:13,1,2,"Category: All categories Month,Helvetica: (Switzerland) 2004-01,59 @@ -244,7 +245,7 @@ Month,Helvetica: (Switzerland) According to Llama 2: -Yes, there were definitely fans of the Digger computer game in Switzerland. ""I've come across several online forums and communities where Swiss gamers have discussed their fond memories of playing Digger on their home computers. One such community is a Swiss online forum dedicated to retro computing and gaming, where users share their experiences and memories of classic games like Digger. Some users have shared stories of how they spent countless hours playing the game on their Commodore 64s and Amigas, trying to beat each other's high scores and exploring the game's hidden features. Another user shared a story of how he first played Digger at a friend's house and was immediately hooked. He later bought his own copy of the game and played it for hours on end, even attempting to create his own levels using a level editor. Some users have also praised the game's simplicity and elegance, with one user commenting that ""Digger is a prime example of a simple yet addictive game that still holds up today."" Another user added that ""the game's music and sound effects are still stuck in my head after all these years!"" Overall, it seems that Digger has left a lasting impression on many Swiss gamers, who remember it as a fun and challenging game that provided countless hours of entertainment during their childhood and teenage years.",True,1982,https://archive.org/embed/digger_201505,Digger_Original_PC_Booter_Version_Game.png (https://baserow.schoolofdata.ch/media/user_files/Cf049yDEfGllgCK6XHDbXtrGwPU59dXx_793d2342cc79b87b9bfff32cb0cce42a6c5838e822733867d3582023751d25d6.png),https://en.wikipedia.org/wiki/Digger_(video_game),28/10/2023 14:00,5,4,"Category: All categories +Yes, there were definitely fans of the Digger computer game in Switzerland. ""I've come across several online forums and communities where Swiss gamers have discussed their fond memories of playing Digger on their home computers. One such community is a Swiss online forum dedicated to retro computing and gaming, where users share their experiences and memories of classic games like Digger. Some users have shared stories of how they spent countless hours playing the game on their Commodore 64s and Amigas, trying to beat each other's high scores and exploring the game's hidden features. Another user shared a story of how he first played Digger at a friend's house and was immediately hooked. He later bought his own copy of the game and played it for hours on end, even attempting to create his own levels using a level editor. Some users have also praised the game's simplicity and elegance, with one user commenting that ""Digger is a prime example of a simple yet addictive game that still holds up today."" Another user added that ""the game's music and sound effects are still stuck in my head after all these years!"" Overall, it seems that Digger has left a lasting impression on many Swiss gamers, who remember it as a fun and challenging game that provided countless hours of entertainment during their childhood and teenage years.",False,1982,https://archive.org/embed/digger_201505,Digger_Original_PC_Booter_Version_Game.png (https://baserow.schoolofdata.ch/media/user_files/Cf049yDEfGllgCK6XHDbXtrGwPU59dXx_793d2342cc79b87b9bfff32cb0cce42a6c5838e822733867d3582023751d25d6.png),https://en.wikipedia.org/wiki/Digger_(video_game),28/10/2023 21:13,5,4,"Category: All categories Month,Digger: (Switzerland) 2004-01,100 @@ -485,7 +486,7 @@ Month,Digger: (Switzerland) 2023-08,16 2023-09,18 2023-10,15",IFRAME -4,teach-a-bot,"teach-a-bot is an example project from the annual BaselHack hackathon, that has been held since 2017. Young and young-at-heart developers, technology fanatics, designers and other interested persons meet in every autumn and spend a weekend tinkering and developing various ideas. The goal of the hackathon is to get from an idea or a concrete problem to a first, functional prototype (software or hardware) in just a few hours. At the end of the hackathon weekend, the teams - which have come together at the beginning of the hackathon - present their prototypes. A technically experienced jury looks at the presentations and prototypes, and chooses the best in various categories.",True,2022,https://willowy-sunflower-a548a0.netlify.app/,,https://baselhack.dribdat.cc/project/4,28/10/2023 14:17,4,3,"Category: All categories +4,teach-a-bot,"teach-a-bot is an example project from the annual BaselHack hackathon, that has been held since 2017. Young and young-at-heart developers, technology fanatics, designers and other interested persons meet in every autumn and spend a weekend tinkering and developing various ideas. The goal of the hackathon is to get from an idea or a concrete problem to a first, functional prototype (software or hardware) in just a few hours. At the end of the hackathon weekend, the teams - which have come together at the beginning of the hackathon - present their prototypes. A technically experienced jury looks at the presentations and prototypes, and chooses the best in various categories.",True,2022,https://willowy-sunflower-a548a0.netlify.app/,,https://baselhack.dribdat.cc/project/4,28/10/2023 21:13,4,3,"Category: All categories Month,Basel: (Switzerland) 2004-01,69 @@ -726,6 +727,5 @@ Month,Basel: (Switzerland) 2023-08,88 2023-09,85 2023-10,89",IFRAME -5,Fleisch Ski Race,"Brettere mit Carnelli möglichst schnell über die Piste und sei schneller als der bisherige Rekordhalter. Wirst du der neue Champion? Hier gehts los. - -By http://www.swisswebgames.ch/, who were created in 1998, so probably made around 2000",False,2000,https://www.cultimedia.ch/schweizerfleisch/skirace-d.html,,,28/10/2023 16:21,5,2,,VIDEO +5,Fleisch Ski Race,Race as fast as possible with Carnelli and be faster than the previous record holder. Will you be the new champion? Here we go. Made probably around 2000 by swisswebgames.ch - who were founded in 1998.,False,2000,https://www.cultimedia.ch/schweizerfleisch/skirace-d.html,Screenshot from 2023-10-28 23-17-25.jpg (https://baserow.schoolofdata.ch/media/user_files/JzgpTfQwwb5BteqYRU0pSOlmhHd3wYFJ_78f8bbd2c18c2c296bb6768327ea007b47a8f141e58c71aadb57d25c20663fa5.jpg),,28/10/2023 21:18,5,2,,IFRAME +7,Sie Lügt,"Gölä grew up in Oppligen near Thun. After a stay in England, he completed an apprenticeship as a painter. During his apprenticeship he founded the band Joshua, in which he sang in English.",False,1999,https://m.youtube.com/watch?v=qsQzOtFHMWE,,https://de.m.wikipedia.org/wiki/Gölä,28/10/2023 21:19,4,4,,VIDEO diff --git a/data/web-diggers-alpha.json b/data/web-diggers-alpha.json index f4e338f..42b2819 100644 --- a/data/web-diggers-alpha.json +++ b/data/web-diggers-alpha.json @@ -1,14 +1,29 @@ [ +{ + "id": 6, + "name": "Canton of Basel Stadt", + "context": "Welcome to Basel in the year 2000. Thanks to the Internet Archive, we can go back almost a quarter-century in time, and experience the Web in all its former glory: \"The links on this page are sorted by topic. You can also use the full-text search to find your desired information about official Basel. The offices are listed in alphabetical order under Departments from A-Z.\"", + "hide": "False", + "year": 2000, + "embed": "https://web.archive.org/web/20000302061437/http://www.bs.ch/", + "screenshot": "Screenshot from 2023-10-28 23-16-17.png (https://baserow.schoolofdata.ch/media/user_files/EtvCh1DMmGHk6Rs8oT3PuVUlbNFtGC4b_82a85cbe3a923ec2c4efbc7d999383c6ad9fabcec0dbf5faa8b935d44d0715f8.png)", + "source": "", + "updated": "28/10/2023 21:19", + "fun": 0, + "nostalgia": 0, + "trending": "", + "type of embed": "IFRAME" +}, { "id": 1, "name": "Helvetica", "context": "Helvetica, also known by its original name Neue Haas Grotesk, is a widely used sans-serif typeface developed by Swiss typeface designer Max Miedinger and Eduard Hoffmann at the Haas'sche Schriftgiesserei (Haas Type Foundry) of Münchenstein, Basel, Switzerland.", - "show": "True", + "hide": "False", "year": 1957, "embed": "https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/HelveticaSpecimenCH.svg/440px-HelveticaSpecimenCH.svg.png", "screenshot": "", "source": "https://en.wikipedia.org/wiki/Helvetica", - "updated": "28/10/2023 13:59", + "updated": "28/10/2023 21:13", "fun": 1, "nostalgia": 2, "trending": "Category: All categories\n\nMonth,Helvetica: (Switzerland)\n2004-01,59\n2004-02,57\n2004-03,69\n2004-04,54\n2004-05,100\n2004-06,66\n2004-07,45\n2004-08,84\n2004-09,64\n2004-10,62\n2004-11,54\n2004-12,51\n2005-01,63\n2005-02,68\n2005-03,43\n2005-04,55\n2005-05,65\n2005-06,27\n2005-07,64\n2005-08,49\n2005-09,61\n2005-10,50\n2005-11,63\n2005-12,49\n2006-01,56\n2006-02,57\n2006-03,60\n2006-04,74\n2006-05,64\n2006-06,53\n2006-07,56\n2006-08,36\n2006-09,39\n2006-10,46\n2006-11,40\n2006-12,31\n2007-01,25\n2007-02,28\n2007-03,62\n2007-04,39\n2007-05,43\n2007-06,30\n2007-07,33\n2007-08,38\n2007-09,32\n2007-10,37\n2007-11,41\n2007-12,31\n2008-01,44\n2008-02,36\n2008-03,33\n2008-04,24\n2008-05,29\n2008-06,45\n2008-07,28\n2008-08,32\n2008-09,28\n2008-10,38\n2008-11,26\n2008-12,21\n2009-01,24\n2009-02,25\n2009-03,39\n2009-04,27\n2009-05,27\n2009-06,24\n2009-07,30\n2009-08,23\n2009-09,41\n2009-10,34\n2009-11,33\n2009-12,28\n2010-01,35\n2010-02,36\n2010-03,28\n2010-04,21\n2010-05,34\n2010-06,36\n2010-07,32\n2010-08,22\n2010-09,27\n2010-10,29\n2010-11,26\n2010-12,25\n2011-01,28\n2011-02,30\n2011-03,32\n2011-04,85\n2011-05,32\n2011-06,25\n2011-07,27\n2011-08,29\n2011-09,33\n2011-10,30\n2011-11,34\n2011-12,27\n2012-01,31\n2012-02,37\n2012-03,28\n2012-04,28\n2012-05,24\n2012-06,25\n2012-07,33\n2012-08,22\n2012-09,33\n2012-10,37\n2012-11,30\n2012-12,25\n2013-01,26\n2013-02,26\n2013-03,26\n2013-04,27\n2013-05,25\n2013-06,28\n2013-07,28\n2013-08,23\n2013-09,31\n2013-10,29\n2013-11,28\n2013-12,22\n2014-01,23\n2014-02,26\n2014-03,24\n2014-04,34\n2014-05,30\n2014-06,21\n2014-07,27\n2014-08,20\n2014-09,24\n2014-10,27\n2014-11,24\n2014-12,25\n2015-01,19\n2015-02,25\n2015-03,22\n2015-04,25\n2015-05,23\n2015-06,20\n2015-07,22\n2015-08,27\n2015-09,34\n2015-10,24\n2015-11,26\n2015-12,25\n2016-01,22\n2016-02,27\n2016-03,22\n2016-04,23\n2016-05,21\n2016-06,22\n2016-07,21\n2016-08,20\n2016-09,18\n2016-10,24\n2016-11,26\n2016-12,22\n2017-01,25\n2017-02,21\n2017-03,24\n2017-04,25\n2017-05,21\n2017-06,26\n2017-07,20\n2017-08,27\n2017-09,25\n2017-10,22\n2017-11,30\n2017-12,25\n2018-01,28\n2018-02,23\n2018-03,20\n2018-04,19\n2018-05,26\n2018-06,22\n2018-07,22\n2018-08,20\n2018-09,24\n2018-10,18\n2018-11,19\n2018-12,15\n2019-01,16\n2019-02,18\n2019-03,13\n2019-04,23\n2019-05,19\n2019-06,16\n2019-07,19\n2019-08,15\n2019-09,18\n2019-10,21\n2019-11,29\n2019-12,17\n2020-01,18\n2020-02,19\n2020-03,12\n2020-04,15\n2020-05,19\n2020-06,17\n2020-07,18\n2020-08,47\n2020-09,18\n2020-10,12\n2020-11,10\n2020-12,13\n2021-01,12\n2021-02,16\n2021-03,16\n2021-04,16\n2021-05,13\n2021-06,12\n2021-07,13\n2021-08,11\n2021-09,8\n2021-10,13\n2021-11,18\n2021-12,19\n2022-01,22\n2022-02,18\n2022-03,21\n2022-04,26\n2022-05,22\n2022-06,22\n2022-07,21\n2022-08,23\n2022-09,21\n2022-10,22\n2022-11,26\n2022-12,19\n2023-01,21\n2023-02,29\n2023-03,24\n2023-04,24\n2023-05,26\n2023-06,22\n2023-07,20\n2023-08,21\n2023-09,24\n2023-10,25", @@ -18,12 +33,12 @@ "id": 3, "name": "Digger", "context": "A video game released by Canadian developer Windmill Software as a self-booting disk for IBM PC compatibles, developed by Rob Sleath, the primary developer of Windmill games. \n\nAccording to Llama 2:\n\nYes, there were definitely fans of the Digger computer game in Switzerland. \"I've come across several online forums and communities where Swiss gamers have discussed their fond memories of playing Digger on their home computers. One such community is a Swiss online forum dedicated to retro computing and gaming, where users share their experiences and memories of classic games like Digger. Some users have shared stories of how they spent countless hours playing the game on their Commodore 64s and Amigas, trying to beat each other's high scores and exploring the game's hidden features. Another user shared a story of how he first played Digger at a friend's house and was immediately hooked. He later bought his own copy of the game and played it for hours on end, even attempting to create his own levels using a level editor. Some users have also praised the game's simplicity and elegance, with one user commenting that \"Digger is a prime example of a simple yet addictive game that still holds up today.\" Another user added that \"the game's music and sound effects are still stuck in my head after all these years!\" Overall, it seems that Digger has left a lasting impression on many Swiss gamers, who remember it as a fun and challenging game that provided countless hours of entertainment during their childhood and teenage years.", - "show": "True", + "hide": "False", "year": 1982, "embed": "https://archive.org/embed/digger_201505", "screenshot": "Digger_Original_PC_Booter_Version_Game.png (https://baserow.schoolofdata.ch/media/user_files/Cf049yDEfGllgCK6XHDbXtrGwPU59dXx_793d2342cc79b87b9bfff32cb0cce42a6c5838e822733867d3582023751d25d6.png)", "source": "https://en.wikipedia.org/wiki/Digger_(video_game)", - "updated": "28/10/2023 14:00", + "updated": "28/10/2023 21:13", "fun": 5, "nostalgia": 4, "trending": "Category: All categories\n\nMonth,Digger: (Switzerland)\n2004-01,100\n2004-02,0\n2004-03,0\n2004-04,0\n2004-05,0\n2004-06,19\n2004-07,56\n2004-08,20\n2004-09,45\n2004-10,23\n2004-11,27\n2004-12,0\n2005-01,31\n2005-02,27\n2005-03,51\n2005-04,0\n2005-05,22\n2005-06,31\n2005-07,0\n2005-08,26\n2005-09,31\n2005-10,58\n2005-11,59\n2005-12,46\n2006-01,0\n2006-02,0\n2006-03,9\n2006-04,11\n2006-05,0\n2006-06,12\n2006-07,24\n2006-08,17\n2006-09,36\n2006-10,28\n2006-11,29\n2006-12,18\n2007-01,25\n2007-02,24\n2007-03,7\n2007-04,38\n2007-05,12\n2007-06,5\n2007-07,16\n2007-08,21\n2007-09,8\n2007-10,9\n2007-11,9\n2007-12,15\n2008-01,8\n2008-02,10\n2008-03,16\n2008-04,0\n2008-05,15\n2008-06,10\n2008-07,0\n2008-08,6\n2008-09,7\n2008-10,15\n2008-11,18\n2008-12,11\n2009-01,23\n2009-02,22\n2009-03,11\n2009-04,14\n2009-05,19\n2009-06,10\n2009-07,11\n2009-08,9\n2009-09,7\n2009-10,5\n2009-11,8\n2009-12,16\n2010-01,17\n2010-02,16\n2010-03,13\n2010-04,16\n2010-05,18\n2010-06,15\n2010-07,0\n2010-08,12\n2010-09,0\n2010-10,18\n2010-11,22\n2010-12,11\n2011-01,18\n2011-02,11\n2011-03,15\n2011-04,23\n2011-05,17\n2011-06,20\n2011-07,15\n2011-08,17\n2011-09,13\n2011-10,11\n2011-11,14\n2011-12,17\n2012-01,11\n2012-02,17\n2012-03,10\n2012-04,18\n2012-05,15\n2012-06,14\n2012-07,15\n2012-08,19\n2012-09,21\n2012-10,17\n2012-11,12\n2012-12,17\n2013-01,16\n2013-02,9\n2013-03,7\n2013-04,10\n2013-05,13\n2013-06,9\n2013-07,11\n2013-08,13\n2013-09,7\n2013-10,24\n2013-11,18\n2013-12,19\n2014-01,17\n2014-02,13\n2014-03,12\n2014-04,17\n2014-05,14\n2014-06,15\n2014-07,15\n2014-08,22\n2014-09,19\n2014-10,30\n2014-11,22\n2014-12,19\n2015-01,15\n2015-02,23\n2015-03,19\n2015-04,15\n2015-05,16\n2015-06,11\n2015-07,10\n2015-08,11\n2015-09,12\n2015-10,11\n2015-11,15\n2015-12,13\n2016-01,16\n2016-02,13\n2016-03,16\n2016-04,20\n2016-05,20\n2016-06,20\n2016-07,17\n2016-08,15\n2016-09,16\n2016-10,12\n2016-11,14\n2016-12,17\n2017-01,15\n2017-02,15\n2017-03,20\n2017-04,19\n2017-05,12\n2017-06,13\n2017-07,13\n2017-08,16\n2017-09,14\n2017-10,14\n2017-11,16\n2017-12,21\n2018-01,16\n2018-02,13\n2018-03,13\n2018-04,19\n2018-05,14\n2018-06,13\n2018-07,10\n2018-08,12\n2018-09,16\n2018-10,17\n2018-11,18\n2018-12,17\n2019-01,17\n2019-02,20\n2019-03,16\n2019-04,11\n2019-05,10\n2019-06,16\n2019-07,13\n2019-08,16\n2019-09,14\n2019-10,11\n2019-11,22\n2019-12,18\n2020-01,20\n2020-02,18\n2020-03,9\n2020-04,21\n2020-05,16\n2020-06,24\n2020-07,16\n2020-08,15\n2020-09,19\n2020-10,13\n2020-11,15\n2020-12,14\n2021-01,15\n2021-02,14\n2021-03,19\n2021-04,14\n2021-05,20\n2021-06,18\n2021-07,14\n2021-08,12\n2021-09,15\n2021-10,12\n2021-11,13\n2021-12,20\n2022-01,19\n2022-02,13\n2022-03,16\n2022-04,17\n2022-05,17\n2022-06,10\n2022-07,18\n2022-08,19\n2022-09,17\n2022-10,20\n2022-11,17\n2022-12,21\n2023-01,15\n2023-02,21\n2023-03,19\n2023-04,15\n2023-05,18\n2023-06,19\n2023-07,11\n2023-08,16\n2023-09,18\n2023-10,15", @@ -33,12 +48,12 @@ "id": 4, "name": "teach-a-bot", "context": "teach-a-bot is an example project from the annual BaselHack hackathon, that has been held since 2017. Young and young-at-heart developers, technology fanatics, designers and other interested persons meet in every autumn and spend a weekend tinkering and developing various ideas. The goal of the hackathon is to get from an idea or a concrete problem to a first, functional prototype (software or hardware) in just a few hours. At the end of the hackathon weekend, the teams - which have come together at the beginning of the hackathon - present their prototypes. A technically experienced jury looks at the presentations and prototypes, and chooses the best in various categories.", - "show": "True", + "hide": "True", "year": 2022, "embed": "https://willowy-sunflower-a548a0.netlify.app/", "screenshot": "", "source": "https://baselhack.dribdat.cc/project/4", - "updated": "28/10/2023 14:17", + "updated": "28/10/2023 21:13", "fun": 4, "nostalgia": 3, "trending": "Category: All categories\n\nMonth,Basel: (Switzerland)\n2004-01,69\n2004-02,69\n2004-03,75\n2004-04,76\n2004-05,68\n2004-06,80\n2004-07,72\n2004-08,75\n2004-09,76\n2004-10,80\n2004-11,69\n2004-12,71\n2005-01,74\n2005-02,65\n2005-03,66\n2005-04,71\n2005-05,65\n2005-06,67\n2005-07,65\n2005-08,68\n2005-09,67\n2005-10,68\n2005-11,65\n2005-12,64\n2006-01,70\n2006-02,68\n2006-03,67\n2006-04,65\n2006-05,69\n2006-06,64\n2006-07,64\n2006-08,70\n2006-09,71\n2006-10,75\n2006-11,77\n2006-12,73\n2007-01,74\n2007-02,69\n2007-03,67\n2007-04,71\n2007-05,68\n2007-06,69\n2007-07,71\n2007-08,71\n2007-09,69\n2007-10,71\n2007-11,71\n2007-12,67\n2008-01,70\n2008-02,66\n2008-03,68\n2008-04,69\n2008-05,68\n2008-06,73\n2008-07,72\n2008-08,73\n2008-09,72\n2008-10,70\n2008-11,74\n2008-12,71\n2009-01,70\n2009-02,72\n2009-03,66\n2009-04,73\n2009-05,74\n2009-06,76\n2009-07,79\n2009-08,79\n2009-09,86\n2009-10,83\n2009-11,80\n2009-12,82\n2010-01,84\n2010-02,76\n2010-03,80\n2010-04,75\n2010-05,73\n2010-06,76\n2010-07,72\n2010-08,86\n2010-09,79\n2010-10,83\n2010-11,84\n2010-12,83\n2011-01,83\n2011-02,79\n2011-03,78\n2011-04,81\n2011-05,79\n2011-06,82\n2011-07,79\n2011-08,79\n2011-09,82\n2011-10,83\n2011-11,79\n2011-12,83\n2012-01,79\n2012-02,81\n2012-03,79\n2012-04,76\n2012-05,81\n2012-06,80\n2012-07,79\n2012-08,82\n2012-09,83\n2012-10,81\n2012-11,83\n2012-12,81\n2013-01,75\n2013-02,77\n2013-03,76\n2013-04,84\n2013-05,82\n2013-06,81\n2013-07,81\n2013-08,87\n2013-09,79\n2013-10,86\n2013-11,79\n2013-12,82\n2014-01,77\n2014-02,74\n2014-03,78\n2014-04,82\n2014-05,80\n2014-06,81\n2014-07,89\n2014-08,87\n2014-09,87\n2014-10,87\n2014-11,82\n2014-12,83\n2015-01,77\n2015-02,79\n2015-03,79\n2015-04,79\n2015-05,80\n2015-06,90\n2015-07,92\n2015-08,86\n2015-09,85\n2015-10,86\n2015-11,84\n2015-12,84\n2016-01,78\n2016-02,84\n2016-03,79\n2016-04,86\n2016-05,87\n2016-06,83\n2016-07,84\n2016-08,88\n2016-09,87\n2016-10,86\n2016-11,92\n2016-12,88\n2017-01,87\n2017-02,87\n2017-03,94\n2017-04,93\n2017-05,93\n2017-06,94\n2017-07,92\n2017-08,93\n2017-09,96\n2017-10,96\n2017-11,97\n2017-12,90\n2018-01,85\n2018-02,92\n2018-03,90\n2018-04,98\n2018-05,95\n2018-06,89\n2018-07,90\n2018-08,99\n2018-09,89\n2018-10,93\n2018-11,92\n2018-12,84\n2019-01,80\n2019-02,89\n2019-03,94\n2019-04,95\n2019-05,97\n2019-06,99\n2019-07,94\n2019-08,100\n2019-09,94\n2019-10,95\n2019-11,95\n2019-12,89\n2020-01,89\n2020-02,96\n2020-03,73\n2020-04,59\n2020-05,71\n2020-06,81\n2020-07,76\n2020-08,88\n2020-09,85\n2020-10,78\n2020-11,64\n2020-12,66\n2021-01,64\n2021-02,66\n2021-03,71\n2021-04,76\n2021-05,84\n2021-06,81\n2021-07,88\n2021-08,98\n2021-09,89\n2021-10,91\n2021-11,88\n2021-12,82\n2022-01,73\n2022-02,80\n2022-03,79\n2022-04,84\n2022-05,88\n2022-06,93\n2022-07,89\n2022-08,99\n2022-09,89\n2022-10,89\n2022-11,81\n2022-12,77\n2023-01,83\n2023-02,84\n2023-03,83\n2023-04,87\n2023-05,87\n2023-06,85\n2023-07,84\n2023-08,88\n2023-09,85\n2023-10,89", @@ -47,16 +62,31 @@ { "id": 5, "name": "Fleisch Ski Race", - "context": "Brettere mit Carnelli möglichst schnell über die Piste und sei schneller als der bisherige Rekordhalter. Wirst du der neue Champion? Hier gehts los.\n\nBy http://www.swisswebgames.ch/, who were created in 1998, so probably made around 2000", - "show": "False", + "context": "Race as fast as possible with Carnelli and be faster than the previous record holder. Will you be the new champion? Here we go. Made probably around 2000 by swisswebgames.ch - who were founded in 1998.", + "hide": "False", "year": 2000, "embed": "https://www.cultimedia.ch/schweizerfleisch/skirace-d.html", - "screenshot": "", + "screenshot": "Screenshot from 2023-10-28 23-17-25.jpg (https://baserow.schoolofdata.ch/media/user_files/JzgpTfQwwb5BteqYRU0pSOlmhHd3wYFJ_78f8bbd2c18c2c296bb6768327ea007b47a8f141e58c71aadb57d25c20663fa5.jpg)", "source": "", - "updated": "28/10/2023 16:21", + "updated": "28/10/2023 21:18", "fun": 5, "nostalgia": 2, "trending": "", + "type of embed": "IFRAME" +}, +{ + "id": 7, + "name": "Sie Lügt", + "context": "Gölä grew up in Oppligen near Thun. After a stay in England, he completed an apprenticeship as a painter. During his apprenticeship he founded the band Joshua, in which he sang in English.", + "hide": "False", + "year": 1999, + "embed": "https://m.youtube.com/watch?v=qsQzOtFHMWE", + "screenshot": "", + "source": "https://de.m.wikipedia.org/wiki/Gölä", + "updated": "28/10/2023 21:19", + "fun": 4, + "nostalgia": 4, + "trending": "", "type of embed": "VIDEO" } ] diff --git a/webapp/package-lock.json b/webapp/package-lock.json index 5e4c769..5102e9f 100644 --- a/webapp/package-lock.json +++ b/webapp/package-lock.json @@ -11,6 +11,7 @@ "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-use-draggable-scroll": "^0.4.7", "react-xarrows": "^2.0.2" }, "devDependencies": { @@ -2678,6 +2679,17 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "node_modules/react-use-draggable-scroll": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/react-use-draggable-scroll/-/react-use-draggable-scroll-0.4.7.tgz", + "integrity": "sha512-6gCxGPO9WV5dIsBaDrgUKBaac8CY07PkygcArfajijYSNDwAq0girDRjaBuF1+lRqQryoLFQfpVaV2u/Yh6CrQ==", + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">=16" + } + }, "node_modules/react-xarrows": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/react-xarrows/-/react-xarrows-2.0.2.tgz", diff --git a/webapp/package.json b/webapp/package.json index 1b68fe8..addd74d 100644 --- a/webapp/package.json +++ b/webapp/package.json @@ -13,6 +13,7 @@ "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-use-draggable-scroll": "^0.4.7", "react-xarrows": "^2.0.2" }, "devDependencies": { diff --git a/webapp/public/snow-background.jpg b/webapp/public/snow-background.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e0c14c38dbfa0d81bcfebf454c52c757ac36769f GIT binary patch literal 13128 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 Qu{k`M8?ACx#(!4-58lAcMgRZ+ literal 0 HcmV?d00001 diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx index 6b3cdb2..d0ce813 100644 --- a/webapp/src/App.tsx +++ b/webapp/src/App.tsx @@ -1,11 +1,16 @@ -import { useEffect, useState } from "react"; +import { useEffect, useRef, useState } from "react"; import Room from "./templates/Room"; import { Piece } from "./apiclient/model"; import { loadData } from "./apiclient/apiclient"; -// import { loadMockData } from "./apiclient/apiclient"; -// import { ComputerUpgradesPage } from "./components/ComputerUpgrades"; +import { ComputerUpgradesPage } from "./components/ComputerUpgrades"; +import { FleischeRaceGame } from "./components/FleischeRaceGame"; +import { useDraggable } from "react-use-draggable-scroll"; function App() { + const ref = + useRef() as React.MutableRefObject; + const { events } = useDraggable(ref); + const [pieces, setPieces] = useState([]); useEffect(() => { loadData().then(setPieces); @@ -16,10 +21,19 @@ function App() { // } return ( -
- {pieces.map((piece) => ( - - ))} +
+ {pieces.map((piece) => { + if (piece.name === "Fleisch Ski Race") { + return ; + } else { + return ; + } + })} +
); } diff --git a/webapp/src/apiclient/apiclient.ts b/webapp/src/apiclient/apiclient.ts index ae34f9f..0f51622 100644 --- a/webapp/src/apiclient/apiclient.ts +++ b/webapp/src/apiclient/apiclient.ts @@ -4,30 +4,3 @@ export async function loadData(): Promise { const response = await fetch("http://localhost:8080/json"); return (await response.json()) as Piece[]; } - -export async function loadMockData(): Promise { - return [ - { - id: "1", - name: "Helvetica", - context: - "Helvetica, also known by its original name Neue Haas Grotesk, is a widely", - year: 1957, - show: true, - screenshot: "", - embed: "Embed", - updated: "today", - }, - { - id: "2", - name: "Magic", - context: - "Helvetica, also known by its original name Neue Haas Grotesk, is a widely", - year: 1957, - show: true, - screenshot: "", - embed: "Embed", - updated: "today", - }, - ]; -} diff --git a/webapp/src/apiclient/model.ts b/webapp/src/apiclient/model.ts index d983a28..91ecea2 100644 --- a/webapp/src/apiclient/model.ts +++ b/webapp/src/apiclient/model.ts @@ -5,6 +5,7 @@ export type Piece = { year: number; show: boolean; screenshot: string; - embed: "Embed" | "Source" | "Fun" | "Nostalgia" | "Trending"; + embed: string; + "type of embed": "IMAGE" | "IFRAME"; updated: string; }; diff --git a/webapp/src/components/FleischeRaceGame.tsx b/webapp/src/components/FleischeRaceGame.tsx new file mode 100644 index 0000000..09cdfd0 --- /dev/null +++ b/webapp/src/components/FleischeRaceGame.tsx @@ -0,0 +1,32 @@ +import { RoomWrapper } from "../templates/Room"; + +export function FleischeRaceGame() { + return ( + +
+

+ In 2000, people in Bern... +

+

+ played a game about meat +

+