forked from gbdev/gbdev.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (138 loc) · 7.59 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
---
layout: default
---
<div class="things">
<div class="columns">
<div class="column is-half c1">
<div class="columns is-mobile">
<div class="column">
<!-- Game Boy animation by `heero`. Originally found at https://codepen.io/heero/pen/wylhv -->
<div id='container'>
<div id='back'></div>
<div id='border'></div>
<div id='card3'></div>
<div id='card2'></div>
<div id='chip2'></div>
<div id='screenBack'></div>
<div id='card1'></div>
<div id='speaker'></div>
<div id='chip'></div>
<div id='chipPinL'></div>
<div id='chipPinR'></div>
<div id='ec1'></div>
<div id='volumeWheelBack'></div>
<div id='volumeWheel'></div>
<div id='joystickBack'></div>
<div id='buttonsABBack'></div>
<div id='buttonsSSBack'></div>
<div id='jackBack'></div>
<div id='jack'></div>
<div id='ec2'></div>
<div id='powerBack'></div>
<div id='power'></div>
<div id='box'></div>
<div id='screen'></div>
<div id='screen2'></div>
<div id='joystickCross1'></div>
<div id='joystickCross2'></div>
<div id='buttonsSS'></div>
<div id='buttonsSSText'></div>
<div id='buttonsAB'></div>
<div id='buttonsABText'></div>
<img id='gameboyText' src='assets/gb-pocket-logo.png'>
<div id='powerLed'></div>
<div id='speakerFilter'></div>
</div>
</div>
<div class="column is-narrow-desktop" id='title'>
<h1 class="title"><b>gb</b>dev</h1>
</div>
</div>
<div class="columns">
<div class="column is-4-desktop is-1 is-5-widescreen is-6-fullhd columnspacer"></div>
<div class="column">
<div class="subtitle">
Game Boy Development Community
</div>
<div class="introtext">
We are a group of passionate developers working on homebrews, emulators and documentation for the <i>Nintendo Game Boy</i> handheld console, the original gray brick from 1989!
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="projects">
<br><br>
Here's a quick showcase of what we are up to:
<br><br>
<p class="projectTitle">
<a href="https://github.com/gbdev/awesome-gbdev" target="_blank">Awesome list</a>
<a class="github-button" target="_blank" href="https://github.com/gbdev/awesome-gbdev" data-icon="octicon-star" data-show-count="true" aria-label="Star gbdev/awesome-gbdev on GitHub">Star</a>
</p>
A <b>curated list</b> of Game Boy development resources such as tools, guides, technical documentation, tutorials, emulators, related projects and open-source ROMs. Everything you'll ever need to know and see about this console is
here. <br>If you want to code an emulator, create your own game or simply dive into the software and hardware architecture of the Game Boy, this is the place!
<br><br>
<p class="projectTitle"><a target="_blank" href="https://discord.gg/gpBxq85">Discord server</a> <img src="https://img.shields.io/badge/dynamic/json.svg?label=chat&colorB=green&prefix=&suffix=%20online&query=count&uri=https%3A%2F%2Fgbhh.avivace.com%2Fapi%2Fdiscord"></p>
Where our community thrives. Here we <b>chat</b>, discuss, help each other and show what we are working on. There's an IRC channel, too.
<br><br>
<p class="projectTitle">
<a target="_blank" href="https://gbhh.avivace.com">Homebrew Hub</a> <img src="https://img.shields.io/badge/games-178%20entries-blue.svg">
</p>
Play Game Boy games online from an archive of hundreds of entries! <br> A community-led attempt to collect, archive and save every unofficial game, homebrew, demo, patch, hackrom for Game Boy produced by the community through decades
of passionate work.
<br><br>
<p class="projectTitle">
<a target="_blank" href="https://github.com/gb-archive">The Game Boy Archive</a>
</p>
A <b>library</b> of Game Boy related software, hardware and literature. Aimed to mirror and preserve old and fragmented contributions in the scene from the last three decades.
</div>
</div>
<div class="column is-1 is-3-desktop is-3-fullhd is-4-widescreen"></div>
</div>
</div>
<br>
</div>
<footer class="footer">
<br>
<div class="content has-text-centered">
Game Boy is a registered trademark. This project is not endorsed by Nintendo.<br> © 2015-2018 <a href="https://avivace.com" target="_blank">Antonio Vivace</a> and <a href="https://github.com/gbdev/gbdev.github.io/graphs/contributors">contributors</a>.
<br>
This website is open source. Come <a href="https://github.com/gbdev/gbdev.github.io">contribute</a>!
<br><br>
<a href="https://digitalocean.com" target="_blank"> <img style="height: 40px" src="https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_black.svg"></a>
</div>
</footer>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
// Pick a random Game Boy color
var colors = ['#5f98c6', // Teal (1998, 1999 NA)
'#FCCF37', // Dandelion - yellow (1998, 1999 NA)
'#EB1667', // Berry - fuchsia (1998, 1999 NA)
'#A8F602', // Kiwi - neon green (1998, 1999 NA)
// '#5B3099', // Grape - purple (1998) TODO: Darken the black elements
// Translucent colors - TODO: Fix speakers
'rgba(255, 255, 255, 0.5)', // Atomic Purple - clear purple (1998)
'rgba(91, 48, 153, 0.5)' // Neotones Ice (LIJI32 special request <3)
]
var color = colors[Math.floor(Math.random() * colors.length)];
var box = document.querySelector('#box');
box.style.setProperty('background-color', color);
console.log(color)
/*
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
videoId: 'RZUDEaLa5Nw'
});
}
*/
</script>