mirror of https://github.com/kurisufriend/0x40-web
William Toohey
10 years ago
parent
e60b2bc868
commit
d0f17ba999
@ -0,0 +1,29 @@ |
||||
JS=HuesCanvas.js HuesCore.js HuesSettings.js HuesUI.js ResourceManager.js ResourcePack.js SoundManager.js
|
||||
|
||||
all: |
||||
cd ./js ; java -jar ../compiler.jar --js $(JS) --js_output_file hues-min.js
|
||||
-rm ./css/hues-min.css
|
||||
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-m-min.css hues-m.css
|
||||
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-r-min.css hues-r.css
|
||||
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-w-min.css hues-w.css
|
||||
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-x-min.css hues-x.css
|
||||
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-res-min.css hues-res.css
|
||||
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o style-min.css style.css
|
||||
cat ./css/*-min.css >> hues-min.css
|
||||
cat ./css/font-awesome.min.css >> hues-min.css
|
||||
rm ./css/*-min.css
|
||||
mv ./hues-min.css ./css/
|
||||
|
||||
pack: |
||||
mkdir -p release
|
||||
cp index-min.html release/index.html
|
||||
cp favicon.ico release/
|
||||
mkdir -p release/js
|
||||
mkdir -p release/css
|
||||
mkdir -p release/fonts
|
||||
mkdir -p release/respacks
|
||||
cp -r respacks release/
|
||||
cp -r fonts release/
|
||||
cp -r js/lib release/js
|
||||
cp js/hues-min.js release/js
|
||||
cp css/hues-min.css release/css
|
||||
@ -0,0 +1,107 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" > |
||||
<head> |
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
||||
<title>0x40</title> |
||||
<!-- Non minified at https://github.com/mon --> |
||||
<link rel="stylesheet" href="css/hues-min.css"> |
||||
<script type="text/javascript" src="js/hues-min.js"></script> |
||||
<script type="text/javascript" src="js/lib/zip.js"></script> |
||||
<script type="text/javascript" src="js/lib/zip-fs.js"></script> |
||||
<script type="text/javascript"> |
||||
window.onload = function() { |
||||
zip.workerScriptsPath = "js/lib/"; |
||||
var defaults = { |
||||
respacks : ["./respacks/Defaults_v5.0.zip", |
||||
"./respacks/CharPackagev0.03.zip", |
||||
"./respacks/HuesMixA.zip", |
||||
//"./respacks/HuesMixB.zip", |
||||
//"./respacks/PackShit.zip" |
||||
], |
||||
firstSong : "Nhato - Miss You", |
||||
//load : false, //debug |
||||
//autoplay : false // debug |
||||
}; |
||||
core = new HuesCore(defaults); |
||||
}; |
||||
</script> |
||||
</head> |
||||
<body> |
||||
<div id="preloadHelper"> |
||||
<div id="preloader"> |
||||
<div id="preMain">0x00</div> |
||||
<div id="preSub"></div> |
||||
</div> |
||||
</div> |
||||
<div id="settingsHelper"> |
||||
<div id="settingsWindow"> |
||||
<div id="closeButton">x</div> |
||||
<div id="tabs"> |
||||
<input class="tab-input" type="radio" name="tabs" id="tab1"> |
||||
<label class="tab-label" for="tab1">RESOURCES</label> |
||||
<input class="tab-input" type="radio" name="tabs" id="tab2"> |
||||
<label class="tab-label" for="tab2">OPTIONS</label> |
||||
<input class="tab-input" type="radio" name="tabs" id="tab3" checked> |
||||
<label class="tab-label" for="tab3">INFO</label> |
||||
<div id="tab1-content" class="tab-content"> |
||||
<!-- Populated by ResourceManager.js --> |
||||
<div id="huesResources"></div> |
||||
</div> |
||||
<div id="tab2-content" class="tab-content"> |
||||
<!-- Populated by HuesSettings.js --> |
||||
<div id="huesSettings"></div> |
||||
</div> |
||||
<div id="tab3-content" class="tab-content"> |
||||
<div id="about"> |
||||
<h1>0x40 Hues of JS, v0.1</h1> |
||||
<h2>Adapted from the <a target="_blank" href="http://0x40hues.blogspot.com">0x40 Flash</a></h2> |
||||
<h2>Web-ified by <a target="_blank" href="https://github.com/mon">mon</a></h2> |
||||
<h3>With help from <a target="_blank" href="https://github.com/kepstin/0x40hues-html5">Kepstin</a></h3> |
||||
</div> |
||||
<div id="reference"> |
||||
<div class="info-ref"> |
||||
<h3>Beat glossary</h3> |
||||
<ul> |
||||
<li>x Vertical blur (snare)</li> |
||||
<li>o Horizontal blur (bass)</li> |
||||
<li>- No blur</li> |
||||
<li>+ Blackout</li> |
||||
<li>| Short blackout</li> |
||||
<li>: Color only</li> |
||||
<li>* Image only</li> |
||||
<li>X Vertical blur only</li> |
||||
<li>O Horizontal blur only</li> |
||||
<li>~ Fade color</li> |
||||
<li>= Fade and change image</li> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="info-ref"> |
||||
<h3>Keyboard shortcuts</h3> |
||||
<ul> |
||||
<li>↑↓ Change song</li> |
||||
<li>←→ Change image</li> |
||||
<li>[SHIFT] Random song</li> |
||||
<li>-+ Change volume</li> |
||||
<li>[M] Toggle mute</li> |
||||
<li>[F] Toggle automode</li> |
||||
<li>[H] Toggle UI hide</li> |
||||
<li>[C] Character list</li> |
||||
<li>[S] Song list</li> |
||||
<li>[W] Toggle window</li> |
||||
<li>[R] Resource packs</li> |
||||
<li>[O] Options</li> |
||||
<li>[I] Information</li> |
||||
<li>[1-4] Change UI</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- Populated by HuesUI.js --> |
||||
<div id="huesUI"></div> |
||||
<canvas id="waifu" width="1280" height="720"></canvas> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue