seo
This commit is contained in:
Max Fowler
parent
59b24af2db
commit
433dc67bbb
|
|
@ -1,9 +1,12 @@
|
|||
module.exports = {
|
||||
siteMetadata: {
|
||||
title: `Canal Swans`,
|
||||
description: `Canal Swans is a blog/website/publishing-platform/distribution-channel/online-retail-conglomerate maintained by Max Fowler`,
|
||||
title: `canalswans.net`,
|
||||
titleTemplate: `%s`,
|
||||
description: `an online-retail-conglomerate maintained by Max Fowler`,
|
||||
author: `Max Fowler`,
|
||||
siteUrl: `http://canalswans.net`
|
||||
image: `/img/triangles.png`,
|
||||
siteUrl: `http://canalswans.net`,
|
||||
twitterUsername: '@notplants'
|
||||
},
|
||||
plugins: [
|
||||
'gatsby-plugin-sass',
|
||||
|
|
|
|||
|
|
@ -74,4 +74,25 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
|
|||
console.log(`++ not creating: ${node.id}`)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
exports.createSchemaCustomization = ({ actions }) => {
|
||||
const { createTypes } = actions
|
||||
const typeDefs = `
|
||||
type MarkdownRemark implements Node {
|
||||
frontmatter: Frontmatter
|
||||
}
|
||||
type Frontmatter {
|
||||
tags: [String!]!,
|
||||
draft: String,
|
||||
description: String,
|
||||
title: String,
|
||||
image: String,
|
||||
path: String,
|
||||
type: String,
|
||||
note: String,
|
||||
author: String
|
||||
}
|
||||
`
|
||||
createTypes(typeDefs)
|
||||
}
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
import React from "react"
|
||||
import { Helmet } from "react-helmet"
|
||||
import PropTypes from "prop-types"
|
||||
import { StaticQuery, graphql } from "gatsby"
|
||||
|
||||
const SEO = ({ title, description, image, pathname, article, mood }) => (
|
||||
<StaticQuery
|
||||
query={query}
|
||||
render={({
|
||||
site: {
|
||||
siteMetadata: {
|
||||
defaultTitle,
|
||||
titleTemplate,
|
||||
defaultDescription,
|
||||
siteUrl,
|
||||
defaultImage,
|
||||
twitterUsername,
|
||||
},
|
||||
},
|
||||
}) => {
|
||||
const seo = {
|
||||
title: title || defaultTitle,
|
||||
description: description || defaultDescription,
|
||||
image: `${siteUrl}${image || defaultImage}`,
|
||||
url: `${siteUrl}${pathname || "/"}`,
|
||||
}
|
||||
return (
|
||||
<Helmet title={seo.title} titleTemplate={titleTemplate}
|
||||
bodyAttributes={{
|
||||
class: mood
|
||||
}}>
|
||||
<meta name="description" content={seo.description} />
|
||||
<meta name="image" content={seo.image} />
|
||||
{seo.url && <meta property="og:url" content={seo.url} />}
|
||||
{(article ? true : null) && (
|
||||
<meta property="og:type" content="article" />
|
||||
)}
|
||||
{seo.title && <meta property="og:title" content={seo.title} />}
|
||||
{seo.description && (
|
||||
<meta property="og:description" content={seo.description} />
|
||||
)}
|
||||
{seo.image && <meta property="og:image" content={seo.image} />}
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
{twitterUsername && (
|
||||
<meta name="twitter:creator" content={twitterUsername} />
|
||||
)}
|
||||
{seo.title && <meta name="twitter:title" content={seo.title} />}
|
||||
{seo.description && (
|
||||
<meta name="twitter:description" content={seo.description} />
|
||||
)}
|
||||
{seo.image && <meta name="twitter:image" content={seo.image} />}
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet"/>
|
||||
<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>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
)
|
||||
export default SEO
|
||||
SEO.propTypes = {
|
||||
title: PropTypes.string,
|
||||
description: PropTypes.string,
|
||||
image: PropTypes.string,
|
||||
pathname: PropTypes.string,
|
||||
article: PropTypes.bool,
|
||||
}
|
||||
SEO.defaultProps = {
|
||||
title: null,
|
||||
description: null,
|
||||
image: null,
|
||||
pathname: null,
|
||||
article: false,
|
||||
}
|
||||
const query = graphql`
|
||||
query SEO {
|
||||
site {
|
||||
siteMetadata {
|
||||
defaultTitle: title
|
||||
titleTemplate
|
||||
defaultDescription: description
|
||||
siteUrl: siteUrl
|
||||
defaultImage: image
|
||||
twitterUsername
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
|
|
@ -25,7 +25,7 @@ export default class Zine extends React.Component {
|
|||
<div className="zineWrapper">
|
||||
<Link className="backButton" to="/zines">← Back To All Zines</Link>
|
||||
<div className="zineDetail">
|
||||
<img className="zineImg" src={this.props.zine.img}/>
|
||||
<img className="zineImg" src={this.props.zine.image}/>
|
||||
<div className="zineWriteup">
|
||||
<p className="zineTitle">
|
||||
{this.props.zine.title}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import React from 'react'
|
|||
import PropTypes from 'prop-types'
|
||||
import Header from '../components/Header.js'
|
||||
import CSHelmet from '../components/CSHelmet.js'
|
||||
import SEO from '../components/SEO.js'
|
||||
import Footer from '../components/Footer.js'
|
||||
import SLink from '../components/SLink.js'
|
||||
import "./moods.scss"
|
||||
|
|
@ -30,7 +31,7 @@ class Layout extends React.Component {
|
|||
var wrapperClasses = `base-body ${this.state.mood} ${this.props.pageType}`
|
||||
return (
|
||||
<div className={wrapperClasses}>
|
||||
<CSHelmet mood={this.state.mood}/>
|
||||
<SEO {...this.props} mood={this.state.mood}/>
|
||||
<Header mood={this.state.mood} handleMoodClick={this.handleMoodClick}/>
|
||||
<div className="page-wrapper">
|
||||
<div className="main-wrapper">
|
||||
|
|
|
|||
|
|
@ -39,10 +39,10 @@ class MdxArticle extends React.Component {
|
|||
style={{
|
||||
display: `block`,
|
||||
'width': '100%',
|
||||
'float': 'left'
|
||||
'float': 'left',
|
||||
}}
|
||||
>
|
||||
{this.props.post.frontmatter.date}
|
||||
{this.props.post.frontmatter.author ? <span>{this.props.post.frontmatter.author} •</span> : null } {this.props.post.frontmatter.date}
|
||||
</p>
|
||||
{this.props.post.frontmatter.note ?
|
||||
<p
|
||||
|
|
@ -68,7 +68,6 @@ class MdxArticle extends React.Component {
|
|||
|
||||
export default function MdxTemplate({ data: { mdx }}) {
|
||||
const post = mdx
|
||||
var siteTitle = "notplants.info"
|
||||
var pageType = post.frontmatter.type;
|
||||
if (!pageType) {
|
||||
pageType = 'blog;'
|
||||
|
|
@ -82,7 +81,7 @@ export default function MdxTemplate({ data: { mdx }}) {
|
|||
hideFooter = true;
|
||||
}
|
||||
return (
|
||||
<Layout noHeader={noHeader} hideFooter={hideFooter} pageType={pageType}>
|
||||
<Layout noHeader={noHeader} hideFooter={hideFooter} pageType={pageType} title={post.frontmatter.title} description={post.frontmatter.description} image={post.frontmatter.image}>
|
||||
{(()=> {
|
||||
switch (pageType) {
|
||||
case 'blog':
|
||||
|
|
@ -105,7 +104,9 @@ export const pageQuery = graphql`
|
|||
date(formatString: "MMMM DD, YYYY")
|
||||
path
|
||||
title
|
||||
img
|
||||
description
|
||||
author
|
||||
image
|
||||
price
|
||||
type
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ path: "/posts/murmurations"
|
|||
date: "2019-09-06T23:19:51.246Z"
|
||||
title: "Murmurations"
|
||||
type: "blog"
|
||||
author: "Max Fowler"
|
||||
note: "Max Fowler"
|
||||
---
|
||||
This Saturday I was hoping to organize an event at Sari-Sari in support/alignment with a decentralized Extinction Rebellion action happening that day called “Paint The Streets”
|
||||
|
|
|
|||
|
|
@ -1,164 +0,0 @@
|
|||
---
|
||||
path: "/posts/the-origin-of-maps-old-draft"
|
||||
date: "2019-12-20T23:19:51.246Z"
|
||||
title: "The Origin Of Maps"
|
||||
type: "blog"
|
||||
draft: "true"
|
||||
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 into my ongoing experiments into accessing this well,
|
||||
as a potential form of direct action against the oppressive structures that frequently mediate our world.
|
||||
What are the pathways immediately around us that lead to information being transmitted into our eyes?
|
||||
What effects do these structures have on us?
|
||||
What agency do we have in how we relate to them?
|
||||
|
||||
|
||||
|
||||
```
|
||||
Must've skipped the ship and joined the team
|
||||
For a ride
|
||||
A couple hours to learn the controls
|
||||
And commandeer both my eyes
|
||||
Hey!
|
||||
```
|
||||
[^2]
|
||||
|
||||
|
||||
A little over a year ago, on November 18th, after drinking a large coffee,
|
||||
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,
|
||||
and creating a collection of all the maps I drew for navigating the city while using the flip-phone.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
According to the journal, on December 14th, I imagined titling this collection of activities _The Origin Of Maps_, here is my note from that day:
|
||||
|
||||
>12/14/18 (friday)
|
||||
>thought of the title The Origin Of Maps
|
||||
>a reference to direct experience, where all maps, originally, come from
|
||||
>by the time we see an address inputted into Google Maps,
|
||||
>there have been many layers of mediation
|
||||
>The Origin Of Maps invites a return to direct experience
|
||||
>using the flip phone, you have to think of who you want to text or call
|
||||
>like imagining a UI based on blank screen
|
||||
>the only ideas that surface are the ideas that originate from you
|
||||
|
||||
In the past year, I experienced a variety of ups and downs, and its hard to say what can really be attributed to using a flip-phone.
|
||||
|
||||
Since December 4th I am using my iPhone again, and it is a relief in many ways,
|
||||
but I still believe in the potential of more mindfully using (and not using) technology as a healing practice.
|
||||
|
||||
A recurring theme of the year was that if I was feeling bad I tended to blame it on the flip-phone,
|
||||
and if I was feeling good then I felt like the flip-phone was a great idea.
|
||||
|
||||
This was my note from May 7th:
|
||||
|
||||
>5/7/19 (tuesday)
|
||||
>speaking with petja about how when I am feeling bad I blame my phone
|
||||
>(i am alienated, i have no friends etc.),
|
||||
>but when I am feeling good
|
||||
>my life feels full and it seems like I have no problem
|
||||
>petja says “i have friends, i am doing ok”
|
||||
|
||||
Unfortunately, only the Auslanderbehorde (the German Foreigner’s office which grants Visas) is institutionally verified to really say if I’m doing OK or not.
|
||||
|
||||
In the absence of their official opinion, I will leave that for the wind to debate.
|
||||
|
||||
For me using a flip-phone was primarily a ritual in tribute to mindfulness and
|
||||
a form of direct action to call into question what is truly nourishing.
|
||||
|
||||
—
|
||||
|
||||
Here are my journal entries from the first 10 days after I decided to use a flip-phone:
|
||||
|
||||
>day 1 (sunday)
|
||||
>picked up raspberry pi from kleinanzeigen and hung out with mylene
|
||||
>missed my turn on the way to kleinanzeigen pickup,
|
||||
>but used map in my bag to figure out where I had missed the turn
|
||||
>(felt like my rope harness catching me from falling)
|
||||
>
|
||||
>day 2 (monday)
|
||||
>took my iphone with me because I wanted to use a weird app
|
||||
>to text a drug dealer about buying weed
|
||||
>which I thought was only available on iphone
|
||||
>but turns out also has desktop version
|
||||
>
|
||||
>day 3 (tuesday)
|
||||
>took my iphone with me to studio because I was feeling like texting from the corner of the studio was nice
|
||||
>was feeling unsure about the project,
|
||||
>and frustrated that people were having trouble understanding how I wanted to be reached
|
||||
>in the evening left studio without my smart phone
|
||||
>felt rejuvenated by patty texting me updates to where the birthday party she was at was,
|
||||
>even though we had been messaging before on telegram.
|
||||
>she understood the system I wanted to use and laughed and told me it wasn’t that complicated
|
||||
>
|
||||
>day 4 (wednesday)
|
||||
>left my iphone at home in the morning
|
||||
>felt excited about project in general
|
||||
>as a way to provide some structure and direction to my life
|
||||
>to frame a period of life as research and ritual
|
||||
>
|
||||
>day 5 (thursday)
|
||||
>felt good to only have flip-phone during the day
|
||||
>and at night-time while returning to my apartment
|
||||
>was excited to see what messages i had received on my iphone
|
||||
>
|
||||
>day 6 (friday)
|
||||
>using flip phone feels like gently scuba-diving away from my computer everyday
|
||||
>messaging during the day, it was not so difficult making plans for the weekend
|
||||
>
|
||||
>day 7 (saturday)
|
||||
>thought I had memorized directions, but realized I hadn’t memorized what to do after getting out of the u-bahn
|
||||
>successfully navigated the final part by asking strangers on the street for directions
|
||||
>
|
||||
>day 8 (sunday)
|
||||
>dan says “you are really making life complicated… flip-phone, veganism”
|
||||
>he tells me he and a friend have been writing a song for fun with the lyrics
|
||||
>“gimme me vegan ramen… fuck u…. vegan doc martens…. fuck u….
|
||||
>Berghain (it used to be better)….
|
||||
>Sysyphous (it used to be better)….
|
||||
>About Blank (it used to be better)”
|
||||
>
|
||||
>day 9 (monday)
|
||||
>catherine lost her computer while on vacation and spent a week without computer or phone
|
||||
>she says she feels a bit feral, but in a good way. I feel like I can also feel a difference
|
||||
>she is dreaming of having no laptop,
|
||||
>just having her computer be in a physical location where it is used.
|
||||
>or of getting a job with her hands, becoming a cook
|
||||
>
|
||||
>day 10 (tuesday)
|
||||
>enjoyed getting coffee with Isaac, and baking a sweet potato for myself in the evening.
|
||||
>not sure if this deserves to be in the journal or not, but it felt nice to buy a single sweet potato, and take it home and bake it and eat half of it for dinner (with rice and beans) and then eat the other half for breakfast the next day with eggs
|
||||
|
||||
<br/>
|
||||
|
||||
—
|
||||
|
||||
And here is the zine I made in collaboration with Catherine Schmidt about the possibility of Disconnection Practices as healing practices:
|
||||
|
||||
disconnection-practices.pdf
|
||||
|
||||
—
|
||||
|
||||
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 19, 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.
|
||||
In the months after that it mostly became routine, and the maps I drew became more and more cryptic and utilitarian.
|
||||
I am currently using my smart phone again and I may stop again in the future.
|
||||
|
||||
—
|
||||
|
||||
Disconnecting and reconnecting,
|
||||
M
|
||||
|
||||
|
||||
[^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.
|
||||
[^2]: Lyrics from "Alien Days" by MGMT
|
||||
|
|
@ -2,14 +2,16 @@
|
|||
path: "/posts/the-origin-of-maps"
|
||||
date: "2019-12-20T23:19:51.246Z"
|
||||
title: "The Origin Of Maps"
|
||||
description: "going offline as direct action"
|
||||
author: "Max Fowler"
|
||||
type: "blog"
|
||||
image: "/content/blog/the-origin-of-maps/img/map5.png"
|
||||
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 into my ongoing experiments changing my relationship with phones, screens and the internet, as a way of reconnecting
|
||||
with this well.
|
||||
This is a reflection into my ongoing experiments accessing 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?
|
||||
|
|
@ -24,7 +26,6 @@ And commandeer both my eyes
|
|||
Hey!
|
||||
```
|
||||
[^2]
|
||||
|
||||
|
||||
On November 18th of 2018
|
||||
I decided that I would try to use a flip-phone for somewhere between three months and a year,
|
||||
|
|
@ -62,6 +63,11 @@ I could tell that I exhibited certain compulsive negative habits with relationsh
|
|||
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 metals was truly serving me.
|
||||
|
||||
<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>
|
||||
|
||||
Here are my journal entries from the first 10 days after I decided to use a flip-phone:
|
||||
|
||||
>day 1 (sunday)
|
||||
|
|
@ -130,19 +136,12 @@ disconnection practices as healing practices. If you would like to read it, you
|
|||
|
||||
--> [Disconnection Practices](/zines/disconnection-practices)
|
||||
|
||||
—
|
||||
|
||||
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 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 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 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>
|
||||
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 and find rest in the interim.
|
||||
|
||||
Related Resources:
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,9 @@
|
|||
path: "/zines/disconnection-practices"
|
||||
date: "2019-12-20T23:19:51.246Z"
|
||||
title: "Disconnection Practices"
|
||||
img: "/content/zines/disconnection-practices/img/disconnection-practices.jpeg"
|
||||
image: "/content/zines/disconnection-practices/img/disconnection-practices.jpeg"
|
||||
description: "a zine exploring methods of disconnecting from technology as healing practices"
|
||||
author: "Max Fowler"
|
||||
price: "$10.00"
|
||||
type: "zine"
|
||||
---
|
||||
|
|
|
|||
Loading…
Reference in New Issue