Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added logo for the website #24

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Added logo for the website #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
60a8d41
Added logo for the website
dishankkumaryadav Oct 3, 2022
f9a2ed1
Merge branch 'main' into main
dishankkumaryadav Oct 3, 2022
8263f7f
Update index.html
dishankkumaryadav Oct 4, 2022
8b18bf2
Merge branch 'main' of https://github.com/dishankkumaryadav/PlaylistAdda
dishankkumaryadav Oct 4, 2022
6997847
Merge branch 'main' into main
dishankkumaryadav Oct 4, 2022
a42ef37
Merge branch 'main' into main
dishankkumaryadav Oct 4, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"liveServer.settings.port": 5501
{
"liveServer.settings.port": 5501
}
Binary file added PlayListAdda-logos.jpeg
View file
Open in desktop
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 PlayListAdda-logos_black.png
View file
Open in desktop
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 PlayListAdda-logos_transparent.png
View file
Open in desktop
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 PlayListAdda-logos_white.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
243 changes: 56 additions & 187 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,27 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PlaylistAdda</title>

<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>


<body>
<div class="stickheader" id="myHeader">
<h2 class="title"> PlayListAdda</h2>
<input id="search_bar" type="text" onkeyup="searchPlaylist()" placeholder="Search Playlists...">
</div>


<!-- <h2 class="title"> PlayListAdda</h2> -->
<h2 class="title"> <img src="PlayListAdda-logos_white.png" alt="PlayListAdda Website Logo" width="500px" height="300px"></h2>

</div>


<h3 class="subtitle">"A place to share your playlists with your friends."
</h3>
<div class="main">

<!--Haspdecrypted's card -->
<!--Haspdecrypted's card -->

<div class="card">
<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
Expand All @@ -40,7 +44,7 @@ <h6>by Haspdecrypted</h6>

</div>
</div>


<!--Vinayak's card -->

Expand Down Expand Up @@ -146,11 +150,11 @@ <h6>by PR</h6>
</div>
<div class="title">
<h1>
My ALL Time K POP Punjabi & English</h1>
My ALl Time K POP Punjabi & English</h1>
</div>
<div class="des">
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/7AAPf2J2QTrHqiHp9RbBYG?utm_source=generator"
<iframe style="border-radius:12px"
src="https://open.spotify.com/playlist/embed/7AAPf2J2QTrHqiHp9RbBYG"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy"></iframe>
Expand All @@ -160,209 +164,84 @@ <h1>
<!-- Mohit's card -->



<!-- <div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>
Everything goes well</h1>
</div>
<div class="des">
<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>
Write your Playlist name here</h1>
</div>
<div class="des">
<p>embed your playlist here</p>
<button>A sweet message by you</button>
</div>
</div>

</div>
<!--cards -->
<!-- <iframe style="border-radius:12px"
src="https://open.spotify.com/playlist/embed/50JkxtsGUsZ8QRKR57Czt9?si=sgZgO-RcS226xFiXp7lI2A&utm_source=copy-link"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy"></iframe>

<button>Best English songs</button>
</div> -->


<!--Bowo's card -->


<div class="card">

<div class="image">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg/1199px-Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>
You & Me</h1>
<h6>by Bowo</h6>
Write your Playlist name here</h1>
</div>
<div class="des">

<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/37i9dQZF1DX6mvEU1S6INL?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy">
</iframe>
<button>Only You & Me</button>
<p>embed your playlist here</p>
<button>A sweet message by you</button>
</div>
</div>
<!--Bowo's card -->

<!--Vinayak's card -->

<!--cards -->

<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>Mix J-Pop</h1>
<h6>by riskodwis</h6>
<h1>
Everything goes well</h1>
</div>
<div class="des">
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/37i9dQZF1EQoowv2cDraCW?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen;
picture-in-picture" loading="lazy"></iframe>
<button>love music from different countries</button>
<iframe style="border-radius:12px" src="https://open.spotify.com/playlist/50JkxtsGUsZ8QRKR57Czt9?si=sgZgO-RcS226xFiXp7lI2A&utm_source=copy-link"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<button>Best English songs</button>
</div>
</div>

<!--Anmol's card -->


<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>
Tere Jeya Hor Disda</h1>
<h6>by Anmol</h6>
</div>
<div class="des">
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/1h8dqCBLBP8MfV4qyJJWG6?utm_source=generato"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy"></iframe>
<button>No Music No Life. Know Music Know Life.</button>
</div>
</div>
<!--Bowo's card -->


<!--Regime's card -->
<div class="card">

<div class="image">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg/1199px-Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg">
</div>
<div class="title">
<h1>Sangeet 👌</h1>
</div>
<div class="des">
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/0O0pMPTmcHUKeD0teAtBWw?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy"></iframe>
<button>Madhur sangeet you'd enjoy</button>

</div>



</div>
<!--Regime's card -->


<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>
Old is Gold</h1>
<h6>by Shubham✨</h6>
</div>
<div class="des">
<p><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/34RFBjtBCsUGypHWcoOjqT?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></p>
<button>Hamare zamane ke Gaane</button>
</div>
</div>

<!--Charis's card -->


<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2020/04/12/10/37/sunset-5033708_960_720.jpg">
</div>
<div class="title">
<h1>
Chaotic Calm</h1>
<h6>by Charis</h6>
You & Me</h1>
<h6>by Bowo</h6>
</div>
<div class="des">
<p><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6no3IopzgdtX3mWZQ1M6jV?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></p>
<button>When you want to drown out the noises outside</button>

<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/37i9dQZF1DX6mvEU1S6INL?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<button>Only You & Me</button>
</div>
</div>
<!--Bowo's card -->

<!--lingeshwaran cards -->
<!--cards -->

<div class="card">

<div class="image">
<img src="https://media-cldnry.s-nbcnews.com/image/upload/t_fit-760w,f_auto,q_auto:best/streams/2013/May/130524/6C7573771-mov_hangover32_130307.jpg">

<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg/1199px-Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg">
</div>
<div class="title">
<h1>
Vibe of teen</h1>
Write your Playlist name here</h1>
</div>
<div class="des">
<p><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/0zr93iWjQByUIjMXxakzJY?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></p>
<button>If you want to get into vide 🤩</button>
</div>
</div>

<!-- Ishika's cards -->
<div class="card">

<div class="image">
<img src="https://1.bp.blogspot.com/-zLp2XuxkIgc/YPUXr6-sIrI/AAAAAAABfxc/yeseTLz7OAYVuGjutyOffHPbqXXf5kOuQCLcBGAsYHQ/s670/Shah_ExperimentsInListening_cover.jpg">
<p>embed your playlist here</p>
<button>A sweet message by you</button>

</div>
<div class="title">
<h1>
~Blurry Nights~</h1>
</div>
<div class="des">
<p><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1p9i1M946IBJ4zHITyKs9A?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></p>
<button>Don't be shocked, you deserve it.</button>
</div>
</div>
<!--Nitish's card -->

Expand Down Expand Up @@ -398,30 +277,22 @@ <h6>by Nitish</h6>
<!--cards -->


<!--SeptiCalls's card -->
<div class="card">

<div class="image">
<img
src="https://cdn.pixabay.com/photo/2020/07/14/16/02/manga-5404746_1280.jpg">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
</div>
<div class="title">
<h1>
You Know I Like That</h1>
<h6>by SeptiCalls</h6>
Write your Playlist name here</h1>
</div>
<div class="des">
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/31WmG68IbPrklrobK7JbjH?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy"></iframe>
<button>Seek thy enlightenment</button>

<p>embed your playlist here</p>
<button>A sweet message by you</button>
</div>
</div>

<!--cards -->

<div class="card">

<div class="image">
Expand All @@ -437,8 +308,10 @@ <h1>
<button>A sweet message by you</button>
</div>
</div>
<!--Vinayak's card -->


<div class="card">
<div class="card">

<div class="image">
<img src="https://cdn.pixabay.com/photo/2018/01/09/03/49/the-natural-scenery-3070808_1280.jpg">
Expand All @@ -448,14 +321,12 @@ <h1>Mix J-Pop</h1>
<h6>by riskodwis</h6>
</div>
<div class="des">
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/37i9dQZF1EQoowv2cDraCW?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen;
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/37i9dQZF1EQoowv2cDraCW?utm_source=generator"
width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen;
picture-in-picture" loading="lazy"></iframe>
<button>love music from different countries</button>
</div>
</div>

</div>

<!--Yoni's card -->
Expand Down Expand Up @@ -485,8 +356,6 @@ <h6>by Yoni</h6>
src="https://github.githubassets.com/images/icons/emoji/unicode/2764.png">
</g-emoji> by <a href="https://linktr.ee/vinayakgavariya">Vinayak Gavariya</a>
</p>

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

</html>
7 changes: 7 additions & 0 deletions logo_info.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@

Fonts used: Lato-Italic,CallunaSans-Italic

Colors used: 427BD2,000732