diff --git a/Book Borrowing Website/ABOUT.html b/Book Borrowing Website/ABOUT.html new file mode 100644 index 0000000..20785bd --- /dev/null +++ b/Book Borrowing Website/ABOUT.html @@ -0,0 +1,25 @@ + + + + + + + ABOUT US + + + + +
+
+
+

ABOUT US & GALLERY

+

HOW WE STARTED. OUR INSPIRATION...

+
+ + + + +
+
+ + \ No newline at end of file diff --git a/Book Borrowing Website/CONTACT.html b/Book Borrowing Website/CONTACT.html new file mode 100644 index 0000000..f99cbb6 --- /dev/null +++ b/Book Borrowing Website/CONTACT.html @@ -0,0 +1,78 @@ + + + + + + + CONTACT US + + + + + + +
+
+
+

Contact Us

+

PLEASE LEAVE A MESSAGE HERE AND WE WILL GET BACK TO YOU SOON...

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+ amritaraneekesh@gmail.com +

IIEST SHIBPUR +
HOWRAH , KOLKATA +

+ + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + + diff --git a/Book Borrowing Website/README.md b/Book Borrowing Website/README.md new file mode 100644 index 0000000..b1500a1 --- /dev/null +++ b/Book Borrowing Website/README.md @@ -0,0 +1,18 @@ +# SHEHACKS_TEAM-101 +SHARE-MY-BOOK +(CREATED IN SHE HACKS HACKATHON 2021 HELD ON 13-14 MARCH)[Presentation 1.pdf](https://github.com/amritakesh/SHEHACKS_TEAM-101/files/6136346/Presentation.1.pdf) + +![Screenshot from 2021-03-14 08-16-46](https://user-images.githubusercontent.com/74363370/111333569-d1ec3000-8698-11eb-8773-adb4e149d4e2.png) + +![Screenshot from 2021-03-14 08-17-17](https://user-images.githubusercontent.com/74363370/111333602-dadd0180-8698-11eb-9226-aa08b12a6fd1.png) + +![Screenshot from 2021-03-14 08-17-00](https://user-images.githubusercontent.com/74363370/111333630-df091f00-8698-11eb-964e-f9535ea48763.png) + + + +An online platform created by students for students. It provides readers with books they can rent for a stipulated period of time, Buy pre-owned books and even donate their own books. + +This Front-end webpage was created using +1. HTML +2. CSS +3. JAVASCRIPT diff --git a/Book Borrowing Website/app.js b/Book Borrowing Website/app.js new file mode 100644 index 0000000..3b4a0f7 --- /dev/null +++ b/Book Borrowing Website/app.js @@ -0,0 +1,82 @@ +const song = document.querySelector(".song"); +const play = document.querySelector(".play"); +const replay = document.querySelector(".replay"); +const outline = document.querySelector(".moving-outline circle"); +const video = document.querySelector(".vid-container video"); +//Sounds +const sounds = document.querySelectorAll(".sound-picker button"); +//Time Display +const timeDisplay = document.querySelector(".time-display"); +const outlineLength = outline.getTotalLength(); +//Duration +const timeSelect = document.querySelectorAll(".time-select button"); +let fakeDuration = 600; + +outline.style.strokeDashoffset = outlineLength; +outline.style.strokeDasharray = outlineLength; +timeDisplay.textContent = `${Math.floor(fakeDuration / 60)}:${Math.floor( + fakeDuration % 60 +)}`; + +sounds.forEach(sound => { + sound.addEventListener("click", function() { + song.src = this.getAttribute("data-sound"); + video.src = this.getAttribute("data-video"); + checkPlaying(song); + }); +}); + +play.addEventListener("click", function() { + checkPlaying(song); +}); + +replay.addEventListener("click", function() { + restartSong(song); + + }); + + +const restartSong = song =>{ + let currentTime = song.currentTime; + song.currentTime = 0; + console.log("ciao") + +} + +timeSelect.forEach(option => { + option.addEventListener("click", function() { + fakeDuration = this.getAttribute("data-time"); + timeDisplay.textContent = `${Math.floor(fakeDuration / 60)}:${Math.floor( + fakeDuration % 60 + )}`; + }); +}); + +const checkPlaying = song => { + if (song.paused) { + song.play(); + video.play(); + play.src = "./svg/pause.svg"; + } else { + song.pause(); + video.pause(); + play.src = "./svg/play.svg"; + } +}; + +song.ontimeupdate = function() { + let currentTime = song.currentTime; + let elapsed = fakeDuration - currentTime; + let seconds = Math.floor(elapsed % 60); + let minutes = Math.floor(elapsed / 60); + timeDisplay.textContent = `${minutes}:${seconds}`; + let progress = outlineLength - (currentTime / fakeDuration) * outlineLength; + outline.style.strokeDashoffset = progress; + + if (currentTime >= fakeDuration) { + song.pause(); + song.currentTime = 0; + play.src = "./svg/play.svg"; + video.pause(); + } +}; \ No newline at end of file diff --git a/Book Borrowing Website/index.html b/Book Borrowing Website/index.html new file mode 100644 index 0000000..2c1c6c6 --- /dev/null +++ b/Book Borrowing Website/index.html @@ -0,0 +1,222 @@ + + + + + + + YOUR ONLINE PLATFORM TO RENT & BUY PRE-OWNED BOOKS + + + + + + + + + +
+
+ + + + + YOUR DAILY DOSE OF READING + + + +
+
+
+
+
+

RENT OR BUY PRE-LOVED BOOKS

+

AN ONLINE PLATFORM CREATED BY STUDENTS FOR STUDENTS

+
+
+ + +
+ +
+

Enter your email-id here, HOPE YOU ENJOY YOUR TIME HERE...

+ +
+
+ hero +
+
+
+
+
+ +
+
+
+

OUR SERVICES

+

RENT OR BUY PRE-LOVED BOOKS....

+
+
+
+
+
+
+
+ + + +
+
+

RENT

+

BLAH BLAH BLAH BLAH ROMI IS THE BEST.

+ OPEN UP + + + + +
+
+
+
+ + + + + +
+
+

PRE-LOVED BOOKS

+

I AM SLEEP DEPRIVED

+ OPEN UP + + + + +
+
+
+
+ + + + +
+
+

DONATE BOOKS

+

WHERE ARE ALL THE CUTE BOYS HIDING ?

+ OPEN UP + + + + +
+
+
+ +
+
+
+
+
+
+
+
+ blog +
+

BLOG 1

+

HOW TO KEEP LEARNING

+

THE FASTEST WAY TO LEARN ANYTHING NEW.

+
+ READ MORE + + + + + + + + + + 1.2K + + + + + 6 + +
+
+
+
+
+
+ blog +
+

BLOG 2

+

HARRY POTTER VS LORD OF THE RINGS

+

WHICH ONE IS THE BEST FANTASY SERIES

+
+ READ NOW + + + + + + + + + + 1.2K + + + + + 6 + +
+
+
+
+
+
+ blog +
+

BLOG 3

+

WHY EVERYONE MUST READ

+

THE BENEFITS OF READING AND HOW IT HELPS WITH DEPRESSION.

+
+ READ NOW + + + + + + + + + + 1.2K + + + + + 6 + +
+
+
+
+
+
+
+
+ + diff --git a/Book Borrowing Website/index1.html b/Book Borrowing Website/index1.html new file mode 100644 index 0000000..738b391 --- /dev/null +++ b/Book Borrowing Website/index1.html @@ -0,0 +1,46 @@ + + + + + + + + + Audio App + + +
+
+ +
+
+ + + +
+
+ + + + + + + + + + +

0:00

+
+
+ + +
+
+ + + + \ No newline at end of file diff --git a/Book Borrowing Website/sounds/beach.mp3 b/Book Borrowing Website/sounds/beach.mp3 new file mode 100644 index 0000000..dadf37e Binary files /dev/null and b/Book Borrowing Website/sounds/beach.mp3 differ diff --git a/Book Borrowing Website/sounds/rain.mp3 b/Book Borrowing Website/sounds/rain.mp3 new file mode 100644 index 0000000..e8425fc Binary files /dev/null and b/Book Borrowing Website/sounds/rain.mp3 differ diff --git a/Book Borrowing Website/style.css b/Book Borrowing Website/style.css new file mode 100644 index 0000000..fafc4c7 --- /dev/null +++ b/Book Borrowing Website/style.css @@ -0,0 +1,94 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + .app { + height: 100vh; + display: flex; + justify-content: space-evenly; + align-items: center; + font-family: "Montserrat", sans-serif; + } + + .time-select, + .sound-picker { + height: 80%; + display: flex; + justify-content: space-evenly; + align-items: center; + flex-direction: column; + flex: 1; + } + .time-select button, + .sound-picker button { + color: white; + width: 30%; + height: 10%; + background: none; + font-size: 20px; + border-radius: 5px; + cursor: pointer; + border: 2px solid white; + transition: all 0.5s ease; + } + + .sound-picker button { + border: none; + height: 120px; + width: 120px; + padding: 30px; + border-radius: 50%; + } + .sound-picker button:nth-child(1) { + background: #4972a1; + } + .sound-picker button:nth-child(2) { + background: #a14f49; + } + .sound-picker button img { + height: 100%; + } + + .time-select button:hover { + background: white; + color: black; + } + + .player-container { + position: relative; + height: 100%; + display: flex; + justify-content: space-evenly; + align-items: center; + flex-direction: column; + flex: 1; + } + + .player-container svg { + position: absolute; + height: 50%; + top: 40%; + left: 50%; + transform: translate(-50%, -50%) rotate(-90deg); + pointer-events: none; + } + .player-container svg circle { + transition: all 0.2s ease-in-out; + } + .time-display { + color: white; + position: absolute; + font-size: 50px; + bottom: 10%; + } + + video { + position: fixed; + top: 0%; + left: 0%; + width: 100%; + z-index: -10; + } + \ No newline at end of file diff --git a/Book Borrowing Website/svg/beach.svg b/Book Borrowing Website/svg/beach.svg new file mode 100644 index 0000000..61e664f --- /dev/null +++ b/Book Borrowing Website/svg/beach.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Book Borrowing Website/svg/moving-outline.svg b/Book Borrowing Website/svg/moving-outline.svg new file mode 100644 index 0000000..3a6a491 --- /dev/null +++ b/Book Borrowing Website/svg/moving-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/Book Borrowing Website/svg/pause.svg b/Book Borrowing Website/svg/pause.svg new file mode 100644 index 0000000..20340d1 --- /dev/null +++ b/Book Borrowing Website/svg/pause.svg @@ -0,0 +1,4 @@ + + + + diff --git a/Book Borrowing Website/svg/play.svg b/Book Borrowing Website/svg/play.svg new file mode 100644 index 0000000..95c835c --- /dev/null +++ b/Book Borrowing Website/svg/play.svg @@ -0,0 +1,3 @@ + + + diff --git a/Book Borrowing Website/svg/rain.svg b/Book Borrowing Website/svg/rain.svg new file mode 100644 index 0000000..8a87991 --- /dev/null +++ b/Book Borrowing Website/svg/rain.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Book Borrowing Website/svg/replay.svg b/Book Borrowing Website/svg/replay.svg new file mode 100644 index 0000000..91bb750 --- /dev/null +++ b/Book Borrowing Website/svg/replay.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Book Borrowing Website/svg/track-outline.svg b/Book Borrowing Website/svg/track-outline.svg new file mode 100644 index 0000000..6e94eaf --- /dev/null +++ b/Book Borrowing Website/svg/track-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/Book Borrowing Website/video/beach.mp4 b/Book Borrowing Website/video/beach.mp4 new file mode 100644 index 0000000..d7c20b5 Binary files /dev/null and b/Book Borrowing Website/video/beach.mp4 differ diff --git a/Book Borrowing Website/video/rain.mp4 b/Book Borrowing Website/video/rain.mp4 new file mode 100644 index 0000000..cc0a6d0 Binary files /dev/null and b/Book Borrowing Website/video/rain.mp4 differ