mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
feat: add preview image to README
This commit is contained in:
@@ -1,9 +1,10 @@
|
|||||||
|

|
||||||
[](https://www.stefanimhoff.de/)
|
[](https://www.stefanimhoff.de/)
|
||||||

|

|
||||||
|
|
||||||
# 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
|
||||||
|
|
||||||
|
|||||||
BIN
public/assets/images/website-dark.jpg
Normal file
BIN
public/assets/images/website-dark.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
BIN
public/assets/images/website-light.jpg
Normal file
BIN
public/assets/images/website-light.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 KiB |
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user