Henry-Hiles/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change background

Browse source
This commit is contained in:
Henry Hiles 2025-01-25 16:48:43 +00:00
parent b26079146c
commit 59614f81ff
3 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/background.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 1422 800" width="1422" height="800"><defs><pattern id="mmmotif-pattern" width="40" height="40" patternUnits="userSpaceOnUse" patternTransform="translate(-100 -100) scale(0.4) rotate(57) skewX(10) skewY(-50)"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 1422 800" width="1422" height="800"><defs><pattern id="mmmotif-pattern" width="40" height="40" patternUnits="userSpaceOnUse" patternTransform="translate(-100 -100) scale(0.4) rotate(57) skewX(10) skewY(-50)">
<rect width="64.4123" height="124.995" transform="matrix(0.24201 0.970274 0 1 4.41162 -64.7517)" fill="hsl(0, 0%, 10%)"></rect> <rect width="64.4123" height="124.995" transform="matrix(0.24201 0.970274 0 1 4.41162 -64.7517)" fill="hsl(0, 0%, 5%)"></rect>
<rect width="64.4123" height="124.995" transform="matrix(0.24201 -0.970274 0 1 19.9995 -2.25317)" fill="#000000"></rect> <rect width="64.4123" height="124.995" transform="matrix(0.24201 -0.970274 0 1 19.9995 -2.25317)" fill="#000000"></rect>
</pattern></defs><rect width="1422" height="800" fill="url(#mmmotif-pattern)"></rect></svg> </pattern></defs><rect width="1422" height="800" fill="url(#mmmotif-pattern)"></rect></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 704 B

After

Width:  |  Height:  |  Size: 703 B

Before After
Before After

1
src/styles/global.css
View file

@ -7,6 +7,7 @@
[variant="outlined"] { [variant="outlined"] {
border: 3px solid rgb(var(--primary)); border: 3px solid rgb(var(--primary));
background-color: #1b1f26;
} }
body { body {

1
src/styles/index.css
View file

@ -1,5 +1,4 @@
section { section {
width: 100%;
max-width: 1000px; max-width: 1000px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;