/usr/share/perl5/Mojolicious/resources/templates/mojo/menubar.html.ep is in libmojolicious-perl 7.59+dfsg-1ubuntu1.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
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 | %= javascript '/mojo/jquery/jquery.js'
<div id="mojobar">
<style scoped="scoped">
#mojobar {
background-color: #1a1a1a;
background: -webkit-linear-gradient(top, #2a2a2a 0%, #000 100%);
background: -moz-linear-gradient(top, #2a2a2a 0%, #000 100%);
background: linear-gradient(top, #2a2a2a 0%, #000 100%);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
height: 46px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 1000;
}
#mojobar-brand {
display: inline-block;
padding-left: 50px;
padding-top: 4px;
}
#mojobar-links {
display: inline;
float: right;
height: 60px;
margin-top: 0.8em;
padding-right: 50px;
}
#mojobar-links a {
color: #bbb;
font: 0.9em 'Helvetica Neue', Helvetica, sans-serif;
margin-left: 0.5em;
text-decoration: none;
transition: all 200ms ease-in-out;
}
#mojobar-links a:hover { color: #fff }
#mojobar-links input {
background-color: #3a3a3a;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #eee;
display: inline;
margin-left: 1em;
padding: 4px;
transition: all 0.15s;
}
#mojobar-links input:focus {
background-color: #fff;
color: #111;
outline: 0;
}
#mojobar-links form { display: inline }
.animated { transition: all 0.25s ease }
</style>
%= link_to 'http://mojolicious.org' => (id => 'mojobar-brand') => begin
<picture>
<img src="<%= url_for '/mojo/logo-white.png' %>"
srcset="<%= url_for '/mojo/logo-white-2x.png' %> 2x">
</picture>
% end
<div id="mojobar-links">
%= link_to Documentation => 'http://mojolicious.org/perldoc'
%= link_to Chat => 'https://chat.mibbit.com/?channel=%23mojo&server=irc.perl.org'
%= link_to Wiki => 'https://github.com/kraih/mojo/wiki'
%= link_to GitHub => 'https://github.com/kraih/mojo'
%= link_to CPAN => 'https://metacpan.org/release/Mojolicious/'
%= link_to MailingList => 'https://groups.google.com/group/mojolicious'
%= link_to Twitter => 'https://twitter.com/kraih'
%= form_for 'https://www.google.com/cse' => (target => '_blank') => begin
%= hidden_field cx => '014527573091551588235:pwfplkjpgbi'
%= hidden_field ie => 'UTF-8'
%= search_field 'q', placeholder => 'Search'
%= end
</div>
</div>
<script>
var mojobar = $('#mojobar');
var mojobarHeight = mojobar.outerHeight();
function getElementByHash(hash) {
return $(hash.replace(/(:|\.|\[|\]|,)/g, '\\$1'));
}
function fixOffset() {
var offset = getElementByHash(window.location.hash).offset();
if (offset) {
$('html, body').animate({scrollTop: offset.top - mojobarHeight}, 1);
}
}
$(window).on('load', function () {
if (window.location.hash) {
fixOffset();
}
var start = mojobar.offset().top;
var fixed;
var lastScrollTop = $(window).scrollTop();
var hidden = mojobarHeight + 1;
$(window).on('scroll', function () {
var st = $(window).scrollTop();
if (fixed) {
if (st <= start) {
fixed = false;
mojobar.removeClass('animated');
mojobar.css({'position': 'absolute', 'top': start + 'px'});
}
else if (Math.abs(lastScrollTop - st) > 100) {
if (!mojobar.hasClass('animated')) {
mojobar.addClass('animated');
}
if (st > lastScrollTop && st > (mojobarHeight + start + 250)) {
mojobar.css('transform', 'translateY(-' + hidden + 'px)');
}
else if (st < lastScrollTop) {
mojobar.css('transform', 'translateY(0px)');
}
lastScrollTop = st;
}
}
else if (st > start) {
fixed = true;
mojobar.css({'position': 'fixed', 'top': 0});
lastScrollTop = $(window).scrollTop();
}
});
});
$(function () {
$('a[href^="#"]').addClass('​mojoscroll').on('click', function (e) {
e.preventDefault();
e.stopPropagation();
var hash = '#' + this.href.split('#')[1];
var target = getElementByHash(hash);
var old = target.attr('id');
target.attr('id', '');
location.hash = hash;
target.attr('id', old);
fixOffset();
});
});
</script>
|