background backdrop blur

This commit is contained in:
z0x 2024-09-20 15:55:18 -04:00
parent ca9edc727f
commit f8be9faaab

View file

@ -6,7 +6,7 @@
<title>Homepage</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="flex items-center justify-center min-h-screen overflow-hidden bg-[url('./assets/img/building.png')] bg-no-repeat bg-cover bg-center">
<body class="flex items-center justify-center min-h-screen overflow-hidden backdrop-blur-[2px] bg-[url('./assets/img/building.png')] bg-no-repeat bg-cover bg-center">
<div class="grid grid-cols-2 md:grid-cols-4 grid-rows-8 md:grid-rows-4 gap-4">
<a href="https://owncloud.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 rounded-lg">