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