Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 97c5584

Browse files
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>
File renamed without changes.
17.8 KB
Loading[フレーム]
15.3 KB
Loading[フレーム]
1.88 MB
Loading[フレーム]
97.8 KB
Loading[フレーム]
47.9 KB
Loading[フレーム]
4.19 MB
Loading[フレーム]

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /