-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathzelda-wiki.html
135 lines (130 loc) · 7.26 KB
/
zelda-wiki.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-317947-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-317947-1');
</script>
<meta charset="utf-8">
<!-- HTML Meta Tags -->
<title>Zeldapedia - Product Design by Jess Rappaport</title>
<meta name="description" content="Product Design by Jess Rappaport.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://goldenchaos.net/zeldapedia">
<meta property="og:type" content="website">
<meta property="og:title" content="Zeldapedia - Product Design by Jess Rappaport">
<meta property="og:description" content="Product Design by Jess Rappaport.">
<meta property="og:image" content="https://goldenchaos.net/og-image.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="goldenchaos.net">
<meta property="twitter:url" content="https://goldenchaos.net/zeldapedia">
<meta name="twitter:title" content="Zeldapedia - Product Design by Jess Rappaport">
<meta name="twitter:description" content="Product Design by Jess Rappaport.">
<meta name="twitter:image" content="https://goldenchaos.net/og-image.png">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Jess Rappaport">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<script src="https://kit.fontawesome.com/ede7ed9b9e.js" crossorigin="anonymous"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
<link rel="mask-icon" href="website_icon.svg" color="#4083a0">
<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>
</head>
<body>
<div class="page-top zelda-wiki">
<nav>
<a id="logo" class="back-logo" href="index.html">
<i class="fas fa-chevron-left mobile"></i>
</a>
<div class="menu">
<div>
<a class="social" href="https://twitch.tv/jessrappaport" target="_blank"><i class="fab fa-twitch"></i></a>
<a class="social" href="https://discord.gg/kp3s6ysCtn" target="_blank"><i class="fab fa-discord"></i></a>
<a class="social" href="https://instagram.com/goldenchaos" target="_blank"><i class="fab fa-instagram"></i></a>
<a class="social" href="https://threads.net/@goldenchaos" target="_blank"><i class="fab fa-at"></i></a>
<a class="social" href="https://twitter.com/goldenchaos" target="_blank"><i class="fab fa-twitter"></i></a>
<a class="social" href="https://www.linkedin.com/in/goldenchaos" target="_blank"><i class="fab fa-linkedin"></i></a>
<a class="social" href="mailto:jess@goldenchaos.net"><i class="fa fa-envelope-square"></i></a>
</div>
<div class="desktop">
<a href="index.html">
<i class="fas fa-chevron-left" style="font-size:14px;margin-right:3px;"></i> Back to Home
</a>
</div>
</div>
</nav>
<div class="splash-bg zelda-wiki">
<div class="site-logo"></div>
<div class="meta">
<div class="meta-bg"></div>
<div class="info">
<div class="info-bit">
<label>Available From</label>
<span>2005-Present</span>
</div>
<div class="info-bit">
<label>Roles</label>
<span>Co-Founder, Lead Product Designer</span>
</div>
<div class="info-bit">
<label>Screens</label>
<span>Mobile Web, Desktop Web</span>
</div>
</div>
<div class="links-wrapper">
<label class="mobile">Available On</label>
<div class="links">
<a class="round-link" style="width:100%;" href="https://zeldawiki.net/" target="_blank">
<span class="fa-stack fa-2x">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-solid fa-earth-americas fa-stack-1x"></i>
</span>
<span class="desc">Zelda Wiki on the Web</span>
</a>
</div>
</div>
</div>
<div class="chevron"></div>
</div>
</div>
<div class="content page">
<div class="page-padding">
<h1 style="margin-top:12px;margin-bottom:0;width:85%;" class="title">Designing one of the world's largest game wikis.</h1>
<p>I and <a href="zelda-universe.html">Zelda Universe</a> forum member Jon Partridge (aka "Yami") originally created the Zelda Universe Wiki in 2005 out of pure boredom. Once the project outgrew its roots, I renamed it to Zelda Wiki, gave it its own domain, and invited other Zelda fan communities to help build it with me and the other Zelda Universe staff. This experiment in cross-community collaboration was an incredible success, and since then Zeldapedia has become the world's definitive source of information on Nintendo's <i>Legend of Zelda</i> franchise.</p>
<p>Zelda Wiki also co-founded the <a href="http://www.niwanetwork.org" target="_blank">NIWA wiki network</a>, a network of the most popular independently-hosted game wikis online.</p>
</div>
<div class="page-padding">
<h1>New Logo, 2022</h1>
<img src="images/zelda-wiki-logo.png" alt="Zelda Wiki Logo">
</div>
<div class="page-padding">
<h1>Zelda Wiki - Mobile</h1>
</div>
<style>
.screenshot-grid-3-col img { box-shadow: none; }
</style>
<div class="screenshot-grid-3-col">
<img src="images/zelda-wiki/mobile/frames/main-page.png" alt="screenshot">
<img src="images/zelda-wiki/mobile/frames/botw.png" alt="screenshot">
<img src="images/zelda-wiki/mobile/frames/midna.png" alt="screenshot">
</div>
<div class="page-padding">
<h1>Zelda Wiki - Desktop</h1>
</div>
<div class="screenshot-grid-2-col alt">
<img src="images/zelda-wiki/desktop/zelda.gamepedia.com_Midna.png" alt="screenshot" />
<img src="images/zelda-wiki/desktop/zelda.gamepedia.com_Main_Page (1).png" alt="screenshot" />
<img src="images/zelda-wiki/desktop/zelda.gamepedia.com_The_Legend_of_Zelda__Breath_of_the_Wild (1).png" alt="screenshot" />
</div>
</div>
<footer>
<span>© 2004-<script>document.write(new Date().getFullYear())</script> Jess Rappaport</span>
</footer>
</body>
</html>