Ada-C14 · schanenR · Oct 25, 2020 · Oct 26, 2020 · Oct 26, 2020 · Oct 26, 2020
diff --git a/about.html b/about.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<html>
+
+<head>
+    <meta charset="utf-8"/>
+    <title>SCHANEN</title>
+    <link href="stylesheets/styles.css" rel="stylesheet" />
+    <link href="images/lipicon.png" rel="icon" type="image/png" />
+</head>
+
+<body>
+
+<header>
+    <h1 class="header-name">SCHANEN RYAN</h1>
+
+    <nav class="header-nav">
+        <ul>
+            <li><a href="index.html">HOME</a></li>
+            <li><a href="hobby-blog.html">STUDIO</a></li>
+            <li><a href="portfolio.html">COMPUTING</a></li>
+            <li><a href="contact.html">CONTACT</a></li>
+        </ul>
+    </nav>
+</header>
+
+<main>
+
+    <article>
+        <h2>/ ABOUT</h2>
+
+        <p class="blog">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+            dolore magna aliqua. Sem et tortor consequat id. Dui sapien eget mi proin sed libero enim sed faucibus.
+            Viverra mauris in aliquam sem fringilla ut. Facilisi morbi tempus iaculis urna id volutpat. Tincidunt
+            ornare massa eget egestas purus. Suspendisse interdum consectetur libero id faucibus nisl. Non sodales
+            neque sodales ut etiam sit amet nisl. Ut venenatis tellus in metus vulputate. Sit amet commodo nulla
+            facilisi nullam vehicula. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend
+            donec. Neque viverra justo nec ultrices dui sapien eget mi. Fusce ut placerat orci nulla pellentesque
+            dignissim enim sit amet. Viverra vitae congue eu consequat ac felis donec et. Amet nisl suscipit adipiscing
+            bibendum est. Aliquet nibh praesent tristique magna sit. Nunc id cursus metus aliquam. Pellentesque massa
+            placerat duis ultricies lacus sed.
+        </p>
+        <p class="blog">
+            Pellentesque elit ullamcorper dignissim cras tincidunt lobortis. Arcu felis bibendum ut tristique et
+            egestas quis ipsum suspendisse. Habitant morbi tristique senectus et netus et. Et molestie ac feugiat
+            sed. Porttitor leo a diam sollicitudin tempor. Donec pretium vulputate sapien nec sagittis aliquam.
+            Quis eleifend quam adipiscing vitae proin. Vestibulum lectus mauris ultrices eros in cursus turpis.
+            Pulvinar mattis nunc sed blandit libero volutpat sed cras ornare. Montes nascetur ridiculus mus mauris
+            vitae ultricies leo. Donec ac odio tempor orci dapibus ultrices. Scelerisque eleifend donec pretium
+            vulputate sapien nec sagittis aliquam malesuada. Turpis cursus in hac habitasse platea dictumst quisque.
+        </p>
+        <p class="blog">
+            Euismod lacinia at quis risus sed vulputate odio. Posuere lorem ipsum dolor sit amet consectetur adipiscing.
+            Imperdiet nulla malesuada pellentesque elit eget. Mollis nunc sed id semper risus in. Viverra maecenas
+            accumsan lacus vel facilisis volutpat. Nam at lectus urna duis convallis convallis tellus id. Sed vulputate
+            mi sit amet. Sit amet purus gravida quis blandit. Amet cursus sit amet dictum sit amet justo donec.
+            Accumsan lacus vel facilisis volutpat est velit egestas dui id. Aenean vel elit scelerisque mauris
+            pellentesque pulvinar pellentesque habitant morbi. Nibh praesent tristique magna sit amet. Massa vitae
+            tortor condimentum lacinia. Vulputate odio ut enim blandit volutpat maecenas volutpat. Ac feugiat sed
+            lectus vestibulum mattis ullamcorper. Malesuada bibendum arcu vitae elementum curabitur vitae nunc. Cras
+            semper auctor neque vitae tempus quam.
+        </p>
+
+    </article>
+
+</main>
+
+
+<footer class="inline-footer">
+
+    <nav class="footer-nav">
+        <ul>
+            <li class="nav_item"><a href="index.html">HOME</a></li>
+            <li class="nav_item"><a href="hobby-blog.html">STUDIO</a></li>
+            <li class="nav_item"><a href="portfolio.html">COMPUTING</a></li>
+            <li class="nav_item"><a href="contact.html">CONTACT</a></li>
+        </ul>
+    </nav>
+
+    <p id="footer-tag">2020 SKCR</p>
+
+</footer>
+
+</body>
+
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<html>
+
+<head>
+    <meta charset="utf-8"/>
+    <title>SCHANEN</title>
+    <link href="stylesheets/styles.css" rel="stylesheet" />
+    <link href="images/lipicon.png" rel="icon" type="image/png" />
+</head>
+
+<body>
+
+<header>
+    <h1 class="header-name">SCHANEN RYAN</h1>
+
+    <nav class="header-nav">
+        <ul>
+            <li><a href="index.html">HOME</a></li>
+            <li><a href="about.html">ABOUT</a></li>
+            <li><a href="hobby-blog.html">STUDIO</a></li>
+            <li><a href="portfolio.html">COMPUTING</a></li>
+        </ul>
+    </nav>
+</header>
+
+<main>
+
+    <article>
+        <h2>/ CONTACT</h2>
+
+        <div id="contact-list">
+            <div class="contact" id="email"><strong>/ EMAIL</strong></div>
+            <div class="contact" id="call"><strong>/ CALL ME</strong></div>
+            <div class="contact" id="snail"><strong>/ SNAIL</strong></div>
+        </div>
+
+        <div id="contact-info">
+            <div class="info" id="email-info"><a href="schanen.r@gmail.com">schanen.r @ gmail</a></div>
+            <div class="info" id="call-info">917-841-4015</div>
+            <div class="info" id="snail-info">1206 garrison st ne olympia wa</div>
+        </div>
+
+    </article>
+
+</main>
+
+<footer class="inline-footer">
+
+    <nav class="footer-nav">
+        <ul>
+            <li><a href="index.html">HOME</a></li>
+            <li><a href="about.html">ABOUT</a></li>
+            <li><a href="hobby-blog.html">STUDIO</a></li>
+            <li><a href="contact.html">CONTACT</a></li>
+        </ul>
+    </nav>
+
+    <p id="footer-tag">2020 SKCR</p>
+
+</footer>
+
+</body>
+
+</html>
diff --git a/hobby-blog.html b/hobby-blog.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<html>
+
+<head>
+    <meta charset="utf-8"/>
+    <title>SCHANEN</title>
+    <link href="stylesheets/styles.css" rel="stylesheet" />
+    <link href="images/lipicon.png" rel="icon" type="image/png" />
+</head>
+
+<body>
+<header>
+    <h1 class="header-name">SCHANEN RYAN</h1>
+
+    <nav class="header-nav">
+        <ul>
+            <li><a href="index.html">HOME</a></li>
+            <li><a href="about.html">ABOUT</a></li>
+            <li><a href="portfolio.html">COMPUTING</a></li>
+            <li><a href="contact.html">CONTACT</a></li>
+
+        </ul>
+    </nav>
+</header>
+
+<main>
+
+    <article>
+
+        <h2>/ AN ARCHIVE</h2>
+
+        <section id="rock_salon">
+            <img class="rocks" src="images/archive/rock_01.jpg" alt="a large fake rock, astroturf
+            ground, blue sky, a few red leaves on a tree behind">
+            <img class="rocks" src="images/archive/rock_02.jpg" alt="patchy short grass expands
+            into the distance, scattered dry leaves, center a narrow two foot fake rocks sits">
+            <img class="rocks" src="images/archive/rock_03.jpg" alt="close up of a fake rock with
+             exposed screw hole for mounting, sidewalk stones in foreground, hedge surrounding">
+            <img class="rocks" src="images/archive/rock_04.jpg" alt="a large fake rock, close up,
+            grates to below garden embedded just beyond, flowering hedge surrounds">
+        </section>
+
+        <section>
+            <p class="blog">
+                These images represent a larger photographic archive. The archive consists of images documenting fake rock
+                electrical boxes. The environments, textures, installation and overall design are all of concern in the
+                photographic exercise. The example images were collected Fall 2019. To add to the archive please reach out
+                to me directly via any of the provided <a href="contact.html">contact</a> information.
+            </p>
+        </section>
+
+    </article>
+
+    <article>
+
+        <h2>/ A VIDEO</h2>
+
+        <figure>
+
+            <div id="iframe-container">
+                <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/PJQeLHy_SdE"
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                        allowfullscreen></iframe>
+            </div>
+
+            <figcaption class="titles">
+                IF I WERE A PAINTER I WOULD LET YOU AND THE ANGEL OF HISTORY WATCH (Angelus Novus) , 2019
+            </figcaption>
+
+        </figure>
+
+        <section>
+
+            <p class="quote blog">
+                <em>“A Klee painting named 'Angelus Novus' shows an angel looking as though he is
+                    about to move away from something he is fixedly contemplating. His eyes are staring, his mouth is open,
+                    his wings are spread. This is how one pictures the angel of history. His face is turned toward the past.
+                    Where we perceive a chain of events, he sees one single catastrophe which keeps piling wreckage upon
+                    wreckage and hurls it in front of his feet. The angel would like to stay, awaken the dead, and make whole
+                    what has been smashed. But a storm is blowing from Paradise; it has got caught in his wings with such
+                    violence that the angel can no longer close them. This storm irresistibly propels him into the future to
+                    which his back is turned, while the pile of debris before him grows skyward. This storm is what we call
+                    progress.” </em>
+            </p>
+            <p class="blog">- <strong>Walter Benjamin</strong>, <em>On the Concept of History</em>, <strong>1942</strong></p>
+
+        </section>
+
+    </article>
+
+    <article>
+        <h2>/ AN INSTALLATION</h2>
+
+        <div class="article-wrap">
+
+            <div>
+                <p class="blog"> The spiral came to me through specific embodiment related to video and performance. I had been
+                    working with VR video and solo video recording with the 360 camera for a few years before this symbol
+                    showed up in my work. For me, is was the running and panting I had done around my 360 camera that first
+                    brought me to draw and form the spiral. It came from a dizziness. This disorientation proved to be an
+                    important context for examining ideas of measurement and precision which entirely eludes me outside of
+                    fantasy.</p>
+            </div>
+
+            <div>
+                <figure class="img-center">
+                    <img src="images/spiral.jpg" id="spiral-size" alt="from about, a gelatin rectangle with suspended pink coiled rope within,
+                    on concrete"/>
+                    <figcaption class="titles">
+                        COURSING III, gelatin, ceramics, extension cord, iphone, snow, rope. 2019 (detail)
+                    </figcaption>
+                </figure>
+            </div>
+
+        </div>
+    </article>
+
+    <article>
+        <h2>/ A BOOK</h2>
+
+        <div id="container">
+            <embed id="kitty_cover" src="images/kitty_cover.jpg" />
+            <div id="kitty-overlay">
+                <div id="poem">
+                    <h3 id="poem_title">5.</h3>
+                    <p>
+                        A forked nature<br>
+                        One third of one part of the naming<br>
+                        33.33333<br>
+                        Or, habits of quitting before the conclusion<br>
+                        You built a tool to make the pixels send<br>
+                        A fantasy of exposure<br>
+                        Maybe the head dips<br>
+                        Two thumbs and two pointers frame the waterfalls edge<br>
+                        Head dip, dipped too<br>
+                        Color popped, an affront to the reference<br>
+                        2,700 sq feet does no good<br>
+                        110 dBA, like<br>
+                        A siren at 10 meters and/or frequently, the sound level<br>
+                        In dance clubs<br>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="scoot">
+            <p class="titles">Release date pending, <em>Kitty-Catty</em>, Ty Opelia-Young & Schanen Ryan, 2020</p>
+        </div>
+        <p class="blog">Kitty-Catty is a book of image / text developed in collaboration, by Schanen Ryan and Ty Opelia-Young
+            released late 2020. The work developed over many months, guided by discourse surrounding Gilbert Simondon's
+            text, <em>On the Mode of Existence of Technical Objects.</em> </p>
+
+    </article>
+
+</main>
+
+<footer class="inline-footer">
+
+    <nav class="footer-nav">
+        <ul>
+            <li class="nav_item"><a href="index.html">HOME</a></li>
+            <li class="nav_item"><a href="about.html">ABOUT</a></li>
+            <li class="nav_item"><a href="portfolio.html">COMPUTING</a></li>
+            <li class="nav_item"><a href="contact.html">CONTACT</a></li>
+
+        </ul>
+    </nav>
+
+    <p id="footer-tag">2020 SKCR</p>
+
+</footer>
+
+</body>
+
+</html>
diff --git a/images/ada-pos/code.jpg b/images/ada-pos/code.jpg
diff --git a/images/ada-pos/example.jpg b/images/ada-pos/example.jpg
diff --git a/images/archive/rock_01.jpg b/images/archive/rock_01.jpg
diff --git a/images/archive/rock_02.jpg b/images/archive/rock_02.jpg
diff --git a/images/archive/rock_03.jpg b/images/archive/rock_03.jpg
diff --git a/images/archive/rock_04.jpg b/images/archive/rock_04.jpg
diff --git a/images/kitty_cover.jpg b/images/kitty_cover.jpg
diff --git a/images/lipicon.png b/images/lipicon.png
diff --git a/images/selfie.jpg b/images/selfie.jpg
diff --git a/images/spiral-drawing.jpg b/images/spiral-drawing.jpg
diff --git a/images/spiral.jpg b/images/spiral.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<html>
+
+<head>
+    <meta charset="utf-8"/>
+    <title>SCHANEN</title>
+    <link href="stylesheets/styles.css" rel="stylesheet" />
+    <link href="images/lipicon.png" rel="icon" type="image/png" />
+</head>
+
+<body>
+
+<header>
+    <h1 class="header-name">SCHANEN RYAN</h1>
+
+    <nav class="header-nav">
+        <ul>
+            <li><a href="about.html">ABOUT</a></li>
+            <li><a href="hobby-blog.html">STUDIO</a></li>
+            <li><a href="portfolio.html">COMPUTING</a></li>
+            <li><a href="contact.html">CONTACT</a></li>
+        </ul>
+    </nav>
+
+</header>
+
+<main>
+
+    <section>
+        <img id="home_image" class="img-center" src="images/selfie.jpg" alt="a human looking down at a mirror. the majority of their figure is
+             reflected. the face is covered by the phone taking the picture, held with both hands. the large frameless
+              mirror sits on the floor at and angle and has nine spirals painted on it. behind the figure the mirror
+              reveals an industrial ceiling and light reflecting the spirals on the wall behind the figure. the figure
+               wears an orange jacket and bottom frame an orange shoe peeks in to frame.">
+    </section>
+
+</main>
+
+<footer class="solo-footer">
+    <p>2020 SKCR</p>
+</footer>
+
+</body>
+
+</html>
+
+
+</body>
+
+</html>