Commit dd081bef authored by Laura Kalbag's avatar Laura Kalbag 😴

Add screenshot of naked website to latest blog post and reinstate CSS

parent d854a3e9
......@@ -20,6 +20,10 @@ colours:
Today is [CSS Naked Day 2020](https://css-naked-day.github.io). Inspired by [Eric Meyer](https://meyerweb.com), I’m joining in for the first time in *years*, so today my website has no CSS.<!--more-->
{{< figure figcaption="What my site looked like on the 9th April 2020." >}}
{{< img alt="Screenshot of my site without CSS. Black serif text on a white background stretching the full width of the page. Blue links, some coloured purple because they’ve been visited." src="screenshot.png" >}}
{{< /figure >}}
## What’s the point?
The point of removing the CSS on your website is to draw attention to how the content still works in just plain HTML. It’s close to a visual equivalent to how screen readers access a website’s text content. Screen readers can’t interpret the fancy styles (mostly), but they still understand the content. You can still read the links and know heading text from body text. This is all because this website and its contents were written using [semantic HTML](https://24ways.org/2017/accessibility-through-semantic-html/). If you can see the page in your browser, the browser’s default styles present you with a little bit of formatting based on my HTML choices.
......
......@@ -12,7 +12,7 @@
<meta name="description" content="{{ .Summary }}">
<meta name="author" content="{{ .Site.Params.publisher }}">
<!-- <link href='{{ "css/style.css" | relURL }}' rel='stylesheet' type="text/css" /> -->
<link href='{{ "css/style.css" | relURL }}' rel='stylesheet' type="text/css" />
{{- partial "palette.html" . -}}
{{- block "favicon" . -}}
......@@ -42,7 +42,6 @@
{{ end }}
<main id="content">
<p>Why does my website look so naked? It’s only for 24 hours! <a href='/css-naked-day-2020'>Read my blog post about CSS Naked Day</a>.</p>
{{ block "main" . }}{{ end }}
</main>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment