-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
66 lines (55 loc) · 4.3 KB
/
index.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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<script async defer data-domain="links.morganpage.tech" src="https://plausible.io/js/plausible.js"></script>
<meta property="og:title" content="Web & Game Development Tutorials | morganpage.tech">
<meta property="og:description" content="Tutorials on web and game development. Learn to create games using core web technologies like: javascript, html & css. Use modern javascript, ES6 & later including classes, array methods, arrow functions, destructuring, ES modules, template strings and more! Both vanilla javascript and frameworks like react, vuejs, svelte, nextjs are covered. Specifically for game development, phaser 3 is covered along with canvas, animations, AI, audio & physics.">
<meta property="og:image" content="https://links.morganpage.tech/card.jpg">
<meta property="og:url" content="https://links.morganpage.tech">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="Tutorials on web and game development. Learn to create games using core web technologies like: javascript, html & css. Use modern javascript, ES6 & later including classes, array methods, arrow functions, destructuring, ES modules, template strings and more! Both vanilla javascript and frameworks like react, vuejs, svelte, nextjs are covered. Specifically for game development, phaser 3 is covered along with canvas, animations, AI, audio & physics.">
<meta name="image" content="https://links.morganpage.tech/card.jpg">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/27ee47d049.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<title>Web & Game Development Tutorials | morganpage.tech</title>
</head>
<body>
<div class="container">
<img class="profile" src="profile.jpg" alt="" srcset="">
<h1>morganpage.tech</h1>
<section>
<p>✌ I'm Morgan</p>
<p>🎮 Learn JavaScript by coding games 🎮</p>
<p>💻 I teach Web Development 💻</p>
<!-- <p>🦊 Rogue Fox Guild Member 🦊</p> -->
</section>
<a href="https://my-free-course.com/"><i class="fas fa-thumbs-up fa-2x"></i>FREE Course</a>
<a href="https://www.youtube.com/c/MorganPageTech?sub_confirmation=1"><i class="fab fa-youtube fa-2x"></i>YouTube
Channel</a>
<a href="https://morganpage.teachable.com/"><i class="fas fa-gamepad fa-2x"></i>Courses</a>
<!-- <a href="https://roguefoxguild.com/"><i><img class="website" src="fox.png" alt="" srcset=""></i></img>🦊 Rogue Fox
Guild
Member 🦊</a> -->
<a href="https://www.facebook.com/morganpage.tech"><i class="fab fa-facebook fa-2x"></i>Facebook</a>
<a href="https://www.instagram.com/morganpage.tech/"><i class="fab fa-instagram fa-2x"></i>Instagram</a>
<a href="https://twitter.com/PlatoEvolved"><i class="fab fa-twitter fa-2x"></i>Twitter</a>
<a href="https://morgan-page.medium.com/"><i class="fab fa-medium fa-2x"></i>Medium</a>
<a href="https://www.morganpage.tech/"><i><img class="website" src="favicon.ico" alt="" srcset=""></i>Website</a>
<a href="https://www.linkedin.com/in/morganjpage/"><i class="fab fa-linkedin fa-2x"></i>LinkedIn</a>
<a href="https://blog.morganpage.tech/"><i><img class="website" src="favicon.ico" alt="" srcset=""></i>Blog</a>
<a href="https://github.com/morganpage"><i class="fab fa-github fa-2x"></i>GitHub</a>
<a href="https://www.pinterest.co.uk/morganpagetech"><i class="fab fa-pinterest fa-2x"></i>Pinterest</a>
<!-- <a href="https://discord.gg/roguefoxguildgame"><i class="fab fa-discord fa-2x"></i>Discord Server</a> -->
<a href="https://hordezee.com"><i><img class="website" src="copzee.png" alt="" srcset=""></i>Zombie Horde Game</a>
<a href="https://survive.morganpage.tech"><i><img class="website" src="bear.png" alt="" srcset=""></i>Survival
Game</a>
<a href="http://portfolio.morganpage.tech/"><i class="fas fa-briefcase fa-2x"></i>Job Portfolio</a>
</div>
</body>
</html>