kat/dork.dev
1
0
Fork 0
mirror of https://github.com/kittywitch/dork.dev.git synced 2026-02-09 07:09:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: handle images and also make the site more responsive and

Browse source 
accessible
This commit is contained in:
Kat Inskip 2024-04-07 12:26:22 -07:00
parent 00a25ab364
commit 0fe33b59fd
Signed by: kat
GPG key ID: 465E64DECEA8CF0F
4 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
_includes/head.liquid
View file

@ -1,6 +1,7 @@
<meta charset="utf-8">
<title>dork.dev - {{ page.title }}</title>
<link rel="stylesheet" type="text/css" href="/stylesheet.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="{{ site.title }} - {{ page.title }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ page.permalink }}" />

2
_layouts/article.liquid
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{% include "head.liquid" %}
</head>

2
_layouts/default.liquid
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{% include "head.liquid" %}
</head>

7
stylesheet.sass
View file

@ -17,13 +17,18 @@ body
/* Center the container within the viewport */
margin: 0 auto
/* Give the lines an adequate amount of room to breathe. */
line-height: 1.4em
line-height: 1.4
h1, h2, h3
/* More contrast with the headers than the main text */
color: #111
img
/* Make sure that the images do not overflow the body */
max-width: 100%
/* Make sure that the images are not too tall as to be annoying */
max-height: 50ch
/* We want the footer to be like two columns, where the right columns are also right-aligned and the columns grow to share the space sanely. */