commit d27b13ca555c425c68b14993f9660801413c57b4 Author: László Károlyi Date: Fri Jun 12 16:18:39 2015 +0200 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8d4ae25 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +bower_components diff --git a/assets/app.js b/assets/app.js new file mode 100644 index 0000000..502fafb --- /dev/null +++ b/assets/app.js @@ -0,0 +1,79 @@ +'use strict'; +/*global jQuery*/ +/** + * Made by http://linkedin.com/in/karolyi + */ +(function ($) { + var beepThree; + var ledTimeoutId; + var litLedId = 0; + var swingDirection; + var maxMenuCount; + var actualMenuId = 1; + var jqMenuLeds; + + var onClickMenu = function (event) { + var jqLiMenuElement = $(this); + actualMenuId = parseInt(jqLiMenuElement.data('menuid'), 10); + if (beepThree.pause && beepThree.play) { + beepThree.pause(); + beepThree.play(); + } + swingDirection = 'forward'; + swingLedsToMenu(); + }; + + var swingLedsToMenu = function () { + if (ledTimeoutId) { + // Clear if there's any running swing + clearTimeout(ledTimeoutId); + ledTimeoutId = null; + } + litLedId = 0; + lightUpNextLed(); + }; + + var lightUpNextLed = function () { + var doNextCycle = false; + litLedId += swingDirection === 'forward' ? 1 : -1; + if ( + (actualMenuId === maxMenuCount && litLedId === maxMenuCount) || + (swingDirection == 'backward' && litLedId === actualMenuId)) { + doNextCycle = false; + } else { + doNextCycle = true; + } + if (swingDirection === 'forward' && litLedId === maxMenuCount && doNextCycle) { + swingDirection = 'backward'; + } + jqMenuLeds.removeClass('active'); + var jqMenuLedToLight = $(jqMenuLeds.get(litLedId - 1)); + jqMenuLedToLight.addClass('active'); + if (doNextCycle) { + ledTimeoutId = setTimeout(lightUpNextLed, 30); + } else { + ledTimeoutId = null; + } + }; + + var onReadyDocument = function () { + // Startup functions + $('.mainContent').height($(window).height()); + beepThree = $('#beep-three')[0]; + $('#menu-chooser li').click(onClickMenu); + jqMenuLeds = $('#menu-chooser li .gomb'); + maxMenuCount = jqMenuLeds.length; + }; + + // function menuClick(obj){ + // var src = "images/lampa_animation.gif"; + // obj.attr('src', src); + // var t = setTimeout(function(){ + // var src = obj.attr('src')=="/images/lampa_animation.png"?"/images/lampa_active.gif":"images/lampa_active.png"; + // obj.attr('src', src); + // window.location = obj.data('location'); + // }, 3000); + // } + + $(document).ready(onReadyDocument); +})(jQuery); diff --git a/assets/main.css b/assets/main.css new file mode 100644 index 0000000..4a744a9 --- /dev/null +++ b/assets/main.css @@ -0,0 +1,216 @@ +body { + margin: 0; + background-color: #000; + overflow-y: hidden; +} + +.mainContent { + background: url(../images/palinkafozo_hatter.jpg) no-repeat top center; + width: 100%; + max-width: 1080px; + margin: 0 auto; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.head { + /*margin-top: 10px;*/ + margin-left: 40px; +} + +.headLeft { + background: url(../images/predikator_leparlo_logo.png) no-repeat center top; + width: 26.35%; + height: 247px; + float: left; + position: relative; + top: 10px; + left: 13px; + z-index: 2; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.headCenter { + background: url(../images/palinkafozo_fejlec.png) no-repeat center top; + width: 46.74%; + height: 144px; + float: left; + position: relative; + top: 5px; + z-index: 2; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.headRight { + background: url(../images/leparlo_menudisz.png) no-repeat center top; + width: 22.9%; + height: 99px; + float: left; + position: relative; + top: 25px; + z-index: 2; + left: 23px; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.contentLeft { + background: url(../images/leparlokeszulek.jpg) no-repeat center top; + float: left; + width: 21.95%; + height: 341px; + position: relative; + top: -65px; + left: 90px; + z-index: 2; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.contentCenter { + background: url(../images/palinkafozo_tartalom.jpg) no-repeat center top; + float: left; + width: 49.8%; + height: 517px; + position: relative; + z-index: 1; + top: -150px; + /*left: 25px;*/ + left: 35px; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.contentRight { + background: url(../images/leparlokeszulek_menu_hetter.jpg) no-repeat center top; + float: left; + width: 21.37%; + height: 342px; + position: relative; + z-index: 101; + top: -121px; + left: 50px; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; +} + +.contentRight ul { + padding: 0; + margin-left: -5px; + list-style-type: none; + margin-top: 26px; +} + +.contentRight ul li { + height: 35px; + cursor: pointer; +} + +.contentRight ul li .lamp { + /*background: url(../images/lampa_inactive.png) no-repeat left top;*/ + width: 86px; + height: 47px; + display: inline-block; +} + +.contentRight ul li:active .lamp { + /*background: url(../images/lampa_animation.gif) no-repeat left top;*/ + width: 86px; + height: 47px; + display: inline-block; +} + +.contentRight ul li .menubg { + background: url(../images/menu.png) no-repeat left top; + width: 116px; + height: 47px; + display: inline-block; + margin-left: -20px; +} + +.contentRight ul li:hover .menubg { + background: url(../images/menu_hover.png) no-repeat left top; +} + +.contentRight ul li .gomb { + background: url(../images/gomb_inactive.png) no-repeat left center; + width: 20px; + height: 47px; + display: inline-block; +} + +.contentRight ul li .gomb.active { + background: url(../images/gomb_active.png) no-repeat left center; +} + +.clearfix { + clear: both; +} + +#beep-three { + display: none; +} + +.fust { + display: none; + background: transparent; + /*background-size: 100%;*/ + width: 257px; + height: 300px; + /* max-width: 1px; + max-height: 1px;*/ + position: absolute; + z-index: 100; +} + +@media (max-width: 900px) { + .contentLeft { + top: -96px; + left: 69px; + } +} + +@media (max-width: 800px) { + .contentLeft { + top: -112px; + left: 66px; + width: 21.6%; + } +} + +@media (max-width: 370px) { + .contentLeft { + top: -183px; + left: 51px; + width: 20.3%; + } + .contentCenter { + top: -210px; + left: 33px; + } + .contentRight { + width: 14.5%; + top: -199px; + left: 37px; + } + .headRight { + width: 17.9%; + left: 26px; + } +} diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..9305694 --- /dev/null +++ b/bower.json @@ -0,0 +1,22 @@ +{ + "name": "Hamori System", + "version": "0.0.0", + "authors": [ + "László Károlyi " + ], + "description": "Predikator Leparlo", + "moduleType": [ + "amd" + ], + "license": "MIT", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "jquery": "~2.1.4" + } +} diff --git a/images/gomb_active.png b/images/gomb_active.png new file mode 100644 index 0000000..d774ade Binary files /dev/null and b/images/gomb_active.png differ diff --git a/images/gomb_inactive.png b/images/gomb_inactive.png new file mode 100644 index 0000000..559c581 Binary files /dev/null and b/images/gomb_inactive.png differ diff --git a/images/lampa_active.png b/images/lampa_active.png new file mode 100644 index 0000000..6d646e5 Binary files /dev/null and b/images/lampa_active.png differ diff --git a/images/lampa_animation.gif b/images/lampa_animation.gif new file mode 100644 index 0000000..951c7c7 Binary files /dev/null and b/images/lampa_animation.gif differ diff --git a/images/lampa_inactive.png b/images/lampa_inactive.png new file mode 100644 index 0000000..70ce21c Binary files /dev/null and b/images/lampa_inactive.png differ diff --git a/images/leparlo_menudisz.png b/images/leparlo_menudisz.png new file mode 100644 index 0000000..9963271 Binary files /dev/null and b/images/leparlo_menudisz.png differ diff --git a/images/leparlokeszulek.jpg b/images/leparlokeszulek.jpg new file mode 100644 index 0000000..08a7c9f Binary files /dev/null and b/images/leparlokeszulek.jpg differ diff --git a/images/leparlokeszulek_menu_hetter.jpg b/images/leparlokeszulek_menu_hetter.jpg new file mode 100644 index 0000000..80acd96 Binary files /dev/null and b/images/leparlokeszulek_menu_hetter.jpg differ diff --git a/images/menu.png b/images/menu.png new file mode 100644 index 0000000..9dda0a7 Binary files /dev/null and b/images/menu.png differ diff --git a/images/menu_hover.png b/images/menu_hover.png new file mode 100644 index 0000000..3196231 Binary files /dev/null and b/images/menu_hover.png differ diff --git a/images/palinkafozo_fejlec.png b/images/palinkafozo_fejlec.png new file mode 100644 index 0000000..1def695 Binary files /dev/null and b/images/palinkafozo_fejlec.png differ diff --git a/images/palinkafozo_hatter.jpg b/images/palinkafozo_hatter.jpg new file mode 100644 index 0000000..a90f7d2 Binary files /dev/null and b/images/palinkafozo_hatter.jpg differ diff --git a/images/palinkafozo_tartalom.jpg b/images/palinkafozo_tartalom.jpg new file mode 100644 index 0000000..d87a599 Binary files /dev/null and b/images/palinkafozo_tartalom.jpg differ diff --git a/images/predikator_leparlo_logo.png b/images/predikator_leparlo_logo.png new file mode 100644 index 0000000..caa7efa Binary files /dev/null and b/images/predikator_leparlo_logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..60e99e5 --- /dev/null +++ b/index.html @@ -0,0 +1,77 @@ + + + + +Prédikátor Lepárló + + + + + +
+
+
+
+
+
+
+
+
+ +
+ +
+ + +
+
+
+
+ + diff --git a/song/earcing.mp3 b/song/earcing.mp3 new file mode 100644 index 0000000..136e44f Binary files /dev/null and b/song/earcing.mp3 differ