PartyPlanner64.github.io/index.html at master · PartyPlanner64/PartyPlanner64.github.io · GitHub

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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE HTML>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <title>PartyPlanner64 - Mario Party Board Editor</title>
    <meta name="description" content="Board editor for the Mario Party Nintendo 64 titles">
    <meta name="author" content="PartyPlanner64">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Facebook OpenGraph details -->
    <meta property="og:title" content="PartyPlanner64 - Mario Party Board Editor"/>
    <meta property="og:description" content="Create custom Mario Party boards! If you have the original game's ROM, you can insert your boards into the game and play in emulators or on the N64." />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="" />
    <meta property="og:url" content="http://partyplanner64.github.io" />

    <!-- Twitter cards -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@PartyPlanner64" />
    <meta name="twitter:title" content="PartyPlanner64 - Mario Party Board Editor" />
    <meta name="twitter:description" content="Create custom Mario Party boards! If you have the original game's ROM, you can insert your boards into the game and play in emulators or on the N64." />
    <meta name="twitter:image" content="" />

    <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="img/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="img/manifest.json">
    <link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="img/favicon.ico">
    <meta name="msapplication-config" content="img/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="css/normalize.css"></link>
    <link rel="stylesheet" href="css/skeleton.css"></link>
    <link rel="stylesheet" href="css/index.css"></link>
  </head>
  <body>
    <div class="container">
      <header class="row">
        <img alt="PartyPlanner64 logo" src="img/logo.png" class="logo" />
      </header>
      <div class="row center">
        <h2>A classic Mario Party board editor</h2>
        <div class="screenshot-wrapper">
          <img alt="Browser chrome" src="img/browserchrome.png" class="screenshot" />
          <div class="screenshot-image-wrapper">
            <img class="screenshot" src="img/screenshots/starsummit.png"
              alt="PartyPlanner64 screenshot of Star Summit board" />
            <img class="screenshot" src="img/screenshots/toydream.png"
              alt="PartyPlanner64 screenshot of Toy Dream board" />
          </div>
          <iframe id="promoVid" class="promoVid" width="100%" height="100%" src="https://www.youtube.com/embed/_PyhmEdD7oc" frameborder="0" allowfullscreen></iframe>
          <div class="screenshot-overlay">
            <div class="play-button-outer">
              <div class="play-button"></div>
            </div>
          </div>
        </div>
        <a class="button button-editor" href="https://PartyPlanner64.github.io/PartyPlanner64">Start creating</a>
        <br />
        <span class="download-subtitle">No download required</span>
        <br />
        <br />
        <a class="button button-download" href="https://github.com/PartyPlanner64/PartyPlanner64/releases">Downloadable releases are available</a>
        <br />
        <br />
        <a class="button button-download button-merch" href="https://teespring.com/stores/partyplanner64">
          <img class="merch-image" src="img/shirt.png" alt="PartyPlanner64 shirt" />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Official merchandise
        </a>
      </div>
      <br />
      <div class="row text-row">
        <div class="one-half column">
          <h3>Relive the classics</h3>
          <span class="bigger-details">
            Create new experiences for the Mario Party 64 trio.
          </span>
        </div>
        <div class="one-half column">
          <h3>Play on real hardware</h3>
          <span class="bigger-details">
            PartyPlanner64 exports ROMs that will work on your N64. All you need
            is a flash cartridge and an Expansion Pak.
          </span>
        </div>
      </div>
      <br />
      <div class="row text-row">
        <div class="one-half column">
          <h3>Share your boards</h3>
          <span class="bigger-details">
            Boards you create can be exported and
            <a href="http://www.mariopartylegacy.com/forum/index.php?action=downloads" target="_blank">shared with others</a>.
            No need to create a ROM patch.
          </span>
        </div>
        <div class="one-half column">
          <a href="http://www.mariopartylegacy.com/forum/index.php?action=downloads" target="_blank">
            <img alt="Board directory screenshot" src="img/boarddirectory.png" class="screenshot-wrapper" />
          </a>
        </div>
      </div>
      <div class="row text-row">
        <div class="one-half column">
          <img alt="Model Viewer screenshot" src="img/modelviewer.png" class="screenshot-wrapper" />
        </div>
        <div class="one-half column">
          <h3>Custom Model Viewer</h3>
          <span class="bigger-details">View models and their animations stored in ROM data. Export models to the glTF file format.</span>
        </div>
      </div>
      <div class="row text-row">
        <div class="one-half column">
          <h3>Create custom events</h3>
          <span class="bigger-details">
            Write custom happening space code in C or MIPS. Bring your boards to life!
          </span>
        </div>
        <div class="one-half column">
            <a href="https://github.com/PartyPlanner64/PartyPlanner64" target="_blank">
            <img alt="PartyPlanner64 custom event code screenshot" src="img/codescreenshot.png" class="screenshot-wrapper" />
          </a>
        </div>
      </div>
      <div class="row text-row">
        <div class="one-half column">
          <a href="https://github.com/PartyPlanner64/PartyPlanner64" target="_blank">
            <img alt="PartyPlanner64 github screenshot" src="img/githubscreenshot.png" class="screenshot-wrapper" />
          </a>
        </div>
        <div class="one-half column">
          <h3>Open source</h3>
          <span class="bigger-details">
            Contribute to <a href="https://github.com/PartyPlanner64/PartyPlanner64" target="_blank">PartyPlanner64 on Github</a>.
          </span>
        </div>
      </div>
      <footer class="row disclaim-row">
        <small class="disclaim">PartyPlanner64 is not affiliated with Nintendo or Hudson. Mario Party is a registered trademark of Nintendo.</small>
      </footer>
    </div>

    <script type="text/javascript">
      // Hide images and switch to promo video.
      var overlay = document.querySelector(".screenshot-overlay");
      overlay.addEventListener("click", function() {
        var video = document.getElementById("promoVid");
        video.style.display = "block";
        video.src += "?autoplay=1"

        // Hide images
        var images = [].slice.call(overlay.parentElement.querySelectorAll(".screenshot"));
        images.map(function(img) {
          img.style.visibility = "hidden";
        });

        overlay.style.display = "none";
      });
    </script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-111788770-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag("js", new Date());
      gtag("config", "UA-111788770-1");
    </script>
  </body>
</html>