-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinspirations.html
109 lines (104 loc) · 5.12 KB
/
inspirations.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<title>Cool things i love</title>
<link rel="stylesheet" href="inspirations/Inspirations.css">
<script src="https://kit.fontawesome.com/fb1cf22ae3.js" crossorigin="anonymous"></script>
<script src="inspirations/Inspirations.js"></script>
</head>
<body>
<div id="home">
<a href="index.html" class="home-item"><i class="fa-solid fa-house"></i>home</a>
</div>
<button id="nav-toggle-button" type="button" onclick="handleNavToggle()">
<span>Menu</span>
<i class="fa-solid fa-bars"></i>
</button>
</nav>
<main>
<article data-index="0" data-status="active">
<div class="article-image-section article-section"></div>
<div class="article-description-section article-section">
<p>
This is a cheap copy of of <a class="source-link" href="https://codepen.io/Hyperplexed/pen/oNqVyjo" target="_blank">codepen.io/Hyperplexed</a>. See how I did it <a class="yt-link" href="https://youtu.be/nG2IyH43xMU" target="_blank"><i class="fa-brands fa-youtube"></i></a>.
</p>
</div>
<div class="article-title-section article-section">
<h2>Hyperplexed and wonderful web design</h2>
<i class="fa-light fa-plus-large"></i>
</div>
<div class="article-nav-section article-section">
<button class="article-nav-button" type="button" onclick="handleLeftClick()">
<i class="fa-solid fa-arrow-left"></i>
</button>
<button class="article-nav-button" type="button" onclick="handleRightClick()">
<i class="fa-solid fa-arrow-right"></i>
</button>
</div>
</article>
<article data-index="1" data-status="inactive">
<div class="article-image-section article-section"></div>
<div class="article-description-section article-section">
<p>Playing games to perfection, speedrunners and challenge hunters are some of the coolest out there. Some of my favourites are <br>
kiiview <a class="yt-link" href="https://www.youtube.com/channel/UCH_OIt0LOq6tzMFCWPklzfA" target="_blank"><i class="fa-brands fa-youtube"></i></a> <br>
ParrotDash <a class="yt-link" href="https://www.youtube.com/c/ParrotDash" target="_blank"><i class="fa-brands fa-youtube"></i></a> <br>
Skurry! <a class="yt-link" href="https://www.youtube.com/c/Skurry" target="_blank"><i class="fa-brands fa-youtube"></i></a> <br>
SpaceUK <a class="yt-link" href="https://www.youtube.com/channel/UCfovdzRPkr3L_xHoDrjf1zw" target="_blank"><i class="fa-brands fa-youtube"></i></a> <br>
</p>
</div>
<div class="article-title-section article-section">
<h2>Wicked Cool Videogames</h2>
<i class="fa-light fa-plus-large"></i>
</div>
<div class="article-nav-section article-section">
<button class="article-nav-button" type="button" onclick="handleLeftClick()">
<i class="fa-solid fa-arrow-left"></i>
</button>
<button class="article-nav-button" type="button" onclick="handleRightClick()">
<i class="fa-solid fa-arrow-right"></i>
</button>
</div>
</article>
<article data-index="2" data-status="inactive">
<div class="article-image-section article-section"></div>
<div class="article-description-section article-section">
<p>Parkour is one of the most impressive things that can be done in a public space, featuring death defying jumps. some real inspirations for me are <br>
storror <a class="yt-link" href="https://www.youtube.com/c/STORROR" target="_blank"><i class="fa-brands fa-youtube"></i></a> <br>
jimmythegiant <a class="yt-link" href="https://www.youtube.com/c/JimmyTheGiant" target="_blank"><i class="fa-brands fa-youtube"></i></a> <br>
</p>
</div>
<div class="article-title-section article-section">
<h2>Parkour Pro's</h2>
<i class="fa-light fa-plus-large"></i>
</div>
<div class="article-nav-section article-section">
<button class="article-nav-button" type="button" onclick="handleLeftClick()">
<i class="fa-solid fa-arrow-left"></i>
</button>
<button class="article-nav-button" type="button" onclick="handleRightClick()">
<i class="fa-solid fa-arrow-right"></i>
</button>
</div>
</article>
<article data-index="3" data-status="inactive">
<div class="article-image-section article-section"></div>
<div class="article-description-section article-section">
<p>
Scientific advancements are really something, NileRed and Styropyro really helped me understand more about this world. </p>
</div>
<div class="article-title-section article-section">
<h2>Super Science Specialists</h2>
<i class="fa-light fa-plus-large"></i>
</div>
<div class="article-nav-section article-section">
<button class="article-nav-button" type="button" onclick="handleLeftClick()">
<i class="fa-solid fa-arrow-left"></i>
</button>
<button class="article-nav-button" type="button" onclick="handleRightClick()">
<i class="fa-solid fa-arrow-right"></i>
</button>
</div>
</article>
</main>
</body>
</html>