kat/dork.dev
1
0
Fork 0
mirror of https://github.com/kittywitch/dork.dev.git synced 2026-02-09 15:19: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"> <meta charset="utf-8">
<title>dork.dev - {{ page.title }}</title> <title>dork.dev - {{ page.title }}</title>
<link rel="stylesheet" type="text/css" href="/stylesheet.css"> <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:title" content="{{ site.title }} - {{ page.title }}" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="{{ page.permalink }}" /> <meta property="og:url" content="{{ page.permalink }}" />

2
_layouts/article.liquid
View file

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

2
_layouts/default.liquid
View file

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

7
stylesheet.sass
View file

@ -17,13 +17,18 @@ body
/* Center the container within the viewport */ /* Center the container within the viewport */
margin: 0 auto margin: 0 auto
/* Give the lines an adequate amount of room to breathe. */ /* Give the lines an adequate amount of room to breathe. */
line-height: 1.4em line-height: 1.4
h1, h2, h3 h1, h2, h3
/* More contrast with the headers than the main text */ /* More contrast with the headers than the main text */
color: #111 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. */ /* 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. */