|
1 | 1 | import type { NextPage } from 'next' |
2 | 2 | import Head from 'next/head' |
3 | | -import Image from 'next/image' |
4 | | -import styles from '../styles/Home.module.css' |
5 | 3 |
|
6 | 4 | const Home: NextPage = () => { |
7 | 5 | return ( |
8 | | - <div className={styles.container}> |
| 6 | + <> |
9 | 7 | <Head> |
10 | | - <title>Create Next App</title> |
11 | | - <meta name="description" content="Generated by create next app" /> |
12 | | - <link rel="icon" href="/favicon.ico" /> |
| 8 | + <title>Easy deep learning</title> |
13 | 9 | </Head> |
14 | 10 |
|
15 | | - <main className={styles.main}> |
16 | | - <h1 className={styles.title}> |
17 | | - Welcome to <a href="https://nextjs.org">Next.js!</a> |
| 11 | + <main> |
| 12 | + <h1> |
| 13 | + Образование спасет мир! |
18 | 14 | </h1> |
19 | 15 |
|
20 | | - <p className={styles.description}> |
21 | | - Get started by editing{' '} |
22 | | - <code className={styles.code}>pages/index.tsx</code> |
| 16 | + <p><a href="https://github.com/easy-deep-learning">github</a></p> |
| 17 | + <p><a href="https://mybook.ru/tags/sovremennoe-obrazovanie/">Современное образование (Книги в mybook)</a></p> |
| 18 | + <p> |
| 19 | + <a href="https://newtonew.com/book/most-influential-education-books">10 самых влиятельных книг об образовании</a> <br/> |
| 20 | + От Руссо до Иллича: десять книг, которые сформировали современную педагогику и определили, что мы думаем об образовании сегодня. |
23 | 21 | </p> |
24 | 22 |
|
25 | | - <div className={styles.grid}> |
26 | | - <a href="https://nextjs.org/docs" className={styles.card}> |
27 | | - <h2>Documentation →</h2> |
28 | | - <p>Find in-depth information about Next.js features and API.</p> |
29 | | - </a> |
| 23 | + <div className="video-list"> |
30 | 24 |
|
31 | | - <a href="https://nextjs.org/learn" className={styles.card}> |
32 | | - <h2>Learn →</h2> |
33 | | - <p>Learn about Next.js in an interactive course with quizzes!</p> |
34 | | - </a> |
| 25 | + <div className="video-item"> |
| 26 | + <iframe width="560" |
| 27 | + height="315" |
| 28 | + src="https://www.youtube.com/embed/yKWrP42ySUw" |
| 29 | + frameBorder="0" |
| 30 | + allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" |
| 31 | + allowFullScreen |
| 32 | + /> |
| 33 | + </div> |
35 | 34 |
|
36 | | - <a |
37 | | - href="https://github.com/vercel/next.js/tree/canary/examples" |
38 | | - className={styles.card} |
39 | | - > |
40 | | - <h2>Examples →</h2> |
41 | | - <p>Discover and deploy boilerplate example Next.js projects.</p> |
42 | | - </a> |
| 35 | + <div className="video-item"> |
| 36 | + <iframe |
| 37 | + width="560" |
| 38 | + height="315" src="https://www.youtube.com/embed/p-Z-hrZx3UQ" |
| 39 | + frameBorder="0" |
| 40 | + allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" |
| 41 | + allowFullScreen |
| 42 | + /> |
| 43 | + </div> |
| 44 | + |
| 45 | + <div className="video-item"> |
| 46 | + <iframe |
| 47 | + width="560" |
| 48 | + height="315" |
| 49 | + src="https://www.youtube.com/embed/n13hg-zFeyA" |
| 50 | + frameBorder="0" |
| 51 | + allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" |
| 52 | + allowFullScreen |
| 53 | + /> |
| 54 | + </div> |
| 55 | + |
| 56 | + <div className="video-item"> |
| 57 | + <iframe width="560" |
| 58 | + height="315" |
| 59 | + src="https://www.youtube.com/embed/a-bkQtKgD04" |
| 60 | + frameBorder="0" |
| 61 | + allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" |
| 62 | + allowFullScreen |
| 63 | + /> |
| 64 | + </div> |
43 | 65 |
|
44 | | - <a |
45 | | - href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" |
46 | | - className={styles.card} |
47 | | - > |
48 | | - <h2>Deploy →</h2> |
49 | | - <p> |
50 | | - Instantly deploy your Next.js site to a public URL with Vercel. |
51 | | - </p> |
52 | | - </a> |
53 | 66 | </div> |
| 67 | + |
54 | 68 | </main> |
55 | 69 |
|
56 | | - <footer className={styles.footer}> |
57 | | - <a |
58 | | - href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" |
59 | | - target="_blank" |
60 | | - rel="noopener noreferrer" |
61 | | - > |
62 | | - Powered by{' '} |
63 | | - <span className={styles.logo}> |
64 | | - <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} /> |
65 | | - </span> |
66 | | - </a> |
67 | | - </footer> |
68 | | - </div> |
| 70 | + <footer/> |
| 71 | + </> |
69 | 72 | ) |
70 | 73 | } |
71 | 74 |
|
|
0 commit comments