diff --git a/assets/bg3.svg b/assets/bg3.svg new file mode 100644 index 0000000..511b21c --- /dev/null +++ b/assets/bg3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/bg4.svg b/assets/bg4.svg new file mode 100644 index 0000000..e3324c4 --- /dev/null +++ b/assets/bg4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/css/.master.css.swp b/css/.master.css.swp new file mode 100644 index 0000000..2a44fe8 Binary files /dev/null and b/css/.master.css.swp differ diff --git a/css/master.css b/css/master.css index 6abec0f..4b9f49a 100644 --- a/css/master.css +++ b/css/master.css @@ -5,6 +5,7 @@ --bg: #15151588; --bg-1: #242621; --bg-2: #1D1E1C; + --bg-3: #151515; --fg:#E8E3E3; --fg-dark: #151515; @@ -33,8 +34,8 @@ html { position: relative; - background-color: var(--bg-2); - background-image: url("../assets/bg2.svg"); + background-color: var(--bg-3); + background-image: url("../assets/bg.svg"); background-position: center; background-size: cover; @@ -138,6 +139,7 @@ body { margin: 0 0 2rem; padding: 0.25rem; background-color: var(--bg); color: var(--fg); + backdrop-filter: blur(8px); border: 0.2rem solid var(--green); outline: 0.5rem solid var(--bg); @@ -149,7 +151,7 @@ body { .gallery-item { margin: 0.25rem; padding: 0; - height: auto; max-width: 350px; + height: auto; max-width: calc(33.33% - 0.5rem); /*max-width: 350px;*/ background-color: var(--bg-2); border-radius: var(--rad); @@ -198,6 +200,12 @@ body { position: relative; + background-color: var(--bg); + backdrop-filter: blur(8px); + outline: 0.5rem solid var(--bg); + + border-radius: var(--rad); + transition: height 0.15s cubic-bezier(.19,1,.22,1); } diff --git a/index.php b/index.php index c343143..5714c56 100644 --- a/index.php +++ b/index.php @@ -77,7 +77,7 @@