Skip to content

Commit

Permalink
proof of concept
Browse files Browse the repository at this point in the history
  • Loading branch information
D. Schmudde committed May 26, 2024
1 parent 8570611 commit 2781ac6
Show file tree
Hide file tree
Showing 6 changed files with 93 additions and 77 deletions.
16 changes: 8 additions & 8 deletions pages/recycling-center-final-1.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="en"><head><title>Gallery 404</title><meta charset="utf-8"><meta content="text/html" http-equiv="Content-Type"><link href="/favicon.ico" rel="icon" type="image/x-icon"><link href="../resources/css/fontawesome/all.min.css" rel="stylesheet"><meta content="The culture of a generation, lost to time." name="description"><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"><meta content="netart rhizome Monoskop" name="keywords"><meta content="summary_large_image" name="twitter:card"><meta content="@dschmudde" name="twitter:creator"><meta content="http://netart.today" property="og:url"><meta content="Gallery 404" property="og:title"><meta content="David Schmudde" property="og:author"><meta content="http://www.netart.today/../resources/img/light-on-the-net-2023-04-23 22-40-53.png" property="og:image"><meta content="The culture of a generation, lost to time." property="og:description"><link href="../resources/css/tachyons.min.css" rel="stylesheet"><link href="../resources/css/netart.css" rel="stylesheet"></head><body class="sans-serif"><main class="flex flex-column min-vh-100"><section class="flex-auto ph5-ns ph3"><div class="cf ph3 ph5-ns pv3"><h1>Art!</h1><article><iframe height="500px" srcdoc="&lt;!DOCTYPE html&gt;
<html itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="en"><head><title>Gallery 404</title><meta charset="utf-8"><meta content="text/html" http-equiv="Content-Type"><link href="/favicon.ico" rel="icon" type="image/x-icon"><link href="../resources/css/fontawesome/all.min.css" rel="stylesheet"><meta content="The culture of a generation, lost to time." name="description"><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"><meta content="netart rhizome Monoskop" name="keywords"><meta content="summary_large_image" name="twitter:card"><meta content="@dschmudde" name="twitter:creator"><meta content="http://netart.today" property="og:url"><meta content="Gallery 404" property="og:title"><meta content="David Schmudde" property="og:author"><meta content="http://www.netart.today/../resources/img/light-on-the-net-2023-04-23 22-40-53.png" property="og:image"><meta content="The culture of a generation, lost to time." property="og:description"><link href="../resources/css/tachyons.min.css" rel="stylesheet"><link href="../resources/css/netart.css" rel="stylesheet"></head><body class="sans-serif"><main class="flex flex-column min-vh-100"><section class="flex-auto ph5-ns ph3"><div class="cf ph3 ph5-ns pv3"><h1>Restoration Complete!</h1><article><div class="fn fl-ns w-60-l pr4-l"><figure><iframe height="500px" srcdoc="&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
Expand Down Expand Up @@ -50,17 +50,17 @@
&lt;p&gt;These pictures are taken on the midnight of 31th of May 1996 at the hall of Gifu Softopia Center.&lt;/p&gt;
&lt;p&gt;Each light is 20W bulbs. These 49 Lights are controlled by MicroChip Controller which is reading data from PC through RS-422 line. light.softopia.pref.gifu.jp is an IBM-PC/AT compatible with Pentium 90MHz and Windows 95. This PC is sending commands to MicroChip Controller, capturing video images and processing your requests.&lt;/p&gt;
&lt;div class=&quot;images&quot;&gt;
&lt;div&gt;&lt;img src=&quot;main_image.png&quot; alt=&quot;Main Image&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;constructing.png&quot; alt=&quot;Constructing&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;../resources/img/recycling-center/1/main_image.png&quot; alt=&quot;Main Image&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;../resources/img/recycling-center/1/constructing.png&quot; alt=&quot;Constructing&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;images&quot;&gt;
&lt;div&gt;&lt;img src=&quot;pc_at.png&quot; alt=&quot;PC/AT&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;mr_yamamoto.png&quot; alt=&quot;Mr.Yamamoto&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;light.png&quot; alt=&quot;Light&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;mr_kawashima.png&quot; alt=&quot;Mr.Kawashima&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;../resources/img/recycling-center/1/pc_at.png&quot; alt=&quot;PC/AT&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;../resources/img/recycling-center/1/mr_yamamoto.png&quot; alt=&quot;Mr.Yamamoto&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;../resources/img/recycling-center/1/light.png&quot; alt=&quot;Light&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;div&gt;&lt;img src=&quot;../resources/img/recycling-center/1/mr_kawashima.png&quot; alt=&quot;Mr.Kawashima&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;a href=&quot;http://web.archive.org/web/20000301125559/http://www.flab.mag.keio.ac.jp/light/album.html&quot;&gt;Project Detail (in Japanese)&lt;/a&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
" width="100%"></iframe><div class="w-100 flex justify-center items-center pv4"><a href="recycling-center.html"><button>Again</button></a></div></article></div></section><footer class="pv4 ph3 ph5-m ph6-l mid-gray"><hr><div class="tc mb3"><div><a class="f5 dib ph2 link dim" href="../index.html">Home</a><a class="f5 dib ph2 link dim" href="0.html">Gallery</a><a class="f5 dib ph2 link dim" href="about.html">About</a><a class="f5 dib ph2 link dim" href="gift-shop.html">Gift Shop</a></div></div><div class="tc" property="license"><small><a class="link" href="https://creativecommons.org/licenses/by/4.0/" rel="license"><i class="fab fa-creative-commons"></i>&nbsp;<i class="fab fa-creative-commons-by"></i></a><span> David Schmudde 2024</span></small></div><div class="tc mt3"><div><a class="f5 dib ph2 link dim" href="https://twitter.com/dschmudde"><i class="fab fa-twitter"></i></a><a class="f5 dib ph2 link dim" href="https://mastodon.social/@schmudde"><i class="fab fa-mastodon"></i></a><a class="f5 dib ph2 link dim" href="mailto:[email protected]"><i class="fas fa-envelope"></i></a></div></div></footer></main><script async data-goatcounter="https://gallery404.goatcounter.com/count" src="//gc.zgo.at/count.js"></script></body></html>
" width="100%"></iframe><figcaption><small class="fr"><a class="link" href="http://light.softopia.pref.gifu.jp/">retrieved 2023-04-23</a></small><i>Light on the Net Project</i>&nbsp;(1996)</figcaption></figure></div><div class="fn fl-ns w-40-l pt3 pt0-l"><h2 class="f2 lh-title fw9 mb3 mt0 pt3 bt bw2">Light on the Net Project</h2><div><p class="f3 mid-gray lh-title">Masaki Fujihata<br><time class="f6 ttu tracked gray">1996</time></p><blockquote class="ml0 mt0 pl3 black-90 bl bw2 b--blue"><p>A work by Masaki Fugihata is enjoyable in part because it is immediately gratifying. Shown in real-time 24 hours a day, it allows viewers to click the lightbulbs in a grid on and off, controlling the bulbs in an actual sculpture located in an office building in Japan.</p></blockquote><span><cite class="f6 ttu tracked fs-normal"> ~ <a class="link" href="https://web.archive.org/web/20030621040732/http://artbyte.com/web/net_pick/np_090101.html"> ArtByte (2001)</a></cite><span>, currently archived at <a class="link" href="https://web.archive.org/web/20000301125959/http://www.flab.mag.keio.ac.jp/light/album.html">Internet Archive</a></span></span></div></div></article><div class="w-100 flex flex-column items-center pv4"><p class="f3 fw9 mb3 mt0 pt3 bt bw2">Thank you for helping to repair this important artifact. Your work has helped train our algorithm. Soon our entire cultural history will be mediated by artificial intelligence. We will no longer need to do the costly and difficult work of maintaining relics of the past. Not only will we be &quot;All Watched Over by Machines of Loving Grace&quot; just as Richard Brautigan imagined in 1967, our understanding of the past and thus our future will be seen through an infaliable algorithmic lens.</p><div class="tc"><a class="tc" href="recycling-center.html"><button>Again</button></a></div></div></div></section><footer class="pv4 ph3 ph5-m ph6-l mid-gray"><hr><div class="tc mb3"><div><a class="f5 dib ph2 link dim" href="../index.html">Home</a><a class="f5 dib ph2 link dim" href="0.html">Gallery</a><a class="f5 dib ph2 link dim" href="about.html">About</a><a class="f5 dib ph2 link dim" href="gift-shop.html">Gift Shop</a></div></div><div class="tc" property="license"><small><a class="link" href="https://creativecommons.org/licenses/by/4.0/" rel="license"><i class="fab fa-creative-commons"></i>&nbsp;<i class="fab fa-creative-commons-by"></i></a><span> David Schmudde 2024</span></small></div><div class="tc mt3"><div><a class="f5 dib ph2 link dim" href="https://twitter.com/dschmudde"><i class="fab fa-twitter"></i></a><a class="f5 dib ph2 link dim" href="https://mastodon.social/@schmudde"><i class="fab fa-mastodon"></i></a><a class="f5 dib ph2 link dim" href="mailto:[email protected]"><i class="fas fa-envelope"></i></a></div></div></footer></main><script async data-goatcounter="https://gallery404.goatcounter.com/count" src="//gc.zgo.at/count.js"></script></body></html>
16 changes: 8 additions & 8 deletions pages/recycling-center-final-2.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="en"><head><title>Gallery 404</title><meta charset="utf-8"><meta content="text/html" http-equiv="Content-Type"><link href="/favicon.ico" rel="icon" type="image/x-icon"><link href="../resources/css/fontawesome/all.min.css" rel="stylesheet"><meta content="The culture of a generation, lost to time." name="description"><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"><meta content="netart rhizome Monoskop" name="keywords"><meta content="summary_large_image" name="twitter:card"><meta content="@dschmudde" name="twitter:creator"><meta content="http://netart.today" property="og:url"><meta content="Gallery 404" property="og:title"><meta content="David Schmudde" property="og:author"><meta content="http://www.netart.today/../resources/img/light-on-the-net-2023-04-23 22-40-53.png" property="og:image"><meta content="The culture of a generation, lost to time." property="og:description"><link href="../resources/css/tachyons.min.css" rel="stylesheet"><link href="../resources/css/netart.css" rel="stylesheet"></head><body class="sans-serif"><main class="flex flex-column min-vh-100"><section class="flex-auto ph5-ns ph3"><div class="cf ph3 ph5-ns pv3"><h1>Art!</h1><article><iframe height="500px" srcdoc="&lt;!DOCTYPE html&gt;
<html itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="en"><head><title>Gallery 404</title><meta charset="utf-8"><meta content="text/html" http-equiv="Content-Type"><link href="/favicon.ico" rel="icon" type="image/x-icon"><link href="../resources/css/fontawesome/all.min.css" rel="stylesheet"><meta content="The culture of a generation, lost to time." name="description"><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"><meta content="netart rhizome Monoskop" name="keywords"><meta content="summary_large_image" name="twitter:card"><meta content="@dschmudde" name="twitter:creator"><meta content="http://netart.today" property="og:url"><meta content="Gallery 404" property="og:title"><meta content="David Schmudde" property="og:author"><meta content="http://www.netart.today/../resources/img/light-on-the-net-2023-04-23 22-40-53.png" property="og:image"><meta content="The culture of a generation, lost to time." property="og:description"><link href="../resources/css/tachyons.min.css" rel="stylesheet"><link href="../resources/css/netart.css" rel="stylesheet"></head><body class="sans-serif"><main class="flex flex-column min-vh-100"><section class="flex-auto ph5-ns ph3"><div class="cf ph3 ph5-ns pv3"><h1>Restoration Complete!</h1><article><div class="fn fl-ns w-60-l pr4-l"><figure><iframe height="500px" srcdoc="&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
Expand Down Expand Up @@ -51,7 +51,7 @@
&lt;body&gt;
&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;header&quot;&gt;
&lt;img src=&quot;main_image.webp&quot; alt=&quot;Main Image&quot;&gt;
&lt;img src=&quot;../resources/img/recycling-center/2/main_image.webp&quot; alt=&quot;Main Image&quot;&gt;
&lt;div&gt;
&lt;h1&gt;Light on the Net project&lt;/h1&gt;
&lt;p&gt;Finally the system has been activated on 9th of June 1996&lt;/p&gt;
Expand All @@ -61,28 +61,28 @@
&lt;p&gt;Each light is 20W bulbs. These 49 Lights are controlled by MicroChip Controller which is reading data from PC through RS-422 line. light.softopia.pref.gifu.jp is an IBM-PC/AT compatible with Pentium 90MHz and Windows 95. This PC is sending commands to MicroChip Controller, capturing video images and processing your requests.&lt;/p&gt;
&lt;div class=&quot;sub-images&quot;&gt;
&lt;div&gt;
&lt;img src=&quot;constructing.webp&quot; alt=&quot;Constructing&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;img src=&quot;../resources/img/recycling-center/2/constructing.webp&quot; alt=&quot;Constructing&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;p&gt;constructing&lt;/p&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;img src=&quot;pc_at.webp&quot; alt=&quot;PC/AT&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;img src=&quot;../resources/img/recycling-center/2/pc_at.webp&quot; alt=&quot;PC/AT&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;p&gt;PC/AT&lt;/p&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;img src=&quot;mr_yamamoto.webp&quot; alt=&quot;Mr. Yamamoto&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;img src=&quot;../resources/img/recycling-center/2/mr_yamamoto.webp&quot; alt=&quot;Mr. Yamamoto&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;p&gt;Mr.Yamamoto&lt;/p&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;img src=&quot;light.webp&quot; alt=&quot;Light&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;img src=&quot;../resources/img/recycling-center/2/light.webp&quot; alt=&quot;Light&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;p&gt;light&lt;/p&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;img src=&quot;mr_kawashima.webp&quot; alt=&quot;Mr. Kawashima&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;img src=&quot;../resources/img/recycling-center/2/mr_kawashima.webp&quot; alt=&quot;Mr. Kawashima&quot; width=&quot;200&quot; height=&quot;150&quot;&gt;
&lt;p&gt;Mr.Kawashima&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;a href=&quot;http://web.archive.org/web/20000301125559/http://www.flab.mag.keio.ac.jp/light/album.html&quot;&gt;Project Detail (in Japanese)&lt;/a&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
" width="100%"></iframe><div class="w-100 flex justify-center items-center pv4"><a href="recycling-center.html"><button>Again</button></a></div></article></div></section><footer class="pv4 ph3 ph5-m ph6-l mid-gray"><hr><div class="tc mb3"><div><a class="f5 dib ph2 link dim" href="../index.html">Home</a><a class="f5 dib ph2 link dim" href="0.html">Gallery</a><a class="f5 dib ph2 link dim" href="about.html">About</a><a class="f5 dib ph2 link dim" href="gift-shop.html">Gift Shop</a></div></div><div class="tc" property="license"><small><a class="link" href="https://creativecommons.org/licenses/by/4.0/" rel="license"><i class="fab fa-creative-commons"></i>&nbsp;<i class="fab fa-creative-commons-by"></i></a><span> David Schmudde 2024</span></small></div><div class="tc mt3"><div><a class="f5 dib ph2 link dim" href="https://twitter.com/dschmudde"><i class="fab fa-twitter"></i></a><a class="f5 dib ph2 link dim" href="https://mastodon.social/@schmudde"><i class="fab fa-mastodon"></i></a><a class="f5 dib ph2 link dim" href="mailto:[email protected]"><i class="fas fa-envelope"></i></a></div></div></footer></main><script async data-goatcounter="https://gallery404.goatcounter.com/count" src="//gc.zgo.at/count.js"></script></body></html>
" width="100%"></iframe><figcaption><small class="fr"><a class="link" href="http://light.softopia.pref.gifu.jp/">retrieved 2023-04-23</a></small><i>Light on the Net Project</i>&nbsp;(1996)</figcaption></figure></div><div class="fn fl-ns w-40-l pt3 pt0-l"><h2 class="f2 lh-title fw9 mb3 mt0 pt3 bt bw2">Light on the Net Project</h2><div><p class="f3 mid-gray lh-title">Masaki Fujihata<br><time class="f6 ttu tracked gray">1996</time></p><blockquote class="ml0 mt0 pl3 black-90 bl bw2 b--blue"><p>A work by Masaki Fugihata is enjoyable in part because it is immediately gratifying. Shown in real-time 24 hours a day, it allows viewers to click the lightbulbs in a grid on and off, controlling the bulbs in an actual sculpture located in an office building in Japan.</p></blockquote><span><cite class="f6 ttu tracked fs-normal"> ~ <a class="link" href="https://web.archive.org/web/20030621040732/http://artbyte.com/web/net_pick/np_090101.html"> ArtByte (2001)</a></cite><span>, currently archived at <a class="link" href="https://web.archive.org/web/20000301125959/http://www.flab.mag.keio.ac.jp/light/album.html">Internet Archive</a></span></span></div></div></article><div class="w-100 flex flex-column items-center pv4"><p class="f3 fw9 mb3 mt0 pt3 bt bw2">Thank you for helping to repair this important artifact. Your work has helped train our algorithm. Soon our entire cultural history will be mediated by artificial intelligence. We will no longer need to do the costly and difficult work of maintaining relics of the past. Not only will we be &quot;All Watched Over by Machines of Loving Grace&quot; just as Richard Brautigan imagined in 1967, our understanding of the past and thus our future will be seen through an infaliable algorithmic lens.</p><div class="tc"><a class="tc" href="recycling-center.html"><button>Again</button></a></div></div></div></section><footer class="pv4 ph3 ph5-m ph6-l mid-gray"><hr><div class="tc mb3"><div><a class="f5 dib ph2 link dim" href="../index.html">Home</a><a class="f5 dib ph2 link dim" href="0.html">Gallery</a><a class="f5 dib ph2 link dim" href="about.html">About</a><a class="f5 dib ph2 link dim" href="gift-shop.html">Gift Shop</a></div></div><div class="tc" property="license"><small><a class="link" href="https://creativecommons.org/licenses/by/4.0/" rel="license"><i class="fab fa-creative-commons"></i>&nbsp;<i class="fab fa-creative-commons-by"></i></a><span> David Schmudde 2024</span></small></div><div class="tc mt3"><div><a class="f5 dib ph2 link dim" href="https://twitter.com/dschmudde"><i class="fab fa-twitter"></i></a><a class="f5 dib ph2 link dim" href="https://mastodon.social/@schmudde"><i class="fab fa-mastodon"></i></a><a class="f5 dib ph2 link dim" href="mailto:[email protected]"><i class="fas fa-envelope"></i></a></div></div></footer></main><script async data-goatcounter="https://gallery404.goatcounter.com/count" src="//gc.zgo.at/count.js"></script></body></html>
Loading

0 comments on commit 2781ac6

Please sign in to comment.