kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 12:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add preview image to README

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
README.md
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/)
![Maintenance](https://img.shields.io/maintenance/yes/2023.svg)
# 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

BIN
public/assets/images/website-dark.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 316 KiB

BIN
public/assets/images/website-light.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

12
src/components/SearchModal.astro
View File

@@ -30,20 +30,24 @@ import { Link } from '.';
<style is:global>
dialog::backdrop {
@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 {
animation: hide-dimmer 0.5s ease-in-out;
animation: hide-dimmer 0.2s ease-in-out;
}
dialog {
@apply h-full;
}
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];
animation: show-modal 0.5s ease-in-out;
animation: show-modal 0.2s ease-in-out;
}
dialog.hide {
animation: hide-modal 0.5s ease-in-out;
animation: hide-modal 0.2s ease-in-out;
}
@keyframes show-modal {