diff --git a/Divine_page/story.html b/Divine_page/story.html index a03a5ed5..6c7bbe3d 100644 --- a/Divine_page/story.html +++ b/Divine_page/story.html @@ -166,6 +166,9 @@

Bhagwadgita Trivia

+ + +

@@ -199,4 +202,4 @@

+ + + + + Background Music + + + + + + + + + + +--> + + + + + + + Background Music + + + + + + + + + + + + diff --git a/quotes_page/krishna.js b/quotes_page/krishna.js new file mode 100644 index 00000000..c9ce470d --- /dev/null +++ b/quotes_page/krishna.js @@ -0,0 +1,12 @@ +window.addEventListener('DOMContentLoaded', (event) => { + const audio = new Audio('river-music.mp3'); // Replace 'river-music.mp3' with the path to your audio file + audio.loop = true; + audio.autoplay = true; + + document.addEventListener('DOMContentLoaded', () => { + audio.play(); + }); + }); + + + \ No newline at end of file diff --git a/quotes_page/page1.css b/quotes_page/page1.css new file mode 100644 index 00000000..fd84ca36 --- /dev/null +++ b/quotes_page/page1.css @@ -0,0 +1,47 @@ +body{ + font-family: sans-serif; + color: bisque; + height: 100vh; +} + +section{ + border: 10px black; + height: 90vh; + + display: flex; + align-items: center; + justify-content: center; +} +.container{ + border: 10px black; + max-width: 700px; + width: 100%; + margin: auto; + background-color: rgba(0, 0, 0, 0.8); + font-size: 38px; + color: white; + display: inline-flex; + animation: typing 1.5s steps(); + + height: 35vh; + display: flex; + align-items: center; + justify-content: center; +} +button{ + background: #a3caff; + font-size: 1.2rem; + color: rgb(36, 41, 5); + margin-left: 20px; + border-radius: 20px; + padding: 12px 22px; + border: none; + outline: none; + border-radius: 10px; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; +} +button:hover { + background: #3facf4; + color: rgb(59, 104, 146); + cursor: pointer; + } \ No newline at end of file diff --git a/quotes_page/page1.html b/quotes_page/page1.html new file mode 100644 index 00000000..c7b64411 --- /dev/null +++ b/quotes_page/page1.html @@ -0,0 +1,29 @@ + + + + + + + Navigation Bar + + + + + +
+
+
+ A man is made by his belief. As he belives. So he becomes. +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/quotes_page/page2.css b/quotes_page/page2.css new file mode 100644 index 00000000..d9231c5e --- /dev/null +++ b/quotes_page/page2.css @@ -0,0 +1,43 @@ +body{ + font-family: sans-serif; + color: bisque; +} +section{ + border: 10px black; + height: 90vh; + + display: flex; + align-items: center; + justify-content: center; +} +.container{ + border: 10px black; + max-width: 700px; + width: 100%; + margin: auto; + background-color: rgba(0, 0, 0, 0.8); + font-size: 38px; + color: white; + + height: 40vh; + display: flex; + align-items: center; + justify-content: center; +} +button{ + background: #a3caff; + font-size: 1.2rem; + color: rgb(36, 41, 5); + margin-left: 20px; + border-radius: 20px; + padding: 12px 22px; + border: none; + outline: none; + border-radius: 10px; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; +} +button:hover { + background: #3facf4; + color: black; + cursor: pointer; + } \ No newline at end of file diff --git a/quotes_page/page2.html b/quotes_page/page2.html new file mode 100644 index 00000000..c8b0c908 --- /dev/null +++ b/quotes_page/page2.html @@ -0,0 +1,31 @@ + + + + + + + Navigation Bar + + + + + +
+
+
+ Whatever happened, happened for the good. + Whatever is happening, is happening for the good. + Whatever will happen, will also happen for the good. +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/quotes_page/page3.css b/quotes_page/page3.css new file mode 100644 index 00000000..2ef9a261 --- /dev/null +++ b/quotes_page/page3.css @@ -0,0 +1,43 @@ +body{ + font-family: sans-serif; + color: bisque; +} +section{ + border: 10px black; + height: 90vh; + + display: flex; + align-items: center; + justify-content: center; +} +.container{ + border: 10px black; + max-width: 700px; + width: 100%; + margin: auto; + background-color: rgba(0, 0, 0, 0.8); + font-size: 38px; + color: white; + + height: 35vh; + display: flex; + align-items: center; + justify-content: center; +} +button{ + background: #a3caff; + font-size: 1.2rem; + color: rgb(36, 41, 5); + margin-left: 20px; + border-radius: 20px; + padding: 12px 22px; + border: none; + outline: none; + border-radius: 10px; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; +} +button:hover { + background: #3facf4; + color: black; + cursor: pointer; + } \ No newline at end of file diff --git a/quotes_page/page3.html b/quotes_page/page3.html new file mode 100644 index 00000000..03573ab4 --- /dev/null +++ b/quotes_page/page3.html @@ -0,0 +1,31 @@ + + + + + + + Navigation Bar + + + + + +
+
+
+ Do everything you have to do, but not with ego, + not with lust, not with envy but with love, + compassion, humility, and devotion. +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/quotes_page/page4.css b/quotes_page/page4.css new file mode 100644 index 00000000..2ef9a261 --- /dev/null +++ b/quotes_page/page4.css @@ -0,0 +1,43 @@ +body{ + font-family: sans-serif; + color: bisque; +} +section{ + border: 10px black; + height: 90vh; + + display: flex; + align-items: center; + justify-content: center; +} +.container{ + border: 10px black; + max-width: 700px; + width: 100%; + margin: auto; + background-color: rgba(0, 0, 0, 0.8); + font-size: 38px; + color: white; + + height: 35vh; + display: flex; + align-items: center; + justify-content: center; +} +button{ + background: #a3caff; + font-size: 1.2rem; + color: rgb(36, 41, 5); + margin-left: 20px; + border-radius: 20px; + padding: 12px 22px; + border: none; + outline: none; + border-radius: 10px; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; +} +button:hover { + background: #3facf4; + color: black; + cursor: pointer; + } \ No newline at end of file diff --git a/quotes_page/page4.html b/quotes_page/page4.html new file mode 100644 index 00000000..7eb93b1c --- /dev/null +++ b/quotes_page/page4.html @@ -0,0 +1,29 @@ + + + + + + + Navigation Bar + + + + + +
+
+
+ Set your heart upon your work but never its reward. +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/quotes_page/page5.css b/quotes_page/page5.css new file mode 100644 index 00000000..2ef9a261 --- /dev/null +++ b/quotes_page/page5.css @@ -0,0 +1,43 @@ +body{ + font-family: sans-serif; + color: bisque; +} +section{ + border: 10px black; + height: 90vh; + + display: flex; + align-items: center; + justify-content: center; +} +.container{ + border: 10px black; + max-width: 700px; + width: 100%; + margin: auto; + background-color: rgba(0, 0, 0, 0.8); + font-size: 38px; + color: white; + + height: 35vh; + display: flex; + align-items: center; + justify-content: center; +} +button{ + background: #a3caff; + font-size: 1.2rem; + color: rgb(36, 41, 5); + margin-left: 20px; + border-radius: 20px; + padding: 12px 22px; + border: none; + outline: none; + border-radius: 10px; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; +} +button:hover { + background: #3facf4; + color: black; + cursor: pointer; + } \ No newline at end of file diff --git a/quotes_page/page5.html b/quotes_page/page5.html new file mode 100644 index 00000000..b9a8132f --- /dev/null +++ b/quotes_page/page5.html @@ -0,0 +1,29 @@ + + + + + + + Navigation Bar + + + + + +
+
+
+ The only way you can conquer me is through love, and there I am gladly conquered. +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/quotes_page/river-music.mp3 b/quotes_page/river-music.mp3 new file mode 100644 index 00000000..7c5200b9 Binary files /dev/null and b/quotes_page/river-music.mp3 differ