ArtShow2

├── worknotes.md ├── README.md ├── LICENSE ├── styles.css ├── index.html ├── code.js └── source.opml /worknotes.md: -------------------------------------------------------------------------------- 1 | #### 11/16/23; 9:07:59 AM by DW 2 | 3 | Replacing the previous Twitter-based artshow with one build on Bluesky. 4 | 5 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # artshow2 2 | 3 | A new version of the Artshow app that builds on Bluesky RSS 2.0 feeds. 4 | 5 | ### More info 6 | 7 | The original Twitter-based Artshow site is here. 8 | 9 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Dave Winer 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: whitesmoke; 3 | font-family: Ubuntu; 4 | font-size: 18px; 5 | line-height: 140%; 6 | } 7 | .divPageBody { 8 | width: 800px; 9 | margin-top: 40px; 10 | margin-left: auto; 11 | margin-right: auto; 12 | margin-bottom: 400px; 13 | } 14 | .divPausedMessage { 15 | height: 1.5em; 16 | } 17 | 18 | .divXmlLink a { 19 | text-decoration: none; 20 | } 21 | .divXmlIcon:hover { 22 | background-color: darkorange; 23 | } 24 | .divXmlIcon a { 25 | text-decoration: none; 26 | } 27 | .divXmlIcon { 28 | color: white; 29 | font-size: 11px; 30 | text-align: center; 31 | font-weight: bold; 32 | margin-top: -3px; 33 | background-color: orange; 34 | border: 1px solid darkorange; 35 | width: 36px; 36 | margin-bottom: 25px; 37 | } 38 | .spFeedTitle { 39 | font-size: 36px; 40 | } 41 | .imgArtImage { 42 | width: 550px; 43 | } 44 | .divColumnWrapper { 45 | display: table; 46 | width: 715px; 47 | border-collapse: separate; 48 | border-spacing: 5px 0; 49 | } 50 | .divOutlineColumn { 51 | display: table-cell; 52 | width: 165px; 53 | vertical-align: top; 54 | margin-right: 5px; 55 | } 56 | .divOutliner { 57 | background-color: inherit; 58 | } 59 | .divImageColumn { 60 | display: table-cell; 61 | width: 550px; 62 | min-height: 1200px; 63 | } 64 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | ArtShow2 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |

31 |

32 |

33 |

34 |

35 |

36 |

37 |

38 |

39 |

40 |

41 | 42 | 43 |

44 |

45 |

46 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /code.js: -------------------------------------------------------------------------------- 1 | const myProductName = "ArtShow2", myVersion = "0.4.0"; 2 | 3 | const appConsts = { 4 | serverUrl: "https://feedland.com/", 5 | readinglistUrl: "https://lists.feedcorps.org/artshow.opml" 6 | } 7 | var config = { 8 | ctSecsBetweenSwitches: 5, 9 | fadeRate: "slow" 10 | } 11 | 12 | var globals = { 13 | artLibrary: new Array (), 14 | flPaused: false, 15 | whenLastSwitch: new Date (0), 16 | ixlastart: 0, 17 | flImageShowing: false 18 | } 19 | var feedCache = new Object (); 20 | var appPrefs = { //outline routines need this 21 | outlineFont: "Ubuntu", 22 | outlineFontSize: 14, 23 | outlineLineHeight: 24 24 | }; 25 | 26 | function htmlLink (url, text) { 27 | return ("" + text + ""); 28 | } 29 | function httpRequest (url, timeout, headers, callback) { 30 | timeout = (timeout === undefined) ? 30000 : timeout; 31 | var jxhr = $.ajax ({ 32 | url: url, 33 | dataType: "text", 34 | headers, 35 | timeout 36 | }) 37 | .success (function (data, status) { 38 | callback (undefined, data); 39 | }) 40 | .error (function (status) { 41 | var message; 42 | try { //9/18/21 by DW 43 | message = JSON.parse (status.responseText).message; 44 | } 45 | catch (err) { 46 | message = status.responseText; 47 | } 48 | if ((message === undefined) || (message.length == 0)) { //7/22/22 by DW & 8/31/22 by DW 49 | message = "There was an error communicating with the server."; 50 | } 51 | var err = { 52 | code: status.status, 53 | message 54 | }; 55 | callback (err); 56 | }); 57 | } 58 | function getRiver (readinglistUrl, callback) { 59 | const url = appConsts.serverUrl + "getriverfromreadinglist?url=" + encodeURIComponent (readinglistUrl); 60 | httpRequest (url, undefined, undefined, function (err, jsontext) { 61 | if (err) { 62 | console.log ("servercall: url == " + url + ", err.message == " + err.message); 63 | callback (err); 64 | } 65 | else { 66 | callback (undefined, JSON.parse (jsontext)); 67 | } 68 | }); 69 | } 70 | 71 | function getFeed (feedUrl, callback) { 72 | function getActualFeed (feedUrl, callback) { 73 | const url = appConsts.serverUrl + "getfeed?url=" + encodeURIComponent (feedUrl); 74 | httpRequest (url, undefined, undefined, function (err, jsontext) { 75 | if (err) { 76 | callback (err); 77 | } 78 | else { 79 | callback (undefined, JSON.parse (jsontext)); 80 | } 81 | }); 82 | } 83 | if (feedCache [feedUrl] === undefined) { 84 | getActualFeed (feedUrl, function (err, theFeed) { 85 | if (err) { 86 | callback (err); 87 | } 88 | else { 89 | feedCache [feedUrl] = { 90 | when: new Date (), 91 | theFeed 92 | }; 93 | callback (undefined, theFeed); 94 | } 95 | }); 96 | } 97 | else { 98 | callback (undefined, feedCache [feedUrl].theFeed); 99 | } 100 | } 101 | 102 | function viewPaused () { 103 | var s = ""; 104 | if (globals.flPaused) { 105 | s = "PAUSED"; 106 | } 107 | $(".divPausedMessage").html (s); 108 | } 109 | function viewInfoAboutTheArt (item) { 110 | moveOutlineCursorToFeed (item.feedUrl); 111 | return; 112 | 113 | 114 | console.log ("viewInfoAboutTheArt: item == " + jsonStringify (item)); 115 | getFeed (item.feedUrl, function (err, theFeed) { 116 | 117 | 118 | $(".divFeedTitle").html (htmlLink (item.link, theFeed.title)); 119 | return; 120 | 121 | 122 | const theTable = $("

"); 123 | function getRow (name, val, tipText) { 124 | var theRow = $(""); 125 | 126 | var nameObject = $("" + name + ":"); 127 | if (tipText !== undefined) { 128 | addToolTip (nameObject, tipText); 129 | } 130 | var tdName = $(""); 131 | tdName.append (nameObject); 132 | theRow.append (tdName); 133 | 134 | var tdForVal = $(""); 135 | tdForVal.append (val); 136 | theRow.append (tdForVal) 137 | 138 | return (theRow); 139 | } 140 | 141 | function getFeedDescription () { 142 | const theDescription = $("" + theFeed.description + ""); 143 | return (theDescription); 144 | } 145 | 146 | function getFeedTitle () { 147 | const theTitle = $("" + htmlLink (item.link, theFeed.title) + ""); 148 | return (theTitle); 149 | } 150 | function getLink () { 151 | const theLink = $("" + htmlLink (item.link, "

XML

") + ""); 152 | return (theLink); 153 | } 154 | function getHtmltext () { 155 | const theHtmltext = $("" + item.description + ""); 156 | return (theHtmltext); 157 | } 158 | function getMarkdowntext () { 159 | const theMarkdowntext = $("" + item.markdowntext + ""); 160 | return (theMarkdowntext); 161 | } 162 | theTable.append (getRow ("Feed", getFeedTitle ())) 163 | theTable.append (getRow ("Link", getLink ())) 164 | theTable.append (getRow ("Text", getHtmltext ())) 165 | whereToAppend.empty (); 166 | whereToAppend.append (theTable); 167 | }); 168 | } 169 | function viewArt (ixArray, theContainer) { 170 | const item = globals.artLibrary [ixArray]; 171 | const theImage = $(".imgArtImage"); 172 | function fadeout (callback) { 173 | if (globals.flImageShowing) { 174 | theImage.fadeOut (config.fadeRate, function () { 175 | theImage.attr ("src", ""); 176 | theImage.css ("display", "block"); 177 | callback (); 178 | }); 179 | } 180 | else { 181 | callback (); 182 | } 183 | } 184 | fadeout (function () { 185 | viewInfoAboutTheArt (item); 186 | theImage.attr ("src", item.enclosure.url); 187 | theImage.on ("load", function () { 188 | globals.flImageShowing = true; 189 | 190 | const ratio = theContainer.width () / theImage.width (); 191 | const width = theContainer.width (); 192 | const height = theImage.height () * ratio; 193 | 194 | theImage.attr ("height", height); 195 | theImage.attr ("width", width); 196 | 197 | theImage.fadeIn (config.fadeRate, function () { 198 | }); 199 | }); 200 | }); 201 | } 202 | function viewRandomArt () { 203 | while (true) { //never repeat the same work of art 204 | var ix = random (0, globals.artLibrary.length - 1); 205 | if (ix !== globals.ixlastart) { 206 | viewArt (ix, $(".divPageBody")); 207 | globals.ixlastart = ix; 208 | break; 209 | } 210 | } 211 | } 212 | function switchArtIfReady () { 213 | if (!globals.flPaused) { 214 | if (secondsSince (globals.whenLastSwitch) >= config.ctSecsBetweenSwitches) { 215 | globals.whenLastSwitch = new Date (); 216 | viewRandomArt (); 217 | } 218 | } 219 | } 220 | 221 | function loadReadingListAsOutline (callback) { //11/15/23 by DW 222 | const url = appConsts.readinglistUrl; 223 | httpRequest (url, undefined, undefined, function (err, opmltext) { 224 | if (err) { 225 | console.log ("loadReadingListAsOutline: url == " + url + ", err.message == " + err.message); 226 | alertDialog (err.message); 227 | } 228 | else { 229 | opInitOutliner (opmltext, true, true); 230 | } 231 | callback (); 232 | }); 233 | } 234 | function moveOutlineCursorToFeed (feedUrl) { //11/15/23 by DW 235 | opFirstSummit (); 236 | while (true) { 237 | if (opGetOneAtt ("xmlUrl") == feedUrl) { 238 | break; 239 | } 240 | if (!opGo (down, 1)) { 241 | opFirstSummit (); 242 | break; 243 | } 244 | } 245 | } 246 | 247 | function loadArtLibrary (callback) { 248 | var library = new Array (); 249 | getRiver (appConsts.readinglistUrl, function (err, river) { 250 | if (err) { 251 | callback (err); 252 | } 253 | else { 254 | river.feeds.forEach (function (feed) { 255 | feed.items.forEach (function (item) { 256 | if (item.enclosure !== undefined) { 257 | if (item.enclosure.type !== undefined) { 258 | if (beginsWith (item.enclosure.type, "image/")) { 259 | library.push (item); 260 | } 261 | } 262 | } 263 | }); 264 | }); 265 | callback (undefined, library); 266 | } 267 | }); 268 | } 269 | 270 | function everyMinute () { 271 | var now = new Date (); 272 | if (now.getMinutes () == 0) { 273 | console.log ("\neveryMinute: " + now.toLocaleTimeString () + ", v" + myVersion); 274 | } 275 | } 276 | function everySecond () { 277 | switchArtIfReady (); 278 | } 279 | function handleClick () { 280 | console.log ("handleClick"); 281 | globals.flPaused = !globals.flPaused; 282 | viewPaused (); 283 | if (!globals.flPaused) { //cause an immediate switch 284 | viewRandomArt (); 285 | } 286 | } 287 | function startup () { 288 | console.log ("startup"); 289 | loadReadingListAsOutline (function () { 290 | loadArtLibrary (function (err, theLibrary) { 291 | if (err) { 292 | alertDialog (err.message); 293 | } 294 | else { 295 | globals.artLibrary = theLibrary; 296 | $(".imgArtImage").on ("click", handleClick); 297 | self.setInterval (everySecond, 1000); 298 | runEveryMinute (everyMinute); 299 | } 300 | hitCounter (); 301 | }); 302 | }); 303 | } 304 | -------------------------------------------------------------------------------- /source.opml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 14 | 15 | 16 | 17 | nodeEditor: artShow 18 | Mon, 02 Jul 2018 14:49:36 GMT 19 | Thu, 16 Nov 2023 14:50:26 GMT 20 | Dave Winer 21 | http://davewiner.com/ 22 | 1, 2, 3, 8, 9, 11, 15 23 | 1 24 | 117 25 | 856 26 | 1097 27 | 2207 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | 381 | 382 | 383 | 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | 415 | 416 | 417 | 418 | 419 | 420 | 421 | 422 | 423 | 424 | 425 | 426 | 427 | 428 | 429 | 430 | 431 | 432 | 433 | 434 | 435 | 436 | 437 | 438 | 439 | 440 | 441 | 442 | 443 | 444 | 445 | 446 | 447 | 448 | 449 | 450 | 451 | 452 | 453 | 454 | 455 | 456 | 457 | 458 | 459 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 487 | 488 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 517 | 518 | 519 | 520 | 521 | 522 | 523 | 524 | 525 | 526 | 527 | 528 | 529 | 530 | 531 | 532 | 533 | 534 | 535 | 536 | 537 | 538 | 539 | 540 | 541 | 542 | 543 | 544 | 545 | 546 | 547 | 548 | 549 | 550 | 551 | 552 | 553 | 554 | 555 | 556 | 557 | 558 | 559 | 560 | 561 | 562 | 563 | 564 | 565 | 566 | 567 | 568 | 569 | 570 | 571 | 572 | 573 | 574 | 575 | 576 | 577 | 578 | 579 | 580 | 581 | 582 | 583 | 584 | 585 | 586 | 587 | 588 | 589 | 590 | 591 | 592 | 593 | 594 | 595 | 596 | 597 | 598 | 599 | 600 | 601 | 602 | 603 | 604 | 605 | 606 | 607 | 608 | 609 | 610 | 611 | 612 | 613 | 614 | 615 | 616 | 617 | 618 | 619 | 620 | 621 | 622 | 623 | 624 | 625 | 626 | 627 | 628 | 629 | 630 | 631 | 632 | 633 | 634 | 635 | 636 | 637 | 638 | 639 | 640 | 641 | 642 | 643 | 644 | 645 | 646 | 647 | 648 | 649 | 650 | 651 | 652 | 653 | 654 | 655 | 656 | 657 | 658 | 659 | 660 | 661 | 662 | 663 | 664 | 665 | 666 | 667 | 668 | 669 | 670 | 671 | 672 | 673 | 674 | 675 | 676 | 677 | 678 | 679 | 680 | 681 | 682 | 683 | 684 | 685 | 686 | 687 | 688 | 689 | 690 | 691 | 692 | 693 | 694 | 695 | 696 | 697 | 698 | 699 | 700 | 701 | 702 | 703 | 704 | 705 | 706 | 707 | 708 | 709 | 1692 | --------------------------------------------------------------------------------