Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
nathanmacielviana authored Oct 15, 2023
1 parent 4346801 commit d821f9f
Showing 1 changed file with 17 additions and 5 deletions.
22 changes: 17 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<h1 align="center">Cassette Player</h1>
<h1 align="center">Cassette Player 📼🎵</h1>

<p align="center">
<img src="https://img.shields.io/badge/Status-Up-sucess"/>
Expand All @@ -14,10 +14,22 @@
<img aling="center" alt="html5" src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black">
</p>

<h2 align="center"> Descrição do Projeto </h2>
<p align="center"> <strong>Player de música simples no estilo fita cassette, criado com HTML5 e CSS3, e implementado com Javascript;</strong> </p> <br>
<p align="center"> > Para esse projeto me inspirei no trabalho artístico de <a target="_blank" href="https://codepen.io/mrraduan">@mrraduan </p>
<h2 align="center"> Descrição do Projeto 📜</h2>
<p align="center"> <strong>Player de música simples no estilo fita cassette, criado com HTML5 e CSS3, e implementado com Javascript</strong> </p> <br>
<p align="center"> > Para esse projeto me inspirei no trabalho artístico de <a target="_blank" href="https://codepen.io/mrraduan">@mrraduan</a>;</p> <br>
<p align="center"> > Este projeto simples nasceu do meu amor por coisas relacionadas ao estilo vintage, e como uma forma de desafio as minhas práticas e conhecimentos de HTML5 e CSS3;</p><br>
<h2 align="center"> Créditos ©️</h2><br>
<p align="center"><strong>Todos os créditos reservados a:</strong></p>
<p align="center"> > mrraduan (Inspiração para o Projeto);<br>
> Lumina Solis (Música);</p>
<img src="IMG">
<h2 align="center"> Funcionalidades do Projeto ⚙️</h2><br>
<p align="center">📌 O botão de play posicionado ao centro quando clicado chama a função Javascript;</p><br>
<p align="center">📌 A função quando chamada transforma o botão de play em pause, além de automaticamente iniciar a reprodução da música;</p><br>
<p align="center">📌 Se clicado de novo a função será novamente chamada, dessa vez transformando o botão de pause em play e parando a reprodução da música;</p>

<h2 align="center"> Amostra </h2><br>

<img src="https://github.com/nathanmacielviana/Portfolio/blob/main/images/cassette.png">

<br>

0 comments on commit d821f9f

Please sign in to comment.