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

add a second fractal under the content and reduce max size
All checks were successful
Static / build (push) Successful in 6s
Details

Browse source
This commit is contained in:
brooke 2024-08-10 00:35:56 -04:00
parent fe4fdd8ca1
commit 1ee556aeb0
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/@brooke/index.html
View file

@ -16,7 +16,6 @@
--background: #242424e5; --background: #242424e5;
--accent-1: #d182ff; --accent-1: #d182ff;
--accent-2: #eb53d3; --accent-2: #eb53d3;
--content-spacing: 5px;
--background-img: url("/@brooke/bg.webp"); --background-img: url("/@brooke/bg.webp");
--banner: url("/@brooke/fractal.webp"); --banner: url("/@brooke/fractal.webp");
--text-color: white; --text-color: white;
@ -35,16 +34,15 @@
background-attachment: fixed; background-attachment: fixed;
background-size: auto 300px; background-size: auto 300px;
} }
.topbar { .bar {
background-image: var(--banner); background-image: var(--banner);
height: 150px; height: 150px;
background-size: cover; background-size: cover;
background-position: 60%; background-position: 60%;
margin-bottom: var(--content-spacing);
border: var(--border); border: var(--border);
} }
#container { #container {
max-width: 850px; max-width: 550px;
margin: 0 auto; margin: 0 auto;
} }
#container a { #container a {
@ -55,7 +53,6 @@
} }
#flex { #flex {
display: flex; display: flex;
max-width: 850px;
} }
main { main {
width: 100%; width: 100%;
@ -76,7 +73,7 @@
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<div class="topbar"></div> <div class="bar"></div>
<div id="flex"> <div id="flex">
<main> <main>
<div style="padding: 1rem; padding-top: 0"> <div style="padding: 1rem; padding-top: 0">
@ -154,6 +151,7 @@
</div> </div>
</main> </main>
</div> </div>
<div class="bar"></div>
</div> </div>
</body> </body>
</html> </html>