-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdino.html
More file actions
150 lines (139 loc) · 11.2 KB
/
dino.html
File metadata and controls
150 lines (139 loc) · 11.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chrome Dino Merchandise</title>
<meta name="description" content="This will be a collection of all Chrome Dino merchandise.">
<meta name="theme-color" content="#ACACAC">
<meta name="keywords" content="merchandise, archive, dino, Google Chrome, Google">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Chrome Dino Merchandise">
<meta property="og:description" content="This will be a collection of all Chrome Dino merchandise.">
<meta property="og:url" content="https://bugdroid.org/dino">
<meta property="og:image" content="https://bugdroid.org/meta/subpage-dino.png">
<meta property="og:image:alt" content="A collection of official Chrome Dino merchandise.">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="595">
<meta property="og:image:type" content="image/png">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Droid Pack">
<link rel="stylesheet" href="meta/droid.css">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<script src="meta/site-board.js" defer></script>
<script src="meta/site-database-dino.js" defer></script>
<style>
@font-face {font-family:'Dino';font-display:swap;src:url('meta/dino.ttf') format('truetype');font-weight:normal;font-style:normal;}
body {font-family:'Dino',sans-serif;}
button {font-family:'Dino';color:grey;box-shadow:none;background:#ffffff;}
button:active, img.i:active {background:#464646}
button:disabled {color:#ACACAC}
a, mark, nav a:hover {color:#929292}
div.board img {border:solid 3px #ACACAC;outline:solid 1px black}
div.board img:hover, img.i:hover {outline:solid 1px #E99D00}
div.board img:active {border:solid 3px #E99D00}
h2 {font-size:2em;}
header {background:#ACACAC}
header, p, li {font-size:1.5em}
header button {vertical-align:middle;}
::selection {background:#ACACAC;color:white}
</style>
</head>
<body>
<nav><header style="text-shadow:none;color:white;font-weight:normal"><a href="/">bugdroid.org</a>/dino</header></nav>
<h1 class="branding"><img src="meta/logo-dino.png" id="dinoImg" alt="Retro-styled dinosaur and cactus" style="width:200px;cursor:help"><audio id="dinoSound1" src="meta/fx-dino-1.ogg"></audio><audio id="dinoSound2" src="meta/fx-dino-2.ogg"></audio><audio id="dinoSound3" src="meta/fx-dino-3.ogg"></audio></h1>
<script>document.getElementById("dinoImg").addEventListener("click", () => {const soundIDs = ["dinoSound1", "dinoSound2", "dinoSound3"]; const randomID = soundIDs[Math.floor(Math.random() * soundIDs.length)]; const sound = document.getElementById(randomID); sound.currentTime = 0; sound.play();});</script>
<!--it can't overlap on purpose, gets loud-->
<div class="board">
<!--the commented dates are from the first archived dates on the official pages,
try not to use them as official dates, they are only used here for a general time frame-->
<!--25, Aug 4--><img src="media/products/dino/GGL2045-1.png" id="figure-accessory-cozy" alt="Dino Cozy Accessory">
<!--25, Jul 20--><img src="media/products/dino/dino-summer-pack-1.png" id="figure-accessory-summer" alt="Dino Summer Accessory">
<!--25, Jul 15--><img src="media/products/dino/GGOEGFBA241999-1.png" id="figure-accessory-aloha" alt="Dino Aloha Accessory">
<!--25, Jun 19--><img src="media/products/dino/GGOEGFDB245799-1.png" id="kaleidoscope" alt="Kaleidoscope">
<!--24, May 23--><img src="media/products/dino/GGOEGFBA241299-1.png" id="figure-accessory-youtube" alt="Dino YouTube Accessory">
<!--24, ??? ??--><img src="media/products/dino/GGCNGXXX1050-1.png" id="holiday-lodge-sweater" alt="Holiday Lodge Sweater">
<!--24, ??? ??--><img src="media/products/dino/GGCNGDWH104899-1.png" id="holiday-lodge-mug" alt="Holiday Lodge Mug">
<!--24, ??? ??--><img src="media/products/dino/GGCNGOBJ104999-1.png" id="holiday-lodge-ornament" alt="Holiday Lodge Ornament">
<!--24, ??? ??--><img src="media/products/dino/GGL2225-1.png" id="holiday-lodge-mug-ww" alt="Holiday Lodge Mug">
<!--24, ??? ??--><img src="media/products/dino/GGL2219-1.png" id="holiday-lodge-bauble" alt="Holiday Lodge Bauble">
<!--24, ??? ??--><img src="media/products/dino/GGOEGCXH236899-1.png" id="holiday-lodge-socks" alt="Holiday Lodge Socks">
<!--24, ??? ??--><img src="media/products/dino/GGL2203-1.png" id="stan-mug" alt="Stan Mug">
<!--24, ??? ??--><img src="media/products/dino/GGL2144-1.png" id="tee-green" alt="Tee Green">
<!--24, ??? ??--><img src="media/products/dino/GGL2121-1.png" id="blanket" alt="Blanket">
<!--24, ??? ??--><img src="media/products/dino/GGL2120-1.png" id="bottle" alt="Bottle">
<!--24, ??? ??--><img src="media/products/dino/GGL2117-1.png" id="pens-multipack" alt="Pens Multipack">
<!--24, ??? ??--><img src="media/products/dino/GGL2116-1.png" id="socks-ww" alt="Dino Socks">
<!--24, ??? ??--><img src="media/products/dino/GGL2095-1.png" id="stan-scarf" alt="Winter Stan Scarf">
<!--24, ??? ??--><img src="media/products/dino/GGL2064-1.png" id="dino-tee" alt="Dino Tee">
<!--24, ??? ??--><img src="media/products/dino/GGOEGCBB230999-1.png" id="shoe-charm" alt="Shoe Charm">
<!--24, ??? ??--><img src="media/products/dino/GGOEGCXQ228699-1.png" id="colorful-socks" alt="Colorful Socks">
<!--24, ??? ??--><img src="media/products/dino/GGOEGFNH228499-1.png" id="brick-set" alt="Brick Set">
<!--24, Apr 12--><img src="media/products/dino/GGOEGHPB227099-1.png" id="game-over-cap" alt="Game Over Cap">
<!--23, Dec ??--><img src="media/products/dino/GGL2041-1.png" id="stan-jumper" alt="Winter Stan Jumper">
<!--23, ??? ??--><img src="media/products/dino/GGOEGCBB220899-1.png" id="eco-zipper-pull" alt="Eco Wood Zipper Pull">
<!--23, ??? ??--><img src="media/products/dino/GGOEGOBB216099-1.png" id="wood-magnet" alt="Eco Wood Magnet">
<!--23, ??? ??--><img src="media/products/dino/GGOEGOAH216799-2.png" id="floating-pen" alt="Floating Pen">
<!--23, Aug ??--><img src="media/products/dino/GGOEGCBQ215799-1.png" id="surfing-patch" alt="Surfing Patch">
<!--??, ??? ??--><img src="media/products/dino/GGOEGBRB212599-1.png" id="recycled-backpack" alt="Recycled Backpack">
<!--??, ??? ??--><img src="media/products/dino/GGOEGFDA213699-1.png" id="figure-accessory-party" alt="Dino Party Accessory">
<!--??, ??? ??--><img src="media/products/dino/GGOEGFDA213799-1.png" id="figure-accessory-googler" alt="Dino Googler Accessory">
<!--23, ??? ??--><img src="media/products/dino/GGOEGOKA212399-4.png" id="glow-stickers" alt="Glow Stickers">
<!--23, Aug 29--><img src="media/products/dino/GGOEGDWB211499-1.png" id="game-over-mug" alt="Game Over Mug">
<!--23, Aug 27--><img src="media/products/dino/GGOEGOBB211299-1.png" id="rope-lanyard" alt="Rope Lanyard">
<!--22, ??? ??--><img src="media/products/dino/GGOEGXXX2075-1.png" id="unisex-shirt" alt="Unisex Shirt">
<!--22, ??? ??--><img src="media/products/dino/GGOEGCBB203299-1.png" id="enamel-pin" alt="Enamel Pin">
<!--22, Nov 30--><img src="media/products/dino/GGCOGCBA196099-1.png" id="party-card" alt="Party Time Greeting Card">
<!--22, Nov 30--><img src="media/products/dino/GGOEGXXX2003-1.png" id="camp-shirt" alt="Camp Shirt">
<!--22, Nov 11--><img src="media/products/dino/GGOEGFBA202499-1.png" id="holiday-sweater" alt="Holiday Sweater Ornament">
<!--22, Nov 11--><img src="media/products/dino/GGOEGAEA200799-1.png" id="holiday-scarf" alt="Holiday Scarf">
<!--22, Nov 11--><img src="media/products/dino/GGOEGAEA199699-1.png" id="holiday-socks" alt="Holiday Socks">
<!--22, Aug 10--><img src="media/products/dino/GGOEGHPB175810-1.png" id="recycled-cap" alt="Recycled Cap">
<!--22, Aug 10--><img src="media/products/dino/GGOEGXXX1952-1.png" id="ultralight-sweater" alt="Ultralight Sweatshirt">
<!--22, Aug 10--><img src="media/products/dino/GGOEGXXX1959-1.png" id="toddler-tee" alt="Toddler Tee">
<!--22, Jun 25--><img src="media/products/dino/GGOEGFKA194899-1.png" id="keyboard-sticker" alt="Keybaord Sticker">
<!--22, Jun 25--><img src="media/products/dino/GGOEGCBA195199-1.png" id="keychain" alt="Keychain">
<!--22, Jun 15--><img src="media/products/dino/GGL1726-1.png" id="stan-badge" alt="Stan Pin Badge">
<!--22, Jun 15--><img src="media/products/dino/GGL1662-1.png" id="stan-sticker" alt="2D Stan Sticker">
<!--22, Jun 14--><img src="media/products/dino/GGL1593-1.png" id="kids-tee-red" alt="Kids 2D Tee - Red">
<!--22, Jan 21--><img src="media/products/dino/GGOEGCBA180699-1.png" id="zipper-pull" alt="Zipper Pull">
<!--22, Jan 21--><img src="media/products/dino/GGOEGXXX1730-1.png" id="youth-tee" alt="Youth Tee">
<!--21, Sep 26--><img src="media/products/dino/GGOEGCKA176099-1.png" id="sticker" alt="Patch">
<!--21, Sep 26--><img src="media/products/dino/GGOEGCBA173999-1.png" id="patch" alt="Patch">
<!--21, May 7--><img src="media/products/dino/GGOEGAKB165910-1.png" id="socks" alt="Socks">
<!--21, Apr 27--><img src="media/products/dino/GGOEGCBB165899-1.png" id="food-container" alt="Dino Food Container">
<!--21, Jan 22--><img src="media/products/dino/GGOEGDHB163199-1.png" id="light-up-bottle" alt="Marine Layer Tee">
<!--20, Aug 10--><img src="media/products/dino/GGOEGXXX1194-1.png" id="marine-tee" alt="Marine Layer Tee">
<!--19, Apr 16--><img src="media/products/dino/GGOEGABQ170299-1.png" id="figure-set-dark" alt="Dino Set Dark">
<!--19, Apr 16--><img src="media/products/dino/GGOEGABJ125299-1.png" id="figure-set" alt="Dino Set">
</div>
<div id="Archives" class="branding">
<p><b style="color:#BEBEBE">Droid Pack Archives</b></p>
<a href="/"><img src="meta/button-bugdroid-modern.gif" class="i" alt="Android web button"></a>
<img src="meta/button-dino.gif" class="d" alt="Chrome Dino web button">
<a href="gemini"><img src="meta/button-gemini.gif" class="i" alt="Gemini web button"></a>
<img src="meta/button-google.gif" class="d" alt="Google web button">
<a href="youtube"><img src="meta/button-youtube.gif" class="i" alt="YouTube web button"></a>
</div>
<!--begin the JS stuff-->
<div id="prod">
<button onclick="returnToBrowse()" style="font-size:1.2em;margin-top:5px">Close</button>
<div class="individual">
<div class="box" id="Gallery">
<img src="" id="prod-images" alt="" style="width:100%">
<header><button id="prev-button" onclick="prevSlide()">◀</button> <button id="next-button" onclick="nextSlide()">▶</button></header>
</div>
<div class="box" id="About">
<h2 style="margin-left:10px;font-weight:normal"><span id="prod-name"></span></h2>
<p><span id="prod-descrip"></span></p>
<ul>
<li><mark>Manufacturer:</mark> <span id="prod-maker"></span></li>
<li><mark>Release Year:</mark> <span id="prod-year"></span></li>
<li><mark>ID:</mark> <span id="prod-id"></span></li>
<li><mark>Price:</mark> <span id="prod-price"></span></li>
</ul>
</div>
</div>
</div>
</body>
</html>