-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* html files honor editorconfig now * hide scrollbar, when in FullScreen and on scrolled to top * image zoom * changelog for imagezoom
- Loading branch information
1 parent
ddf26ea
commit 1d62e8e
Showing
9 changed files
with
746 additions
and
774 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -5,3 +5,8 @@ | |
| html.boss * { | ||
| visibility: hidden; | ||
| } | ||
|
|
||
| html.boss, | ||
| html.boss body { | ||
| overflow: hidden; | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
|
|
||
| @media all and (display-mode: fullscreen) { | ||
|
|
||
| html.atTop::-webkit-scrollbar, | ||
| html.atTop body::-webkit-scrollbar { | ||
| display: none; | ||
| } | ||
|
|
||
| html.atTop, | ||
| html.atTop body { | ||
| overflow: -moz-scrollbars-none; | ||
| -ms-overflow-style: none; | ||
| scrollbar-width: none; | ||
| } | ||
|
|
||
| } | ||
|
|
||
|
|
||
| html.canFullScreen #wall figure img { | ||
| cursor: zoom-in; | ||
| } | ||
|
|
||
| html.canFullScreen #wall figure img:fullscreen { | ||
| cursor: zoom-out; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,101 +1,99 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="referrer" content="no-referrer" /> | ||
| <title>nichtparasoup - Hackspace Entertainment System</title> | ||
|
|
||
| <link rel="stylesheet" href="css/normalize.css" /> | ||
|
|
||
| <link rel="stylesheet" href="css/sourceIcons.css" /> | ||
| <link rel="stylesheet" href="css/look_buttons.css" /> | ||
| <link rel="stylesheet" href="css/look_stateSwitch.css" /> | ||
| <link rel="stylesheet" href="css/look_hotkeys.css" /> | ||
| <link rel="stylesheet" href="css/look.css" /> | ||
| <link rel="stylesheet" href="css/look_bossMode.css" /> | ||
|
|
||
| <link rel="stylesheet" href="css/feel.css" /> | ||
|
|
||
| <script type="application/javascript" src="js/helper.js"></script> | ||
| <script type="application/javascript" src="js/look_maxSizer.js"></script> | ||
| <script type="application/javascript" src="js/look_stateSwitch.js"></script> | ||
| <script type="application/javascript" src="js/feel.js"></script> | ||
| <script type="application/javascript" src="js/feel_hotkeys.js"></script> | ||
|
|
||
|
|
||
| <script type="application/javascript"> | ||
| window.helperFuncs.addEvent(window, "load", function () | ||
| { | ||
| this.maxSizer.init('#wall figure img'); | ||
| this.stateSwitch.init(this.document.getElementById('c_state')); | ||
| this.stateSwitch.init(this.document.getElementById('c_background')); | ||
| this.nichtparasoup.init('wall', 2); | ||
| }); | ||
| </script> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="referrer" content="no-referrer" /> | ||
| <title>nichtparasoup - Hackspace Entertainment System</title> | ||
|
|
||
| <link rel="stylesheet" href="css/normalize.css" /> | ||
|
|
||
| <link rel="stylesheet" href="css/sourceIcons.css" /> | ||
| <link rel="stylesheet" href="css/look_buttons.css" /> | ||
| <link rel="stylesheet" href="css/look_stateSwitch.css" /> | ||
| <link rel="stylesheet" href="css/look_hotkeys.css" /> | ||
| <link rel="stylesheet" href="css/look.css" /> | ||
| <link rel="stylesheet" href="css/look_fullscreen.css" /> | ||
| <link rel="stylesheet" href="css/look_bossMode.css" /> | ||
|
|
||
| <link rel="stylesheet" href="css/feel.css" /> | ||
|
|
||
| <script type="application/javascript" src="js/helper.js"></script> | ||
| <script type="application/javascript" src="js/look_maxSizer.js"></script> | ||
| <script type="application/javascript" src="js/look_stateSwitch.js"></script> | ||
| <script type="application/javascript" src="js/feel.js"></script> | ||
| <script type="application/javascript" src="js/feel_hotkeys.js"></script> | ||
|
|
||
| <script type="application/javascript"> | ||
| window.helperFuncs.addEvent(window, "load", function () { | ||
| this.maxSizer.init('#wall figure img'); | ||
| this.stateSwitch.init(this.document.getElementById('c_state')); | ||
| this.stateSwitch.init(this.document.getElementById('c_background')); | ||
| this.nichtparasoup.init('wall', 2); | ||
| }); | ||
| </script> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <div id="wall"><!-- images added here --></div> | ||
|
|
||
|
|
||
| <header><!-- top controls --> | ||
| <div id="controls"> | ||
| <!-- not implemented, yet | ||
| <label for="c_nsfw">nsfw:</label> | ||
| <input id="c_nsfw" type="checkbox"> | ||
| --> | ||
|
|
||
| <span id="serverControls"> | ||
| <button id="sc_reset" title="reset server">reset</button> | ||
| </span> | ||
|
|
||
| <span class="spacer"> </span> | ||
|
|
||
|
|
||
|
|
||
| <label class="button stateSwitchContainer" for="c_background" title="keep playing even when the window lost the focus"> | ||
| play in background: | ||
| <input id="c_background" type="checkbox" /> | ||
| </label> | ||
|
|
||
| <label for="c_speed" title="set image interval"> | ||
| speed: | ||
| slow <input id="c_speed" type="range" min="3" max="23" /> fast | ||
| </label> | ||
|
|
||
| <label class="button stateSwitchContainer" for="c_state" title="play/pause"> | ||
| play: | ||
| <input id="c_state" type="checkbox" checked="checked" /> | ||
| </label> | ||
| </div> | ||
|
|
||
| <span id="burger">☰</span> | ||
| </header> | ||
|
|
||
| <footer><!-- bottom hints --> | ||
| <span class="spacer"> </span> | ||
|
|
||
| <dl id="hotkeys"> | ||
| <dd class="button">esc</dd><!-- no key indicator needed, the effect will be clear ;-) --> | ||
| <dt>boss mode</dt> | ||
| <dd class="button hk_32">space</dd> | ||
| <dt>play/pause</dt> | ||
| <dd class="button hk_107 hk_61 hk_171 hk_187">+</dd> | ||
| <dt>faster</dt> | ||
| <dd class="button hk_109 hk_173 hk_189">-</dd> | ||
| <dt>slower</dt> | ||
| <dd class="button">j</dd> | ||
| <dt>next image</dt> | ||
| <dd class="button">k</dd> | ||
| <dt>next-to-last image</dt> | ||
| </dl> | ||
|
|
||
| <span class="button" id="keys" class="hotkey">hot keys</span> | ||
| </footer> | ||
|
|
||
|
|
||
| <div id="wall"> | ||
| <!-- images added here --> | ||
| </div> | ||
|
|
||
| <header> | ||
| <!-- top controls --> | ||
| <div id="controls"> | ||
| <!-- | ||
| not implemented, yet | ||
| <label for="c_nsfw">nsfw:</label> | ||
| <input id="c_nsfw" type="checkbox"> | ||
| --> | ||
|
|
||
| <span id="serverControls"> | ||
| <button id="sc_reset" title="reset server">reset</button> | ||
| </span> | ||
|
|
||
| <span class="spacer"> </span> | ||
|
|
||
| <label class="button stateSwitchContainer" for="c_background" | ||
| title="keep playing even when the window lost the focus"> | ||
| play in background: | ||
| <input id="c_background" type="checkbox" /> | ||
| </label> | ||
|
|
||
| <label for="c_speed" title="set image interval"> | ||
| speed: | ||
| slow <input id="c_speed" type="range" min="3" max="23" /> fast | ||
| </label> | ||
|
|
||
| <label class="button stateSwitchContainer" for="c_state" title="play/pause"> | ||
| play: | ||
| <input id="c_state" type="checkbox" checked="checked" /> | ||
| </label> | ||
| </div> | ||
|
|
||
| <span id="burger">☰</span> | ||
| </header> | ||
|
|
||
| <footer> | ||
| <!-- bottom hints --> | ||
| <span class="spacer"> </span> | ||
|
|
||
| <dl id="hotkeys"> | ||
| <dd class="button">esc</dd><!-- no key indicator needed, the effect will be clear ;-) --> | ||
| <dt>boss mode</dt> | ||
| <dd class="button hk_32">space</dd> | ||
| <dt>play/pause</dt> | ||
| <dd class="button hk_107 hk_61 hk_171 hk_187">+</dd> | ||
| <dt>faster</dt> | ||
| <dd class="button hk_109 hk_173 hk_189">-</dd> | ||
| <dt>slower</dt> | ||
| <dd class="button">j</dd><!-- no key indicator needed, the effect will be clear ;-) --> | ||
| <dt>next image</dt> | ||
| </dl> | ||
|
|
||
| <span class="button hotkey" id="keys">hot keys</span> | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.