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

update fractals
All checks were successful
Static / build (push) Successful in 5s
Details

Browse source
This commit is contained in:
brooke 2024-08-10 03:27:56 -04:00
parent df7c640fa7
commit f7e062de1f
4 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 328 KiB

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 326 KiB

BIN
public/@brooke/fractal.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 282 KiB

17
public/@brooke/index.html
View file

@ -17,7 +17,8 @@
--accent-1: #d182ff;
--accent-2: #eb53d3;
--background-img: url("/@brooke/bg.webp");
--banner: url("/@brooke/fractal.webp");
--banner-top: url("/public/@brooke/fractal-top.webp");
--banner-bottom: url("/public/@brooke/fractal-bottom.webp");
--text-color: white;
--link-color: var(--accent-1);
--border: 1px solid black;
@ -35,13 +36,19 @@
background-attachment: fixed;
background-size: auto 300px;
}
.bar {
background-image: var(--banner);
.bar-bottom,
.bar-top {
height: 150px;
background-size: cover;
background-position: 60%;
border: var(--border);
}
.bar-top {
background-image: var(--banner-top);
}
.bar-bottom {
background-image: var(--banner-bottom);
}
#container {
max-width: 750px;
margin: 0 auto;
@ -86,7 +93,7 @@
</head>
<body>
<div id="container">
<div class="bar"></div>
<div class="bar-top"></div>
<div id="flex">
<main>
<div style="padding: 1rem; padding-top: 0">
@ -164,7 +171,7 @@
</div>
</main>
</div>
<div class="bar"></div>
<div class="bar-bottom"></div>
</div>
</body>
</html>