From 03dbf9529c627e27836ba38e2b2f7b8949f064f6 Mon Sep 17 00:00:00 2001 From: Avni Singh Date: Sat, 1 Mar 2025 20:45:08 +0530 Subject: [PATCH 1/3] Added Vintage Paper Texture backgound --- .../Vintage-Paper-Texture-Background/index.html | 12 ++++++++++++ .../Vintage-Paper-Texture-Background/style.css | 14 ++++++++++++++ assets/json_files/backgrounds.json | 5 +++++ 3 files changed, 31 insertions(+) create mode 100644 Components/Backgrounds/Vintage-Paper-Texture-Background/index.html create mode 100644 Components/Backgrounds/Vintage-Paper-Texture-Background/style.css diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html b/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html new file mode 100644 index 00000000..c7ce3c24 --- /dev/null +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html @@ -0,0 +1,12 @@ + + + + + + Vintage Paper Background + + + +

Welcome to the Vintage Era 🕰️

+ + diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css new file mode 100644 index 00000000..77abc122 --- /dev/null +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css @@ -0,0 +1,14 @@ +body { + margin: 0; + height: 100vh; + background: url('https://www.transparenttextures.com/patterns/aged-paper.png'), + linear-gradient(to bottom, #e8d8c4, #cbb59e); + background-size: cover; + font-family: 'Times New Roman', serif; + display: flex; + align-items: center; + justify-content: center; + color: #5a4638; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); + font-size: 24px; +} \ No newline at end of file diff --git a/assets/json_files/backgrounds.json b/assets/json_files/backgrounds.json index 3650c7b0..6552aad2 100644 --- a/assets/json_files/backgrounds.json +++ b/assets/json_files/backgrounds.json @@ -209,6 +209,11 @@ "previewLink": "../../Components/Backgrounds/Swirl-Animation-Background/index.html", "sourceLink": "https://github.com/Rakesh9100/Beautiify/tree/main/Components/Backgrounds/Swirl-Animation-Background" }, + { + "title": "Vintage Paper Texture Background", + "previewLink": "../../Components/Backgrounds/Vintage-Paper-Texture-Background/index.html", + "sourceLink": "https://github.com/Rakesh9100/Beautiify/tree/main/Components/Backgrounds/Vintage-Paper-Texture-Background" + }, { "title": "Waves Background", "previewLink": "../../Components/Backgrounds/Waves-Background/index.html", From 9aeff9e160265b1d95d3f4d7619e6cb25e8ce21b Mon Sep 17 00:00:00 2001 From: Avni Singh Date: Sat, 1 Mar 2025 21:59:33 +0530 Subject: [PATCH 2/3] Update style.css --- .../Backgrounds/Vintage-Paper-Texture-Background/style.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css index 77abc122..1f6d3950 100644 --- a/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css @@ -1,8 +1,7 @@ body { margin: 0; height: 100vh; - background: url('https://www.transparenttextures.com/patterns/aged-paper.png'), - linear-gradient(to bottom, #e8d8c4, #cbb59e); + background: linear-gradient(to bottom, #e8d8c4, #cbb59e); background-size: cover; font-family: 'Times New Roman', serif; display: flex; From e49cc60fbc846b81db63536c0c1724c8c10907a2 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Sat, 1 Mar 2025 22:52:52 +0530 Subject: [PATCH 3/3] Added changes --- .../Backgrounds/Vintage-Paper-Texture-Background/index.html | 4 ++-- .../Backgrounds/Vintage-Paper-Texture-Background/style.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html b/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html index c7ce3c24..308f68d3 100644 --- a/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html @@ -3,10 +3,10 @@ - Vintage Paper Background + Vintage Paper Texture Background

Welcome to the Vintage Era 🕰️

- + \ No newline at end of file diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css index 1f6d3950..cb5c2335 100644 --- a/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css @@ -1,7 +1,7 @@ body { margin: 0; height: 100vh; - background: linear-gradient(to bottom, #e8d8c4, #cbb59e); + background: linear-gradient(to bottom, #e8d8c4, #cbb59e); background-size: cover; font-family: 'Times New Roman', serif; display: flex;