aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--_scss/base/_main.scss1
-rw-r--r--_scss/components/_background.scss11
-rw-r--r--assets/background.svg137
3 files changed, 149 insertions, 0 deletions
diff --git a/_scss/base/_main.scss b/_scss/base/_main.scss
index 4adfaca..13a219c 100644
--- a/_scss/base/_main.scss
+++ b/_scss/base/_main.scss
@@ -1,2 +1,3 @@
@import 'components/core';
+@import 'components/background';
@import 'components/navigation';
diff --git a/_scss/components/_background.scss b/_scss/components/_background.scss
new file mode 100644
index 0000000..fd6fe7a
--- /dev/null
+++ b/_scss/components/_background.scss
@@ -0,0 +1,11 @@
+$background-border: rgba(0, 0, 0, .09);
+$background-image: '/assets/background.svg';
+
+html {
+ background: $color-bg url($background-image) repeat fixed;
+}
+
+body {
+ border-left: 1px solid $background-border;
+ border-right: 1px solid $background-border;
+}
diff --git a/assets/background.svg b/assets/background.svg
new file mode 100644
index 0000000..6d77f2b
--- /dev/null
+++ b/assets/background.svg
@@ -0,0 +1,137 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616 400" width="616" height="400">
+ <path fill="#fff" d="M0 0h615.9v399.8h-615.9v-399.8z"/>
+ <path d="M385 133.3h-.1.1z" fill="none"/>
+ <path fill="#F9F9F9" d="M500.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/>
+ <path fill="#F5F5F5" d="M346.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M462 133.3h-.1.1z" fill="none"/>
+ <path fill="#F7F7F7" d="M423.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/>
+ <path d="M231.1 133.3h-.1.1zm77 0h-.1.1z" fill="none"/>
+ <path fill="#FCFCFC" d="M192.5 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path fill="#F9F9F9" d="M269.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M154.1 133.3h-.1.1z" fill="none"/>
+ <path fill="#EFEFEF" d="M231.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/>
+ <path fill="#F1F1F1" d="M269.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path d="M269.6 199.9h-.1.1zm153.9 0h-.1.1z" fill="none"/>
+ <path fill="#F0F0F0" d="M346.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path d="M500.5 200zm77-133.4h-.1.1z" fill="none"/>
+ <path fill="#F2F2F2" d="M385 266.5h76.9l-38.4-66.5-38.5 66.5z"/>
+ <path fill="#F3F3F3" d="M423.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
+ <path fill="#eee" d="M423.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path d="M346.6 199.9h-.1.1zm192.4 66.7z" fill="none"/>
+ <path fill="#F8F8F8" d="M500.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8zm-38.5 66.6l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
+ <path fill="#F7F7F7" d="M346.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/>
+ <path fill="#F8F8F8" d="M461.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path fill="#F4F4F4" d="M423.5 333.2h76.9l-38.4-66.6-38.5 66.6z"/>
+ <path d="M577.4 200zm38.5-66.6z" fill="none"/>
+ <path fill="#F7F7F7" d="M539 133.3l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
+ <path fill="#F9F9F9" d="M154 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/>
+ <path fill="#F8F8F8" d="M154 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path fill="#F5F5F5" d="M115.6 333.2h76.9l-38.5-66.6-38.4 66.6zm-.1-133.2l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F4F4F4" d="M154.1 266.5l38.4-66.5-.1-.1h-76.9l-.1.1 38.4 66.5h.3z"/>
+ <path d="M115.5 199.9h.1-.1z" fill="none"/>
+ <path fill="#F7F7F7" d="M231 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path fill="#F9F9F9" d="M269.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/>
+ <path fill="#F8F8F8" d="M307.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6zm-115.3 66.7h76.9l-38.5-66.6-38.4 66.6z"/>
+ <path fill="#FAFAFA" d="M384.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
+ <path fill="#F1F1F1" d="M308.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/>
+ <path fill="#FAFAFA" d="M615.9 266.5l-38.5-66.5-38.4 66.5h76.9z"/>
+ <path fill="#F7F7F7" d="M462 133.4l-38.4 66.5h76.9l-38.5-66.5zm0-133.3l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F5F5F5" d="M539 .1l-38.4 66.5h76.9l-38.5-66.5zm-500.4 333.1h76.9l-38.5-66.6-38.4 66.6z"/>
+ <path fill="#F3F3F3" d="M.1 133.3h76.9l-38.4-66.6-38.5 66.6z"/>
+ <path d="M77 266.5h.1-.1zm0-133.2h.1-.1z" fill="none"/>
+ <path fill="#F7F7F7" d="M38.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/>
+ <path d="M0 266.5h.1-.1z" fill="none"/>
+ <path fill="#F4F4F4" d="M115.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F1F1F1" d="M77 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F7F7F7" d="M231 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F5F5F5" d="M308 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F7F7F7" d="M385 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F4F4F4" d="M154 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F0F0F0" d="M577.4 333.2l-38.4-66.6-38.4 66.5h76.8z"/>
+ <path d="M154 266.6z" fill="none"/>
+ <path fill="#F5F5F5" d="M154.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/>
+ <path fill="#F7F7F7" d="M192.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path d="M231 266.6zm77 0z" fill="none"/>
+ <path fill="#F8F8F8" d="M385 133.4l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path d="M192.5 199.9h.1-.1z" fill="none"/>
+ <path fill="#F7F7F7" d="M308 133.4l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path d="M385 266.6z" fill="none"/>
+ <path fill="#F9F9F9" d="M231 133.4l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#FBFBFB" d="M115.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/>
+ <path fill="#F8F8F8" d="M346.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path d="M462 266.6z" fill="none"/>
+ <path fill="#F7F7F7" d="M269.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
+ <path fill="#F3F3F3" d="M500.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/>
+ <path fill="#F8F8F8" d="M423.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/>
+ <path fill="#F4F4F4" d="M577.4 66.7l-38.4 66.6h76.9l-38.5-66.6z"/>
+ <path fill="#FBFBFB" d="M577.4 199.9l-38.4-66.5-38.4 66.5h76.8z"/>
+ <path fill="#FAFAFA" d="M538.9 266.5l-38.4-66.5-38.5 66.5h76.9z"/>
+ <path d="M539 133.3h-.1.1z" fill="none"/>
+ <path fill="#F2F2F2" d="M115.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/>
+ <path fill="#F3F3F3" d="M538.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M77.1 0h-.1.1z" fill="none"/>
+ <path fill="#F4F4F4" d="M577.4 66.6h.1l38.5-66.6h-77v.1l38.4 66.5z"/>
+ <path d="M154.1 0h-.1.1z" fill="none"/>
+ <path fill="#FBFBFB" d="M192.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/>
+ <path d="M462 0h-.1.1zm77 0h-.1.1z" fill="none"/>
+ <path fill="#F8F8F8" d="M500.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
+ <path d="M385 0h-.1.1z" fill="none"/>
+ <path fill="#F3F3F3" d="M423.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
+ <path fill="#F4F4F4" d="M346.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
+ <path d="M231.1 0h-.1.1z" fill="none"/>
+ <path fill="#F4F4F4" d="M269.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
+ <path d="M308.1 0h-.1.1z" fill="none"/>
+ <path fill="#F2F2F2" d="M38.6 66.6l38.4-66.5v-.1h-77l38.5 66.6h.1z"/>
+ <path d="M461.9 400h.1-.1z" fill="none"/>
+ <path fill="#F8F8F8" d="M500.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
+ <path fill="#FBFBFB" d="M346.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
+ <path d="M384.9 400h.1-.1z" fill="none"/>
+ <path fill="#F9F9F9" d="M423.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
+ <path d="M538.9 400h.1-.1z" fill="none"/>
+ <path fill="#EFEFEF" d="M539 399.9l77 .1-38.6-66.7-38.4 66.6z"/>
+ <path fill="#FAFAFA" d="M38.6 333.3l-38.6 66.7h77l.1-.1-38.5-66.6z"/>
+ <path d="M77 400h.1-.1zm230.9 0h.1-.1z" fill="none"/>
+ <path fill="#FEFEFE" d="M115.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
+ <path d="M231 400h.1-.1z" fill="none"/>
+ <path fill="#FCFCFC" d="M269.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
+ <path d="M154 400h.1-.1z" fill="none"/>
+ <path fill="#FAFAFA" d="M192.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
+ <path d="M115.6 66.6h-.1.1z" fill="none"/>
+ <path fill="#F4F4F4" d="M77 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/>
+ <path d="M0 133.3h.1-.1z" fill="none"/>
+ <path fill="#F5F5F5" d="M77 133.3h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/>
+ <path d="M38.5 333.2h.1-.1z" fill="none"/>
+ <path fill="#F6F6F6" d="M38.5 333.2l-38.4-66.6-.1.1v66.4h38.5z"/>
+ <path fill="#F4F4F4" d="M38.5 199.9l-38.4-66.5-.1.1v66.4h38.5z"/>
+ <path fill="#F7F7F7" d="M0 266.5h.1l38.5-66.5-.1-.1h-38.5v66.6z"/>
+ <path fill="#F5F5F5" d="M0 400l38.6-66.7-.1-.1h-38.5v66.8z"/>
+ <path fill="#F4F4F4" d="M38.5 66.6l-38.5-66.6v66.6h38.5z"/>
+ <path fill="#F5F5F5" d="M0 133.3h.1l38.4-66.5-.1-.1h-38.4v66.6z"/>
+ <path d="M38.5 199.9h.1-.1z" fill="none"/>
+ <path fill="#F5F5F5" d="M38.6 200l-38.5 66.5h76.9l-38.4-66.5zm38.4 66.6l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5zm.1-.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5h.1z"/>
+ <path d="M38.6 66.6h-.1.1zm308 0h-.1.1z" fill="none"/>
+ <path fill="#F6F6F6" d="M384.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M423.5 66.6h-.1.1z" fill="none"/>
+ <path fill="#FAFAFA" d="M461.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path fill="#F6F6F6" d="M154 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M500.5 66.6h-.1.1zm-307.9 0h-.1.1z" fill="none"/>
+ <path fill="#F6F6F6" d="M231 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M269.6 66.6h-.1.1z" fill="none"/>
+ <path fill="#F8F8F8" d="M307.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
+ <path d="M615.9 266.6zm-38.5 66.7z" fill="none"/>
+ <path fill="#EDEDED" d="M539 266.5l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
+ <path d="M500.4 333.2h.1-.1z" fill="none"/>
+ <path fill="#F9F9F9" d="M500.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
+ <path fill="#FBFBFB" d="M423.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm-384.9 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
+ <path fill="#F5F5F5" d="M577.5 66.6l38.4 66.6v-66.6h-38.4z"/>
+ <path fill="#F4F4F4" d="M615.9 133.5l-38.4 66.4h38.4v-66.4z"/>
+ <path fill="#F6F6F6" d="M615.9 266.7l-38.4 66.4h38.4v-66.4z"/>
+ <path fill="#F5F5F5" d="M577.5 333.2l38.4 66.6v-66.6h-38.4z"/>
+ <path fill="#F4F4F4" d="M615.9.2l-38.4 66.4h38.4v-66.4z"/>
+ <path fill="#F7F7F7" d="M577.5 199.9l38.4 66.6v-66.6h-38.4z"/>
+ <path fill="#FCFCFC" d="M192.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
+ <path fill="#FDFDFD" d="M115.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
+ <path d="M192.5 333.2h.1-.1zm-77 0h.1-.1z" fill="none"/>
+ <path fill="#FCFCFC" d="M269.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm77 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
+ <path d="M346.4 333.2h.1-.1zm-77 0h.1-.1zm154 0h.1-.1z" fill="none"/>
+</svg>
Copyright © 2024 Valentin A. Popov. All Rights Reverse Engineered.