Skip to content

Commit

Permalink
basic version built
Browse files Browse the repository at this point in the history
  • Loading branch information
@theroyakash
theroyakash committed Jun 16, 2023
1 parent ea53a56 commit 9fe9892
Show file tree
Hide file tree
Showing 13 changed files with 1,607 additions and 171,899 deletions.
10 changes: 10 additions & 0 deletions gsap.js
View file

Large diffs are not rendered by default.

Binary file added images/Coffeebean_.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/MarshmallowCoffee.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/flowercrown.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 65 additions & 30 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,46 +4,81 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>AmbientBuddy</title>
<link rel="stylesheet" href="tailwind.css">
<link rel="stylesheet" href="./fonts/fontsheet.css">
<link rel="stylesheet" href="./public/build/tailwind.css">
</head>

<body>
<main>

<section class="p14">
<h1 style="font-weight: bold;" class="text-7xl text-gray-600">AmbientBuddy</h1>
</section>

<section class="text-gray-600 body-font p4">
<div class="container px-5 py-24 mx-auto">
<div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto">
<p style="font-family: 'Recoleta'; font-weight: normal;">GTA5 Background Music</p>
<audio id="gta5Audio" src="./audio/gta5pause.mp3" preload="auto"></audio>
<input min = "1" max="100" value="69" class="slider" type="range" id="volume-control"></input>
<button
class="flex-shrink-0 text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg mt-10 sm:mt-0"
id="gta5button" onClick="togglePlay()">Click here to hear.</button>
</div>
</div>
</section>

<br>
<hr>
<h1 class="text-5xl font-bold text-center text-blue-600 pb-5">AmbientBuddy</h1>

<div class="grid grid-cols-3 gap-4">
<div>
<p style="font-family: 'Recoleta'; font-weight: normal;">Dhoni Abusive Audio</p>
<audio id="abusive-audio" src="./audio/abusiverecording.mp3" loop preload="auto"></audio>
<input class="slider" type="range" id="volume-control-abusive"></input>
<button id="abusive-audio-button" onClick="abusiveAudioTogglePlay()">Play</button>
<img src="./images/Coffeebean_.png" height="500">
</div>

</main>
<div class="col-span-2">
<div class="max-w-2xl mx-auto">

<div class="flex flex-col">
<div class="overflow-x-auto transition-all duration-500 hover:shadow-2xl sm:rounded-lg">
<div class="inline-block min-w-full align-middle">
<div class="overflow-hidden ">

<table class="min-w-full divide-y divide-gray-200 table-fixed dark:divide-gray-700">
<thead class="bg-gray-100 dark:bg-gray-700">
<tr>
<th>Sound</th>
<th>Set Volume</th>
<th>Play/Pause</th>
</tr>
</thead>
<tbody
class="bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
<tr class="rounded-md bg-white border-b dark:bg-gray-800 dark:border-gray-700">
<td
class="py-4 px-6 text-sm font-medium text-gray-900 whitespace-nowrap dark:text-white">
MS Dhoni Abusing</td>
<td class="p-4 w-4">
<audio id="abusive-audio" src="./audio/abusiverecording.mp3" loop
preload="auto"></audio>
<input min="1" max="100" value="100" class="slider" type="range"
id="volume-control-abusive"></input>
</td>
<td class="py-4 px-6 text-sm font-medium text-right whitespace-nowrap">
<a href="#" class="text-blue-600 dark:text-blue-500 hover:underline">
<button id="abusive-audio-button"
onClick="abusiveAudioTogglePlay()">Start Playing</button>
</a>
</td>

</tr>

<tr class="rounded-md bg-white border-b dark:bg-gray-800 dark:border-gray-700">
<td>GTA 5 Pause Music</td>
<td>
<audio id="gta5Audio" src="./audio/gta5pause.mp3"
preload="auto"></audio>
<input min="1" max="100" value="100" class="slider" type="range"
id="volume-control"></input>
</td>
<td>
<button id="gta5button" onClick="togglePlay()">Click here to
hear.</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

</div>
</div>

</div>


<script src="render.js"></script>
<script src="render.js"></script>
</body>

</html>
2 changes: 1 addition & 1 deletion main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ const path = require('path');
const createMainWindow = () => {
const window = new BrowserWindow({
title: "AmbientBuddy",
width: 800,
width: 1100,
height: 600,
webPreferences: {
nodeIntegration: true
Expand Down
1 change: 1 addition & 0 deletions mvp.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@tailwind base;
Loading

0 comments on commit 9fe9892

Please sign in to comment.