playground:the_computer_store [Post-Platform Digital Publishing Toolkit]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<HTML>
<script>
    function fetch_request(url, callback){
        // fetching the pad
        fetch(`${url}`, {
            'method': 'GET',
            'mode': 'cors',
        })
        .then(response => response.text() )
        .then(css => inject_css(css) );
    }
    function inject_css(css){
        console.log('pad loaded!');
        let el = document.createElement('style');
        el.id = "etherstyle";
        el.innerText = css;
        document.head.appendChild(el);
    };
    fetch_request("/doku.php?id=stylesheet:style_the_computer_store&do=export_text", inject_css);

</script>
</HTML>

**THE COMPUTER STORE
**

**Location: computer store, not very busy, neon lighting, strong smell of plastic cables, and the sound of running computer ventilation.
**

//The customer :
Pardon me, could I ask you for some advice?//

The computer salesperson : 
Welcome to our hardware store. Of course, how can I help you?

//I would like to purchase a new computer.
//

**The computer salesperson directs the customer to the laptop section. While they walk in the same direction, the customer becomes nostalgic.**

//I remember clearly, going to the computer store when I was younger and seeing an army of shiny screens standing in line on the desks. A few of them were shut down; just black and shiny, waiting for someone to switch them on. The rest of the screens were a moving swarm of mesmerising screensavers. Occasionally some customers dared to touch them and suddenly stop the hypnotic animation. They would then enter the computer’s interface, finding a way through the unfriendly visuals and all the technological terms.// 

**The computer salesperson listens.
**

//Can I touch it?
//

**The computer salesperson maintains a healthy level of eye contact with the customer and keeps listening.
**

//I remember being very fatigued by the language used on the computer’s interface at first, it seemed very distant and emotionless. Even the word ‘interface’ seemed very abstract and unclear to me, that was until recently, when I became a ‘web-developer’.//

**The customer forms air quotes with their fingers. 
**

//Back then, it sounded the same as interbase, metaface, webface, datameta, metatag, dataspace, interpixel, interform and so on. It was abstract yet so generic and familiar it would almost frustrate me. The reassuring moment would come when I would be browsing on the visual internet, going from website to website, with warm, original and personal graphics.// 

**The computer salesperson listens.
**

//I was wondering if I could try to go on the internet using an installed browser? 
I would like to experience it here in the store, if possible.//

Sure, you may.

**They both remain silent for a bit.
**

//What do you think makes a good website?
//

Mmm. The internet with its websites is an abundant and hectic place … What is the difference between a website that leaves you uncommitted and aloof, and another one that fully immerses you? Is a good website one that clashes with its neighbouring websites, the ones that are open in the other tabs? Is good design a perfect amount of disharmony and familiarity?

//I always wondered why I would consider a website well designed. I realised I am more sensitive to a website that evokes a conflict with the rest of the websites surrounding it. MMmmh. Sort of metaphorically zooming out and seeing all the websites, comparing them and finding similarities, to figure out the patterns, and to question them by breaking them. A good design shows the unnoticeable, the never questioned detail, and makes your initial view shift to the medium itself.//
 
Yes! Absolutely. 

**With the tips of their fingers, gently pushing on the keyboard, the computer salesperson types the name of a website in the search bar and presses enter. The page takes a few seconds, maybe even a minute to load. They both stare at the white window, waiting, more titillated than impatient.**

//It’s the highest peak of excitement! At this stage, the website can still be anything.
//

Yes! There are two particular feelings I love the most when online. First, when entering a website and it seems a bit chaotic, but after some time clicking, hovering, loading, refreshing, scrolling down, scrolling up again, going back and forth between pages, spending some time with it, you start to understand its system and identity, and it makes you feel you are part of something. 

**The customer nods in agreement. The computer salesperson goes on: 
**

The second feeling is probably my favourite one. It can sound a bit outdated, but I still happen to feel it; it’s the moment of excitement when you can’t access the website straight away, but you start imagining what this website could actually be. For example when someone, say a customer, narrates a particular web experience, the mental imagery occurs and you start projecting - now you have to wait before the online moment. There is a word to name this anticipation in German. It’s die Vorfreude, which could be translated as pre-happiness. You have to wait patiently, to type the URL and see the website loading. Sometimes …

**The salesperson starts giggling.
**

… the excitement can be so strong that mistakes appear when typing the URL, leading to different or dead websites.

**The website is still loading. They are still talking and staring at the white screen, faces in the same direction.
**

I remember websites that would take so long to load, that I would open them in a new tab and wait nervously. I would wait longer to be sure it was fully loaded and I could enjoy every scroll and click. 

//Loading time is usually avoided as much as possible by web developers, using complicated technologies to be as fast and efficient as possible. “Slow-loading websites reduce customer engagement and hence, the average time that users spend interacting with your site” (Choudhary). Loading is sometimes perceived as badly coded. I am personally not particularly interested in speed technologies. I actually enjoy a slow website, it feels almost more precious, more fragile. I like to imagine the thinking process of the human behind the code. I like the slow web moment, loading for a while, potentially with a loader that has been designed and thought of. I feel affection towards artist J. R. Carpenter’s definition of the handmade web. She says “I evoke the term ‘handmade web’ to refer to web pages coded by hand rather than by software; web pages made and maintained by individuals rather than by businesses or corporations; web pages which are provisional, temporary, or one-of-a-kind; web pages which challenge conventions of reading, writing, design, ownership, privacy, security, or identity”.//

**The customer marks a pause and quotes further, with a serious tone:
**

“I evoke the term ‘handmade web’ to suggest slowness and smallness as forms of resistance”.

**The computer salesperson nods. The thought starts growing. 
**

Yes. I also enjoy a website that has been slowly manually coded, as the website’s imperfections pop up. Small mistakes and typographical errors, a misplaced element. A website that isn’t functioning optimally nor fully automated or updated. 

//Since a website cannot be static and carved in stone, it’s destined to be obsolete eventually, it needs maintenance to update the files, the technologies. The website evolves, grows, reduces. It needs care throughout time, otherwise it will vanish. The vanishing glitches can also be beautiful. Letting go of human control and seeing how the website will evolve on its own.//  

On the other hand, I love to see handmade websites that are constantly reshaped through small changes here and there but most of all with care.
A bit like a room that you clean up, where you add posters to the wall and place objects on the shelf. The great thing about creating your own website is that you can update and change its style anytime.

//There are endless possibilities, the scale of the website is unlimited! It can have thousands of fixed pages or just a single very wide one in which you can scroll endlessly from left to right. // 

Learning coding is very liberating because you learn to publish your content to the world straight away. As Laurel Schwulst says “a website creator becomes both author and architect simultaneously”. You can create the content and build the container where it will be received. I think it’s important to make coding as accessible as possible, to demystify this sometimes unapproachable technology.

**The computer salesperson changes their voice slightly to a more solemn tone.
**

This reminds me of what the Science Fiction writer Ursula K. Le Guin has written: “Anybody who ever lighted a fire without matches has probably gained some proper respect for ‘low’ or ‘primitive’ or ‘simple’ technologies; anybody who ever lighted a fire with matches should have the wits to respect that notable hi-tech invention”. As she further explains, physical objects around us are also ‘technology’ as if  “paper, ink, wheels, knives, clocks, chairs, aspirin pills, were natural objects, born with us like our teeth and fingers -- as if steel saucepans with copper bottoms and fleece vests spun from recycled glass grew on trees, and we just picked them when they were ripe”. They are made and modified by humans for humans. She expands the definition of technology. I can see a similarity with the handmade web, coded by humans rather than software. Learning to code slowly by hand also makes this digital technology more palpable, accessible and less abstract. Learning to code slowly by hand changes your perception of the web and your participation in it.

**The customer listens attentively, excitedly, and suddenly the loading website starts to unfold. They both look into the screen and stop talking for a bit. They stare at the arrow-shaped cursor that regularly changes into a pointing finger when it hovers over a link. The rhythm of navigation changes by becoming highly precise since the links are very small to catch, the cursor moving slowly, almost caressing each pixel of the screen. The computer salesperson takes the customer’s right hand and guides it with the mouse, in silence. They know how to navigate a website but they tacitly agree to continue collectively. One hand moves the mouse, the other hand slowly and delicately scrolls down the page. The pulse of their heartbeats is speeding up. They start to wonder, what stands at the top corners? What is the bottom right pixel like? How is the webpage structured? As the elements of the interface become more and more clear, they can immediately identify:
**

**A header: the top banner, usually a rectangular shape, taking up the whole width of the screen, fixed, with the name of the website, sometimes promoting an offer.
**

**A footer: the bottom part, at the very end of the website, with useful links, legal content, well organised, with a structure that is always the same.**

**A burger menu: it is usually a little icon that looks like a simplified burger pictured as three lines on top of each other with equal spacing in between. When clicked, it opens the menu for the user to access the main pages.** 

**A main image: when entering the site, an almost full screen wide image that sets the tone.
**

**A scroll bar: by default it is placed on the right of the screen, to bring the user from top to bottom.
**

**A favicon: the icon or logo of the website in the browser’s address bar, maximum 10 pixels height. 
**

I always wondered why the web of today looks so flat, sleek, and repetitive. It leaves me with a feeling of emptiness, passivity and slight alienation. I have no browsing memory at all.

**The customer who is feeling a sense of togetherness:
**

//Because most website architecture is based on default templates and all have the same structure. I came across the book Don’t Make Me Think by Steve Krug and understood that there are rules: websites should have a navigation that feels as intuitive as possible, users should be able to scroll through websites with minimum effort, without having to think. It has to be fast and without friction.// 

**The computer salesperson mumbles first.
**

Impersonal…

//Repetitive…//

Monotonous…

//Practical…
//

Modernist?

**The customer marks a pause. 
**

//Sometimes clients and designers seek to mimic this ‘robotic approach’, with its template-like design. With wide sliders, wide images, automated opening menus, infinite scroll etc. I wonder, is the robotic really that reassuring?//

**The computer salesperson wonders too. There is a momentary pause.
**

**They start to turn their head left and right, away from the screen, taking in the shop, the main door opening and closing automatically, noticing the height of the ceiling, how the neon lights are placed precisely, and the sound of a colleague opening smelly cardboard boxes full of plastic devices.
**

**The computer salesperson turns back to the customer.
**

I think there is a difference between going on a website in a shop or at home. Computers are spaces within spaces. We need to consider the environment in which the computer you’re visiting a website on is placed. As I said, looking at a website in … a library is not the same as seeing a website from the softness of your bed. 
When you move your laptop, you move all the digital spaces that are open in your browser along with it. You browse, you close your laptop, you physically relocate somewhere else, you open your laptop again, and you re-discover the browsed website, in another space, in another room.

**They decide to carry the laptop to a separate room in the shop to have another look. They first remove their united hands from the mouse, close the laptop, hold it, and walk to the room together. One holding the laptop, one holding the mouse and its cable. The other room is dimly lit. The walls are closer together and the ceiling is much lower, forcing them to almost sit on their knees. They open the laptop again. The computer screen switches on, they rediscover and re-enter the recently visited page.**

I often think of websites as spaces, more specifically, I think of them as houses. And the web pages … as rooms.

**The customer nods.
**

//Mmm. When creating a website, you need to define its navigation, its structure, how you enter and access the pages.
//

**They type ‘house’ in the search bar and press enter.
**

**house, noun:
1. A building for human habitation, 
especially one that consists of a ground floor and one or more upper storeys.
2. A building in which people meet for a particular activity.**

When you enter a house you have never visited, most of the time, you can immediately sense where the different rooms are. You understand relatively quickly where the kitchen is and what you are supposed to do there. The living room is the place for relaxing and socialising. The toilets are usually at the end of a corridor or close to the shower bathroom if not merged together. Every space is strictly defined and has a specific function. When you enter a house you get an atmosphere straight away. You get a sense of the space, guided by the colours, the visuals, the lighting, whether things are in order, or if it is messy.

**The customer is interested.
**

A house, like a website, takes time to be built, and it has to be carefully thought through to hold together. Like a house, a website can be restored, renovated, or may perish — it needs maintenance. Like a house, it is located physically, on a server. It will then be accessed via its URL; like a house, a website has a precise address. Like a house, it has some invisible yet fundamental technologies necessary for it to function properly, like electricity and water pipes …

**They both reflect together, looking around the physical space they are in and going through the website. Even the dictionary website they were just visiting now becomes a subject of analysis. They search for images. All the houses they see evoke for them a stereotypical website with a specific aesthetic and functionality: the American house, the tiny house, the palace, the modernist house, the cabin, the Pippi Longstocking house, and so on.**

//When you are the person thinking about the architecture of the website, you immediately think of the future navigation through the pages. There will be an entrance, a starting page that’s actually called the homepage. How do you walk through the homepage? Is it a squeezed or a monumental entrance? You also need to think of how to travel from one page to the next one or to the subpage.// 

Adding a new page to a website, a new tab, is like adding a new room. Adding more content to a page can be considered as adding more items to this room.

//Like for a house, you need to think of general harmony between every room (every page). What is being repeated or is going to be alternating? The colours, the materials, the furniture, the sense of space?//

**They go back to the first website. The reflection of the screen in their eyes changes with the loading of the page. 
**

Look, the header for example. I like to see the header as a roof. Or maybe the attic.

//And the footer as the cellar.
//

The menu as the stairs bringing you through the different rooms.

//The scroll bar as the elevator.
//

The favicon as the name on a postal box.

//I like to see the hovering as the temptation of an open door. You can enter it, it’s showing you the potential of an accessible room close by. Will you choose to enter?//

**The computer salesperson nods.
**

Now I wonder, do you want to enter the website through the usual entrance?

**The customer hesitates.
**

//If a website is a house I can build, how would I curate it?
//

Do you want to use the default doors to move from one room to another

//Or instead a small hole in the wall
//

Like a rat hole

//Hidden behind a little curtain
//

Even smaller

//Or navigating your house from above rather than through the doors
//

From the point of view of the ceiling

//Why not have the ceiling a bit closer to the ground 
//

Having a house where running is the only acceptable way of navigating

//Or having endless hidden content, 
//

Things you can search instead of being presented with a recommended feed

//Storing memories in the kitchen rather than on the living room shelf
//

Keeping the stairs but removing the rooms

//Remove the stairs and have an elevator instead 
//

Having a guest book

//A hidden box of memories
//

A friend’s room

//A house that is not a house anymore
//

A website that feels like a building that feels like home

//Having all the content hidden in the scroll bar
//

Building your own little town of handmade websites

//Considering HTML and Css as raw materials to build a digital building
//

Entering a website like entering a house through its window