mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

convert gif to webp
All checks were successful
Static / build (push) Successful in 4s
Details

Browse source
This commit is contained in:
brooke 2024-08-09 17:32:53 -04:00
parent 77e4e5de7a
commit eeb250c3f5
3 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/@brooke/fractal.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/@brooke/fractal.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 342 KiB

10
public/@brooke/index.html
View file

@ -16,8 +16,7 @@
--accent-1: #d182ff; --accent-1: #d182ff;
--accent-2: #eb53d3; --accent-2: #eb53d3;
--content-spacing: 5px; --content-spacing: 5px;
--background-img: url("/@brooke/bg.webp"); --banner: url("/@brooke/fractal.webp");
--banner: url("/@brooke/fractal.gif");
--titleBars: url("/@brooke/title-bar.webp"); --titleBars: url("/@brooke/title-bar.webp");
--text-color: white; --text-color: white;
--link-color: var(--accent-1); --link-color: var(--accent-1);
@ -36,10 +35,7 @@
background-size: auto 300px; background-size: auto 300px;
} }
.topbar { .topbar {
background-image: var(--banner);
height: 150px; height: 150px;
background-size: cover;
background-position: 60%;
margin-bottom: var(--content-spacing); margin-bottom: var(--content-spacing);
border: var(--border); border: var(--border);
} }
@ -81,7 +77,9 @@
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<div class="topbar"></div> <video class="topbar" autoplay muted loop playsinline>
<source src="/@brooke/fractal.webp" type="video/webm">
</video>
<div id="flex"> <div id="flex">
<main> <main>
<div class="sidebar-title">&nbsp;</div> <div class="sidebar-title">&nbsp;</div>