favico

src/components/CSHelmet.js

@@ -6,16 +6,20 @@ var classNames = require('classnames')
 const CSHelmet = (props) => {
   return (
       <Helmet
-          title="canalswans.info"
+          title="Canal Swans"
           meta={[
-            {name: 'description', content: 'Canal Swans'},
-            {name: 'keywords', content: 'freelance, art'},
+            {name: 'description', content: 'an online-retail-conglomerate maintained by Max Fowler.'},
+            {name: 'keywords', content: 'writing'},
           ]}
           bodyAttributes={{
             class: props.mood
           }}>
             <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet"/>
-            <link rel="icon" href="/img/favico.ico" type="image/x-icon"/>
+            <link rel="icon" href="/favico/favicon.ico" type="image/x-icon"/>
+            <link rel="apple-touch-icon" sizes="180x180" href="/favico/apple-touch-icon.png" />
+            <link rel="icon" type="image/png" sizes="32x32" href="/favico/favicon-32x32.png" />
+            <link rel="icon" type="image/png" sizes="16x16" href="/favico/favicon-16x16.png" />
+            <link rel="manifest" href="/favico/site.webmanifest" />
         </Helmet>
   )
 }

src/layouts/canalswans.scss

@@ -19,7 +19,7 @@ body {
   .page-wrapper {
     background-size: contain;
     margin: auto;
-    max-width: 750px;
+    max-width: 720px;
     padding-top: 75px;
     width: 90%;
     padding-bottom: 70px;
@@ -164,7 +164,7 @@ body.standard a.hlink {
 }
 
 .aboutWrapper {
-  width: 600px;
+  max-width: 600px;
   margin:auto;
   text-align: left;
 }

src/layouts/markdown.scss

@@ -20,4 +20,22 @@
     color: gray;
   }
 
+  figcaption {
+    color: gray;
+  }
+
+  figure {
+    padding: 0px;
+    display: flex;
+    flex-direction: column;
+    max-width: 500px;
+    margin: auto;
+    margin-top: 30px;
+    margin-bottom: 30px;
+    img {
+      width: 100%;
+      margin-bottom: 5px;
+    }
+  }
+
 }

src/layouts/zines.scss

@@ -6,18 +6,18 @@
 
   .zineDetail {
     margin-top: 30px;
-    display: flex;
-    align-items: start;
-    flex-direction: row;
 
     .zineTitle {
       font-weight: bold;
+      margin-top: 0px;
     }
 
     .zineImg {
       width: 100%;
       max-width: 400px;
       margin-right: 50px;
+      margin-bottom: 25px;
+      float: left;
     }
 
     .zineWriteup {

static/content/blog/the-origin-of-maps/the-origin-of-maps.md

@@ -8,8 +8,9 @@ note: "Max Fowler"
 
 The origin of all maps is direct experience. Direct experience is a source of knowledge and energy which is always available and has no substitute.[^1] 
 
-This is a reflection on my ongoing experiments into accessing this well. 
-What are the pathways immediately around us that lead to information being transmitted into our eyes? 
+This is a reflection into my ongoing experiments changing my relationship with phones, screens and the internet, as a way of reconnecting
+with this well.
+What are the pathways immediately around us that lead to information being transmitted into our eyes and ears? 
 What effects do these structures have on us? 
 What agency do we have in how we relate to them? 
 
@@ -25,11 +26,11 @@ Hey!
 [^2]
  
 
-A little over a year ago, on November 18th, after drinking a large coffee, 
+On November 18th of 2018
 I decided that I would try to use a flip-phone for somewhere between three months and a year, 
 along with keeping a journal of emotions that arose for me during the process, 
-marking on a calendar any days where I caved and used my iPhone, 
-building a robotic machine which physically childblocks your iPhone, 
+marking on a calendar any days where I used my smart phone, 
+building [a robotic machine](http://mfowler.info/work/disconnection-practices) which physically childblocks your smart phone, 
 and creating a collection of all the maps I drew for navigating the city while using the flip-phone.
 
 ![map2](img/map2.png)
@@ -49,20 +50,17 @@ According to the journal, on December 14th, I imagined titling this collection o
 >like imagining a UI based on blank screen   
 >the only ideas that surface are the ideas that originate from you  
 
-Since November 29th I have been using a smart phone again. It's a relief in many ways, 
-but I still believe in the potential of more mindfully using (and not using) technology as a healing practice.
-
-For me, using a flip-phone was
-an effort to call into question what is truly nourishing and not just passively accept the status quo. I considered it
-to be a ritual in tribute to mindfulness more than an experiment with a single result.
-I think many people overestimate how often a smartphone is necessary and underestimate its negative effects, 
+For me, using a flip-phone was an effort to call into question what is truly nourishing
+and not passively accept the status quo.
+I didn't want to do something speculative. 
+Even if small, I wanted to make a concrete change to my life to prioritize direct experience and rest, a form of direct action.
+I considered it more as a ritual in tribute to mindfulness than an experiment with a single result. 
+I think many people overestimate how often a smart phone is necessary,
 but it depends on what's happening in your life and I do not intend to make any universal claim.
 
 I could tell that I exhibited certain compulsive negative habits with relationship to my smart phone,
 and from VR to AI I could see that the tech industry was full of overhyped narratives. 
-I questioned in what ways this surveillance-funded gadget made from rare earth minerals was truly serving me. 
-
-—
+I questioned in what ways this surveillance-funded gadget made from rare earth metals was truly serving me.
 
 Here are my journal entries from the first 10 days after I decided to use a flip-phone:
 
@@ -127,32 +125,32 @@ Here are my journal entries from the first 10 days after I decided to use a flip
 
 <br/>
 
-—
+I also made a physical zine with <a href="http://cath.land">Catherine Schmidt</a> about
+disconnection practices as healing practices. If you would like to read it, you can order a copy here:
 
-And here is the zine I made in collaboration with Catherine Schmidt about the possibility of Disconnection Practices as healing practices:
+--> [Disconnection Practices](/zines/disconnection-practices) 
 
-disconnection-practices.pdf
-
-—
+&mdash; 
 
 I also wrote a bit about ups and downs I went through of wanting to “end the project” and go back to using my smart phone at different points, and how ultimately I “gave up” in May but then two days later I went back to using my dumb phone by choice and I didn’t feel as agitated anymore when it was now no longer part of an experiment but just something I was doing and could stop whenever I wanted. 
-I then continued to use the dumb phone for the rest of the year until November 29, except for a period when I was in the US without a working sim card. 
+I then continued to use the dumb phone for the rest of the year until November 29 of 2019, except for a period when I was in the US without a working sim card. 
 I particularly look back highly on the first three months where I felt a lot of excitement and newness. 
 I am currently using my smart phone again and I may take more time away in the future. 
 I especially dream of being in more situations where I am so engaged with my surroundings that my smart phone ends 
-up staying in my bag out of batteries for days without me noticing. Disconnection practices can serve us in the interim.
-
-—
-
-Disconnecting and reconnecting,   
-M
+up staying in my bag out of batteries for days without me noticing. Disconnection practices can be a tool to help us reconnect with our senses in the interim. 
 
+<figure class="dumbPhoneWrapper" style="{{'maxWidth':'500px', 'display': 'flex', 'margin':'auto', 'margin-top': '20px'}}">
+    <img src="/content/blog/the-origin-of-maps/img/dumb-phone.png" className="figureImage" style="{{'width': '100%'}}" />
+    <figcaption>"where are my books which dumb ass steals my books" - one of three text messages saved in drafts of used phone I bought on November 18 of 2018</figcaption>
+</figure>
 
 Related Resources:
 
+- [Nap Ministry](https://www.instagram.com/thenapministry/) 
 - [Flight Simulator](https://flightsimulator.soft.works/)
 - [Empty Day](https://emptyday.today/) 
 
 
-[^1]: As a short philosophical digression, one could argue that even our "direct" visual perception is mediated by culture and our past experience and so in some sense is also not direct. On the other hand, we all know the difference between hearing someone tell you what someone else said (a form of mediation) and hearing it directly. So like many philosophical questions, we can see that there is some ambiguity, but also like touching our nose with our finger or breathing there are lots of things we can do without knowing exactly how we do it, and we can still speak about a spectrum from more direct to less direct in a useful way.  
+
+[^1]: As a short philosophical digression, one could argue that even our "direct" visual perception is mediated by culture and our past experience and so in some sense is also not direct. On the other hand, we all know the difference between hearing someone tell you what someone else said (a form of mediation) and hearing it directly. So like many philosophical questions, we can see that there is some ambiguity, but also like touching our nose with our finger or breathing there are lots of things we can do without knowing exactly how we do it, and we can still speak about a spectrum from more direct to less direct in a useful way. If I needed a definition of direct for this writing, it might be "without being recorded".   
 [^2]: Lyrics from "Alien Days" by MGMT

static/content/zines/disconnection-practices/disconnection-practices.md

@@ -3,7 +3,7 @@ path: "/zines/disconnection-practices"
 date: "2019-12-20T23:19:51.246Z"
 title: "Disconnection Practices"
 img: "/content/zines/disconnection-practices/img/disconnection-practices.jpeg"
-price: "$15.00"
+price: "$10.00"
 type: "zine"
 ---
 

static/favico/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}