-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (124 loc) · 6.25 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
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<DOCTYPE! html>
<html lang="en">
<!-- This website was made by Catherine Laserna -->
<head>
<!-- Meta -->
<title> Birb Universe </title>
<meta charset="UTF-8">
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<!-- desc / author / keywords-->
<meta content="Birb Universe is project. It is a series of future games full of fun, lore, and birds." name="description">
<meta content="Catherine, TonaTiuh" name="author">
<meta content="games, projects, birds, pengi game, pengi, birb, memes, ahola, rustbucket, tonatiuh, catherine" name="keywords">
<!-- end -->
<!-- compatibility -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<!-- end of compatibility -->
<!-- End of Meta -->
<!-- css -->
<link rel = "stylesheet" type = "text/css" href = "index.css" />
<!-- particles.js library - https://github.com/VincentGarreau/particles.js -->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@15/dist/smooth-scroll.polyfills.min.js"></script>
<!-- fonts -->
<link href="https://fonts.googleapis.com/css2?family=VT323&family=Work+Sans:wght@300;400&display=swap&family=Oxygen+Mono&display=swap" rel="stylesheet">
<!-- scripts -->
<script type="text/javascript" src="scripts/popup.js"></script>
<script type="text/javascript" src="scripts/ongoing.js"></script>
</head>
<body>
<div class="hero section" data-scroll href="#hero-section" id="hero-section">
<!-- particles.js container -->
<div id="particles-js"></div>
<div class="background-overlay"></div>
<div class="title">
<div class="centerpiece jello-horizontal" ></div>
<div class="text-container"><p class="hero-caption">Game, Art, and Sound by Tonatiuh <br> Concept Website by Catherine</p></div>
</div>
<a href="#about-section" class="scroll-arrow"><img src="nav/downactive.gif" ></img></a>
<!-- <div class="centerpenguin"></div> -->
</div>
<div class="about section" id="about-section">
<div class="arrow-nav static">
<a href="#hero-section"><img src="nav/upstatic.png" class="ups"></a>
<img src="nav/downstatic.png" class="downs">
</div>
<div class="arrow-nav active">
<a href="#hero-section"><img src="nav/upactive.gif" class="upa"></a>
<a href="#game-section"><img src="nav/downactive.gif" class="downa"></a>
</div>
<div class="content-box aboutbox">
<h1><i> Frequently Asked Questions </i></h1>
<p class="questions left" style="margin-top: 5px;">"What is Pengi Game?"</p>
<p class="answers"> "To sum it up as simple as possible, Pengi Game is a funky platformer Shooter similar to metal slug and contra about 4 birbs saving the world as they beat the sh*t out of everything."</p>
<p class="questions right">"Who are the developers of this game?"</p>
<p class="answers"> "This is a one/two person project. I (Tonatiuh) do all the art and code, but my boy <i>Negativity</i> helps with code. Music/sound design is still a wonky subject."</p>
<p class="questions left">"Are there demos of this game?"</p>
<p class="answers">All demos/releases are available <a href="https://rust-bucket0.itch.io/" target="_blank">here</a>.</p>
<p class="questions right">"Is there a release date?"</p>
<p class="answers">There's no release date yet.</p>
<br>
<div class="about-footer"><p class="low-highlight"> Answers taken from the Birb Comp Discord Server </p></div>
</div>
</div>
<div class="game section" id="game-section">
<div id="charpopup">
<div class="chartxtcontainer">
<p class="chartext chartitle chartyped">Pengi</p>
<p class="chartext charsubtext chartyped">Ability: Streamlined Bullets </p>
<br>
<p class="chartext chardesc" id="fade-in-special">The sharp shooter out of the four playable characters in Pengi Game. The fastest shooter out of four.</p>
<p class="blink chartext prompt"> Space to Continue. </p>
</div>
<div class="charimgcontainer blink" id="fade-in-special"></div>
</div>
<img src="selectscreen/selectframe.png" class="selectframe"></img>
<div class="playerwrapper">
<img class="select player" src="selectscreen/pengiselect.png" onclick="pengi()"></img>
<img class="select player" src="selectscreen/pengoselect.png" onclick="pengo()"></img>
<img class="select player" src="selectscreen/spudselect.png" onclick="spud()"></img>
<img class="select player" src="selectscreen/buckselect.png" onclick="buck()"></img>
</div>
<div class="content-box smallselect">
<div class="charsswrap">
<div class="smallimg" id="pengiss"></div>
<div class="charssdesc">
<p class="charsstitle">Pengi | Ability: Streamlined Bullets</p>
<p class="charssability"> The sharp shooter out of the four playable characters in Pengi Game. The fastest shooter out of four.</p>
</div>
</div>
<div class="charsswrap">
<div class="smallimg" id="pengoss"></div>
<div class="charssdesc">
<p class="charsstitle">Pengo | Ability: Burst Fist</p>
<p class="charssability"> A fist projectile that explodes upon impact, creating smaller rings of explosions around the target.</p>
</div>
</div>
<div class="charsswrap">
<div class="smallimg" id="spudss"></div>
<div class="charssdesc">
<p class="charsstitle">Spud | Ability: Slap!</p>
<p class="charssability"> Creates shortranged waves that hit the enemy. He also has a double jump/spin attack.</p>
</div>
</div>
<div class="charsswrap">
<div class="smallimg" id="buckss"></div>
<div class="charssdesc">
<p class="charsstitle">Buck | Ability: Tri Gun</p>
<p class="charssability"> Tri-projectile gun, superjumps, and buck exclusive charge blast. He also has the fastest dash.</p>
</div>
</div>
</div>
<div class="arrow-nav static">
<a href="#about-section"><img src="nav/upstatic.png" class="ups"></a>
</div>
<div class="arrow-nav active">
<a href="#about-section"><img src="nav/upactive.gif" class="upa"></a>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="scripts/particle.js" /></script>
</html>