-
Notifications
You must be signed in to change notification settings - Fork 0
/
ai-playlist.html
48 lines (48 loc) · 2.35 KB
/
ai-playlist.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="style.css">
<meta name="description" content="Oscar Saul - Computer Science and Business student specializing in full-stack web development and cybersecurity.">
<meta name="og:email" content="oscarsaul.mmv@gmail.com"/>
<meta name="og:phone_number" content="437-219-3454"/>
<link rel="icon" href="logo.png">
<title>Oscar Saul</title>
</head>
<body>
<script src="https://unpkg.com/swup@4"></script>
<script src="https://unpkg.com/@swup/overlay-theme@2"></script>
<link rel="stylesheet" href="https://unpkg.com/@swup/overlay-theme/dist/OverlayTheme.css">
<div id="swup">
<div id="wrapper">
<a id="back" href="/">← oscar saul </a>
<br><br>
<a class="gradient-null" id="source" href="https://github.com/oscarmmv/playlist-generator"><i style="vertical-align: 1px;" class="bi bi-github"></i> Source</a>
<h1>AI Playlist</h1>
<div class="desc">The Playlist Generator prompts the user for songs and uses Spotify's WEB API to generate a similar catalog of songs.</div>
<br>
<img src="assets/ai-playlist.png" alt="Ai Playlist Image">
<br>
<div class="desc">The Playlist Generator utilizes open ai's engine Davinci-003 to generate a prompt using natural language for Open AI image generator DALL-E. Using the prompt from Davinci-003, the web app generates a unique playlist cover that reflects the music.</div>
<footer>
<ul id="tags">
<li>#python</li>
<li>#artificial-intelligence</li>
<li>#spotify-api</li>
<li>#davinci-003</li>
<li>#dall-e</li>
</footer>
</div>
</div>
<script src="https://unpkg.com/swup@2.1.0/dist/swup.min.js"></script>
<script>
if (window.matchMedia("(pointer: none), (pointer: coarse)").matches) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'mobile-style.css';
document.head.appendChild(link);
}
</script>
</body>
</html>