-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
204 lines (200 loc) · 9.62 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="EN-US">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>MediaMod</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<link href="https://unpkg.com/bulma-modal-fx/dist/css/modal-fx.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/bulma-modal-fx/dist/js/modal-fx.min.js" type="text/javascript"></script>
<meta property="og:title" content="MediaMod">
<meta property="og:site_name" content="">
<meta property="og:url" content="https://mediamodmc.github.io">
<meta property="og:description" content="MediaMod is a mod for Minecraft Forge 1.8.9 & 1.12.2. MediaMod will display a visual representation of the current track on your screen with information about the track.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mediamodmc.github.io/img/icon.png">
</head>
<body>
<!-- related modal with fx class "modal-fx-fadeInScale" -->
<div class="modal modal-fx-fadeInScale" id="modal-id">
<div class="modal-background"></div>
<div class="modal-content">
<div class="box">
<div class="content">
<div class="has-text-centered">
<h1 class="subtitle">
Select your browser
</h1>
<a class="button is-medium is-primary"
href="https://addons.mozilla.org/en-US/firefox/addon/mediamod/">
<span class="icon">
<i class="fab fa-firefox"></i>
</span>
<span>Firefox</span>
</a>
<a class="button is-medium is-primary"
href="https://chrome.google.com/webstore/detail/mediamod/oeocpffgjbagninjebpgopolopdegogb">
<span class="icon">
<i class="fab fa-chrome"></i>
</span>
<span>Chrome</span>
</a>
</div>
</div>
</div>
</div>
<button aria-label="close" class="modal-close is-large" onclick="hideModal()"></button>
</div>
<div class="hero is-dark">
<section class="section">
<div class="container is-centered">
<div class="columns is-mobile is-vcentered">
<div class="column is-narrow">
<img alt="MediaMod Icon" class="image is-inline-block" src="img/icon.png"
style="border-radius: 20px; width: 100px;">
</div>
<div class="column is-multiline">
<h1 class="title">MediaMod</h1>
<h1 class="subtitle">
View the song that you are currently playing in Minecraft!
</h1>
</div>
</div>
<div class="buttons">
<a class="button is-medium is-primary" href="https://github.com/MediaModMC/MediaMod/releases">
<span class="icon">
<i class="fas fa-download"></i>
</span>
<span>Download Latest</span>
</a>
<span class="button is-medium is-primary modal-button" data-target="modal-id" onclick="showModal()">
<span class="icon">
<i class="fas fa-download"></i>
</span>
<span>Browser Extension</span>
</span>
<a class="button is-medium is-info" href="https://inv.wtf/mediamod">
<span class="icon">
<i class="fab fa-discord"></i>
</span>
<span>Discord</span>
</a>
<a class="button is-medium" href="https://github.com/MediaModMC">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>GitHub</span>
</a>
</div>
</div>
</section>
</div>
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-8-desktop is-offset-2-desktop">
<div class="content">
<h3>What is MediaMod?</h3>
<p>
MediaMod is a mod for Minecraft Forge 1.8.9 & 1.12.2. MediaMod will display a visual representation of the current track on your screen with information about the track.
The streaming services that are currently supported are:
</p>
<ul>
<li>
<a href="https://spotify.com">Spotify</a>
</li>
<li>
<a href="https://soundcloud.com">SoundCloud</a>
</li>
<li>
<a href="https://youtube.com">YouTube</a>
</li>
<li>
<a href="https://music.youtube.com">YouTube Music</a>
</li>
<li>
<a href="https://beta.music.apple.com">Apple Music</a>
</li>
</ul>
<div id="how_to_install"></div>
<h3>Try it out!</h3>
<p>
To download and install MediaMod for Forge, follow these steps:
</p>
<ol>
<li>
<p>
Download the <strong>latest version</strong> of MediaMod for your Minecraft Version
</p>
</li>
<li>
<p>
Depending on your <strong>operating system</strong>, the following step will differ
</p>
<ul>
<li>
<p><strong>Linux</strong>:<br>Open Terminal and type the following command:
<code>cd
~/.minecraft</code>
<p>Then, type this command: <code>mv /path/to/mod.jar mods/</code>
</li>
<br>
<li>
<p><strong>Windows</strong>:<br>Press the Windows key + R, in the dialog that
appears type: <code>%appdata%\.minecraft</code>
<p>Then, drag the MediaMod jar file into the <code>mods</code> directory</p>
</li>
<br>
<li>
<p><strong>macOS / OS X</strong>:<br>In Finder, from the Go menu, select <code>Go to
Folder</code>, then type: <code>~/Library/Application Support/minecraft</code>,
and click Go.
<p>Then, drag the MediaMod jar file into the <code>mods</code> directory</p>
</li>
<br>
</ul>
</li>
<li>
<p>
Open the Minecraft Launcher and start Forge, enjoy MediaMod!
</p>
</li>
</ol>
<h3>Browser Integration</h3>
<ul>
<li>
<p>
<strong>If you are on v1.0</strong>, download the <strong>latest version</strong> of the extension from your web store
and enjoy!<br>
<small>Note: you may need to restart your Minecraft Client after installing the
extension for it to take effect!</small>
</p>
</li>
<li>
<p><strong>If you are on the 2.0 beta</strong>, you have to download it from the 2.0.0-beta.1 pre-release page. You can find instructions <a href="https://github.com/MediaModMC/MediaMod/releases/tag/2.0.0-beta.1">here.</a></p>
</li>
</ul>
<h3>Updating MediaMod</h3>
<p>
To update MediaMod, if you are on <strong>version 2.0 or higher</strong>, you can use the <code>/mmupdate</code>
command to automatically update MediaMod. If you are <strong>not on version 2.0</strong>, go
back to the <a href="#how_to_install">installation instructions</a>
</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
</footer>
<script>
function showModal() {
document.getElementById("modal-id").classList.add("is-active")
}
function hideModal() {
document.getElementById("modal-id").classList.remove("is-active")
}
</script>
</body>
</html>