Skip to content

Commit 97c5584

Browse files
hustle2livehustle2live
committed
day 17 - 24 initial commit
1 parent ce67029 commit 97c5584

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+2662
-144
lines changed

‎day15/STARTER-FILES/index.html

Lines changed: 113 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -1,117 +1,118 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<title>15 - YouTube API || Advent of JavaScript</title>
9-
<link rel="stylesheet" href="styles.css" />
10-
</head>
11-
12-
<body>
13-
14-
<div class="wrapper">
15-
<header>
16-
<img src="images/logo.png" alt="YouTube" />
17-
</header>
18-
19-
<div class="feature">
20-
<div class="embed">
21-
<iframe width="100%" height="500" src="https://www.youtube.com/embed/YipaPr4Aex8" title="YouTube video player"
22-
frameborder="0"
23-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
24-
allowfullscreen></iframe>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>15 - YouTube API || Advent of JavaScript</title>
8+
<link rel="stylesheet" href="styles.css" />
9+
</head>
10+
11+
<body>
12+
<div class="wrapper">
13+
<header>
14+
<img src="images/logo.png" alt="YouTube" />
15+
</header>
16+
17+
<div class="feature">
18+
<div class="embed">
19+
<iframe
20+
width="100%"
21+
height="500"
22+
src="https://www.youtube.com/embed/YipaPr4Aex8"
23+
title="YouTube video player"
24+
frameborder="0"
25+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
26+
allowfullscreen
27+
></iframe>
28+
</div>
29+
<h1>Build an App with SvelteKit and Tailwind CSS</h1>
30+
31+
<p>
32+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
33+
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
34+
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
35+
aliquip ex ea commodo consequat. Duis aute irure dolor in
36+
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
37+
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
38+
culpa qui officia deserunt mollit anim id est laborum.
39+
</p>
2540
</div>
26-
<h1>
27-
Build an App with SvelteKit and Tailwind CSS
28-
</h1>
29-
30-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
31-
magna
32-
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
33-
consequat. Duis
34-
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
35-
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
3641

42+
<aside>
43+
<ul class="gallery">
44+
<li>
45+
<a class="video">
46+
<img src="images/placeholder.png" alt="" />
47+
<h3>Build a SvelteKit App</h3>
48+
</a>
49+
</li>
50+
51+
<li>
52+
<a class="video">
53+
<img src="images/placeholder.png" alt="" />
54+
<h3>Build a SvelteKit App</h3>
55+
</a>
56+
</li>
57+
58+
<li>
59+
<a class="video">
60+
<img src="images/placeholder.png" alt="" />
61+
<h3>Build a SvelteKit App</h3>
62+
</a>
63+
</li>
64+
65+
<li>
66+
<a class="video">
67+
<img src="images/placeholder.png" alt="" />
68+
<h3>Build a SvelteKit App</h3>
69+
</a>
70+
</li>
71+
72+
<li>
73+
<a class="video">
74+
<img src="images/placeholder.png" alt="" />
75+
<h3>Build a SvelteKit App</h3>
76+
</a>
77+
</li>
78+
79+
<li>
80+
<a class="video">
81+
<img src="images/placeholder.png" alt="" />
82+
<h3>Build a SvelteKit App</h3>
83+
</a>
84+
</li>
85+
86+
<li>
87+
<a class="video">
88+
<img src="images/placeholder.png" alt="" />
89+
<h3>Build a SvelteKit App</h3>
90+
</a>
91+
</li>
92+
93+
<li>
94+
<a class="video">
95+
<img src="images/placeholder.png" alt="" />
96+
<h3>Build a SvelteKit App</h3>
97+
</a>
98+
</li>
99+
100+
<li>
101+
<a class="video">
102+
<img src="images/placeholder.png" alt="" />
103+
<h3>Build a SvelteKit App</h3>
104+
</a>
105+
</li>
106+
107+
<li>
108+
<a class="video">
109+
<img src="images/placeholder.png" alt="" />
110+
<h3>Build a SvelteKit App</h3>
111+
</a>
112+
</li>
113+
</ul>
114+
</aside>
37115
</div>
38-
39-
<aside>
40-
<ul class="gallery">
41-
<li>
42-
<a class="video">
43-
<img src="images/placeholder.png" alt="">
44-
<h3>Build a SvelteKit App</h3>
45-
</a>
46-
</li>
47-
48-
<li>
49-
<a class="video">
50-
<img src="images/placeholder.png" alt="">
51-
<h3>Build a SvelteKit App</h3>
52-
</a>
53-
</li>
54-
55-
<li>
56-
<a class="video">
57-
<img src="images/placeholder.png" alt="">
58-
<h3>Build a SvelteKit App</h3>
59-
</a>
60-
</li>
61-
62-
<li>
63-
<a class="video">
64-
<img src="images/placeholder.png" alt="">
65-
<h3>Build a SvelteKit App</h3>
66-
</a>
67-
</li>
68-
69-
<li>
70-
<a class="video">
71-
<img src="images/placeholder.png" alt="">
72-
<h3>Build a SvelteKit App</h3>
73-
</a>
74-
</li>
75-
76-
<li>
77-
<a class="video">
78-
<img src="images/placeholder.png" alt="">
79-
<h3>Build a SvelteKit App</h3>
80-
</a>
81-
</li>
82-
83-
<li>
84-
<a class="video">
85-
<img src="images/placeholder.png" alt="">
86-
<h3>Build a SvelteKit App</h3>
87-
</a>
88-
</li>
89-
90-
<li>
91-
<a class="video">
92-
<img src="images/placeholder.png" alt="">
93-
<h3>Build a SvelteKit App</h3>
94-
</a>
95-
</li>
96-
97-
<li>
98-
<a class="video">
99-
<img src="images/placeholder.png" alt="">
100-
<h3>Build a SvelteKit App</h3>
101-
</a>
102-
</li>
103-
104-
<li>
105-
<a class="video">
106-
<img src="images/placeholder.png" alt="">
107-
<h3>Build a SvelteKit App</h3>
108-
</a>
109-
</li>
110-
111-
</ul>
112-
</aside>
113-
</div>
114-
<script src="app.js"></script>
115-
</body>
116-
117-
</html>
116+
<script src="app.js"></script>
117+
</body>
118+
</html>

‎day17/styles.css renamed to ‎day17/STARTER-FILES/app.js

File renamed without changes.

‎day17/STARTER-FILES/images/design-details.jpeg

17.8 KB
Loading

‎day17/STARTER-FILES/images/figma-sidebar.png

15.3 KB
Loading

‎day17/STARTER-FILES/images/framer-community-plugins.gif

1.88 MB
Loading

‎day17/STARTER-FILES/images/framer-insert-menu.png

97.8 KB
Loading

‎day17/STARTER-FILES/images/framer-qr-code.png

47.9 KB
Loading

‎day17/STARTER-FILES/images/framer-smart-components.gif

4.19 MB
Loading

0 commit comments

Comments
 (0)