diff --git a/css/donate.css b/css/donate.css new file mode 100644 index 0000000..df41aec --- /dev/null +++ b/css/donate.css @@ -0,0 +1,30 @@ +main > article:first-child { + margin-top: 0; +} + +main > article:last-child { + margin-bottom: 0; +} + +article > header > hgroup { + margin-bottom: 0; +} + +article.donate-location { + display: flex; + flex-direction: row; + align-items: center; + margin: 0; + background-color: var(--background-color); + padding-top: calc(var(--spacing) * 2); + padding-bottom: calc(var(--spacing) * 2); +} + +article.donate-location > img { + margin-right: var(--spacing); + height: 3em; +} + +article.donate-location > hgroup { + margin-bottom: 0; +} diff --git a/donate.html b/donate.html new file mode 100644 index 0000000..0499694 --- /dev/null +++ b/donate.html @@ -0,0 +1,48 @@ + + + + + + Donate to Anna + + + + +
+
+
+
+

Donate to Anna

+

Help me out by sending me a little something.

+
+
+ +
+ + + + + +
+
+
+ + diff --git a/img/donate/github.svg b/img/donate/github.svg new file mode 100644 index 0000000..d73b727 --- /dev/null +++ b/img/donate/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/donate/kofi.svg b/img/donate/kofi.svg new file mode 100644 index 0000000..0540748 --- /dev/null +++ b/img/donate/kofi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/donate/patreon.svg b/img/donate/patreon.svg new file mode 100644 index 0000000..1cb4ff0 --- /dev/null +++ b/img/donate/patreon.svg @@ -0,0 +1 @@ + \ No newline at end of file