feat: add preview image to README

This commit is contained in:
Stefan Imhoff
2023-07-01 14:46:46 +02:00
parent 1dcb905d50
commit a9708e0077
4 changed files with 10 additions and 5 deletions

View File

@@ -1,9 +1,10 @@
![Preview of the website](public/assets/images/website-light.jpg)
[![Live](https://img.shields.io/badge/live-stefanimhoff.de-green.svg)](https://www.stefanimhoff.de/) [![Live](https://img.shields.io/badge/live-stefanimhoff.de-green.svg)](https://www.stefanimhoff.de/)
![Maintenance](https://img.shields.io/maintenance/yes/2023.svg) ![Maintenance](https://img.shields.io/maintenance/yes/2023.svg)
# stefanimhoff.de # stefanimhoff.de
This is the source of my [personal website][si] build with [Astro], [Tailwind CSS], and [Preact]. This is the source of my [personal website][si] build with [Astro], [Preact], and [Tailwind CSS].
## Installation ## Installation

Binary file not shown.

After

Width:  |  Height:  |  Size: 316 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 KiB

View File

@@ -30,20 +30,24 @@ import { Link } from '.';
<style is:global> <style is:global>
dialog::backdrop { dialog::backdrop {
@apply bg-shibui-100 dark:bg-shibui-900; @apply bg-shibui-100 dark:bg-shibui-900;
animation: show-dimmer 0.5s ease-in-out; animation: show-dimmer 0.2s ease-in-out;
} }
dialog.hide::backdrop { dialog.hide::backdrop {
animation: hide-dimmer 0.5s ease-in-out; animation: hide-dimmer 0.2s ease-in-out;
}
dialog {
@apply h-full;
} }
dialog[open] { dialog[open] {
@apply m-gap w-[calc(100%_-_5.55vw_*_2)] bg-shibui-100 p-0 font-sans font-normal leading-relaxed text-shibui-950 common-ligatures dark:bg-shibui-900 dark:text-shibui-200/[0.87]; @apply m-gap w-[calc(100%_-_5.55vw_*_2)] bg-shibui-100 p-0 font-sans font-normal leading-relaxed text-shibui-950 common-ligatures dark:bg-shibui-900 dark:text-shibui-200/[0.87];
animation: show-modal 0.5s ease-in-out; animation: show-modal 0.2s ease-in-out;
} }
dialog.hide { dialog.hide {
animation: hide-modal 0.5s ease-in-out; animation: hide-modal 0.2s ease-in-out;
} }
@keyframes show-modal { @keyframes show-modal {