1 | <!DOCTYPE html>
|
---|
2 | <html>
|
---|
3 | <head>
|
---|
4 | <title><%= $title %></title>
|
---|
5 | %= javascript '/mojo/prettify/run_prettify.js'
|
---|
6 | %= stylesheet '/mojo/prettify/prettify-mojo-light.css'
|
---|
7 | <style>
|
---|
8 | a { color: inherit }
|
---|
9 | a:hover { color: #2a2a2a }
|
---|
10 | a img { border: 0 }
|
---|
11 | body {
|
---|
12 | background: url(<%= url_for '/mojo/pinstripe-light.png' %>);
|
---|
13 | color: #445555;
|
---|
14 | font: 0.9em 'Helvetica Neue', Helvetica, sans-serif;
|
---|
15 | font-weight: normal;
|
---|
16 | line-height: 1.5em;
|
---|
17 | margin: 0;
|
---|
18 | }
|
---|
19 | dd {
|
---|
20 | margin: 0;
|
---|
21 | margin-left: 2em;
|
---|
22 | }
|
---|
23 | dt {
|
---|
24 | color: #2a2a2a;
|
---|
25 | font-weight: bold;
|
---|
26 | margin-left: 0.9em;
|
---|
27 | }
|
---|
28 | :not(pre) > code {
|
---|
29 | background-color: rgba(0, 0, 0, 0.04);
|
---|
30 | border-radius: 3px;
|
---|
31 | font: 0.9em Consolas, Menlo, Monaco, Courier, monospace;
|
---|
32 | padding: 0.3em;
|
---|
33 | }
|
---|
34 | h1 { font-size: 1.5em }
|
---|
35 | h2 { font-size: 1.3em }
|
---|
36 | h3 { font-size: 1.1em }
|
---|
37 | h4 { font-size: 0.9em }
|
---|
38 | h1, h2, h3, h4 {
|
---|
39 | color: #2a2a2a;
|
---|
40 | margin: 0;
|
---|
41 | position: relative;
|
---|
42 | }
|
---|
43 | h1 a, h2 a, h3 a, h4 a { text-decoration: none }
|
---|
44 | li > p {
|
---|
45 | margin-bottom: 0;
|
---|
46 | margin-top: 0;
|
---|
47 | }
|
---|
48 | pre {
|
---|
49 | background-color: #fafafa;
|
---|
50 | border: 1px solid #c1c1c1;
|
---|
51 | border-radius: 3px;
|
---|
52 | font: 100% Consolas, Menlo, Monaco, Courier, monospace;
|
---|
53 | padding: 1em;
|
---|
54 | }
|
---|
55 | pre > code {
|
---|
56 | color: #4d4d4c;
|
---|
57 | font: 0.9em Consolas, Menlo, Monaco, Courier, monospace;
|
---|
58 | line-height: 1.5em;
|
---|
59 | text-align: left;
|
---|
60 | text-shadow: #eee 0 1px 0;
|
---|
61 | white-space: pre-wrap;
|
---|
62 | }
|
---|
63 | ul { list-style-type: square }
|
---|
64 | #footer {
|
---|
65 | padding-top: 0.5em;
|
---|
66 | text-align: center;
|
---|
67 | }
|
---|
68 | #more {
|
---|
69 | display: inline;
|
---|
70 | font-size: 0.8em;
|
---|
71 | }
|
---|
72 | #perldoc {
|
---|
73 | background-color: #fff;
|
---|
74 | border: 1px solid #c1c1c1;
|
---|
75 | border-bottom-left-radius: 5px;
|
---|
76 | border-bottom-right-radius: 5px;
|
---|
77 | margin-left: 5em;
|
---|
78 | margin-right: 5em;
|
---|
79 | padding: 3em;
|
---|
80 | padding-top: 70px;
|
---|
81 | }
|
---|
82 | #perldoc > ul:first-of-type a { text-decoration: none }
|
---|
83 | #links { padding-bottom: 1em }
|
---|
84 | #wrapperlicious {
|
---|
85 | max-width: 1000px;
|
---|
86 | margin: 0 auto;
|
---|
87 | }
|
---|
88 | .permalink {
|
---|
89 | display: none;
|
---|
90 | left: -0.75em;
|
---|
91 | position: absolute;
|
---|
92 | padding-right: 0.25em;
|
---|
93 | }
|
---|
94 | h1:hover .permalink, h2:hover .permalink, h3:hover .permalink,
|
---|
95 | h4:hover .permalink {
|
---|
96 | display: block;
|
---|
97 | }
|
---|
98 | </style>
|
---|
99 | </head>
|
---|
100 | <body>
|
---|
101 | %= include 'mojo/menubar'
|
---|
102 | <div id="wrapperlicious">
|
---|
103 | <div id="perldoc">
|
---|
104 | <div id="links">
|
---|
105 | % my $path;
|
---|
106 | % for my $part (split '/', $module) {
|
---|
107 | %= '::' if $path
|
---|
108 | % $path .= "/$part";
|
---|
109 | %= link_to $part => url_for("/perldoc$path")
|
---|
110 | % }
|
---|
111 | <div id="more">
|
---|
112 | (<%= link_to 'source' => url_for("/perldoc$path.txt") %>,
|
---|
113 | <%= link_to 'CPAN' => $cpan %>)
|
---|
114 | </div>
|
---|
115 | </div>
|
---|
116 | <h1><a id="toc">CONTENTS</a></h1>
|
---|
117 | <ul>
|
---|
118 | % for my $part (@$parts) {
|
---|
119 | <li>
|
---|
120 | %= link_to splice(@$part, 0, 2)
|
---|
121 | % if (@$part) {
|
---|
122 | <ul>
|
---|
123 | % while (@$part) {
|
---|
124 | <li><%= link_to splice(@$part, 0, 2) %></li>
|
---|
125 | % }
|
---|
126 | </ul>
|
---|
127 | % }
|
---|
128 | </li>
|
---|
129 | % }
|
---|
130 | </ul>
|
---|
131 | %= content 'perldoc'
|
---|
132 | </div>
|
---|
133 | </div>
|
---|
134 | <div id="footer">
|
---|
135 | %= link_to 'https://mojolicious.org' => begin
|
---|
136 | <picture>
|
---|
137 | <img src="<%= url_for '/mojo/logo-black.png' %>"
|
---|
138 | srcset="<%= url_for '/mojo/logo-black-2x.png' %> 2x"
|
---|
139 | alt="Mojolicious logo">
|
---|
140 | </picture>
|
---|
141 | % end
|
---|
142 | </div>
|
---|
143 | </body>
|
---|
144 | </html>
|
---|