Last active
August 29, 2015 14:02
-
-
Save miklobit/837aa8af8336be72f8d8 to your computer and use it in GitHub Desktop.
svg template with paging
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
<!DOCTYPE html> | |
<html> | |
<body> | |
<!-- Created with Inkscape (http://www.inkscape.org/) | |
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |
--> | |
<svg | |
xmlns:dc="http://purl.org/dc/elements/1.1/" | |
xmlns:cc="http://creativecommons.org/ns#" | |
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |
xmlns:svg="http://www.w3.org/2000/svg" | |
xmlns="http://www.w3.org/2000/svg" | |
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |
xmlns:xlink="http://www.w3.org/1999/xlink" | |
width="744.09448819" | |
height="1052.3622047" | |
id="svg2" | |
version="1.1" | |
inkscape:version="0.48+devel r11992" | |
sodipodi:docname="logbook_template.svg"> | |
<sodipodi:namedview | |
id="base" | |
pagecolor="#ffffff" | |
bordercolor="#666666" | |
borderopacity="1.0" | |
inkscape:pageopacity="0.0" | |
inkscape:pageshadow="2" | |
inkscape:zoom="0.70710678" | |
inkscape:cx="182.96148" | |
inkscape:cy="543.3367" | |
inkscape:document-units="px" | |
inkscape:current-layer="svg2" | |
showgrid="false" | |
inkscape:window-width="1600" | |
inkscape:window-height="878" | |
inkscape:window-x="-8" | |
inkscape:window-y="-8" | |
inkscape:window-maximized="1" /> | |
<metadata | |
id="metadata7"> | |
<rdf:RDF> | |
<cc:Work | |
rdf:about=""> | |
<dc:format>image/svg+xml</dc:format> | |
<dc:type | |
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |
<dc:title /> | |
</cc:Work> | |
</rdf:RDF> | |
</metadata> | |
<defs id="defs4" > | |
<rect id="button" | |
opacity="1" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4" | |
width="35" | |
height="35" | |
x="13.372146" | |
y="10.046666" | |
rx="10" | |
ry="10" /> | |
<g id="button1"> | |
<use xlink:href="#button" transform="translate(13,10)" /> | |
</g> | |
</defs> | |
<!-- begin of przyciski nawigacji --> | |
<g | |
inkscape:label="nawigacja" | |
inkscape:groupmode="layer" | |
id="layer1" | |
style="display:inline" | |
sodipodi:insensitive="true"> | |
<g id="p1"> | |
<rect | |
opacity="1" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:44.64567055" | |
id="buton1" | |
width="35.433071" | |
height="35.433071" | |
x="13.372146" | |
y="10.046666" | |
rx="10.629921" | |
ry="10.629921" /> | |
<text | |
xml:space="preserve" | |
style="font-size:16.25px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
x="25.070614" | |
y="36.747578" | |
id="text4050" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4052" | |
x="25.070614" | |
y="36.747578" | |
style="font-size:25px">1</tspan></text> | |
</g> | |
<rect | |
opacity="0.5" | |
ry="10.629921" | |
rx="10.629921" | |
y="10.046666" | |
x="59.195255" | |
height="35.433071" | |
width="35.433071" | |
id="buton2" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:44.64567055" /> | |
<rect | |
opacity="0.5" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:44.64567055" | |
id="buton3" | |
width="35.433071" | |
height="35.433071" | |
x="105.01836" | |
y="10.046666" | |
rx="10.629921" | |
ry="10.629921" /> | |
<rect | |
opacity="0.5" | |
ry="10.629921" | |
rx="10.629921" | |
y="10.046666" | |
x="150.84146" | |
height="35.433071" | |
width="35.433071" | |
id="buton4" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:44.64567055" /> | |
<rect | |
opacity="0.5" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:44.64567055" | |
id="buton5" | |
width="35.433071" | |
height="35.433071" | |
x="196.66458" | |
y="10.046666" | |
rx="10.629921" | |
ry="10.629921" /> | |
<rect | |
opacity="0.5" | |
ry="10.629921" | |
rx="10.629921" | |
y="10.046666" | |
x="242.4877" | |
height="35.433071" | |
width="35.433071" | |
id="buton6" | |
style="fill:#cccccc;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:44.64567055" /> | |
<text | |
sodipodi:linespacing="125%" | |
id="text4099" | |
y="36.747578" | |
x="70.893723" | |
style="font-size:16.25px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
xml:space="preserve"><tspan | |
style="font-size:25px" | |
y="36.747578" | |
x="70.893723" | |
id="tspan4101" | |
sodipodi:role="line">2</tspan></text> | |
<text | |
xml:space="preserve" | |
style="font-size:16.25px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
x="116.71683" | |
y="36.747578" | |
id="text4103" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4105" | |
x="116.71683" | |
y="36.747578" | |
style="font-size:25px">3</tspan></text> | |
<text | |
sodipodi:linespacing="125%" | |
id="text4107" | |
y="36.747578" | |
x="162.53993" | |
style="font-size:16.25px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
xml:space="preserve"><tspan | |
style="font-size:25px" | |
y="36.747578" | |
x="162.53993" | |
id="tspan4109" | |
sodipodi:role="line">4</tspan></text> | |
<text | |
xml:space="preserve" | |
style="font-size:16.25px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
x="208.36305" | |
y="36.747578" | |
id="text4111" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4113" | |
x="208.36305" | |
y="36.747578" | |
style="font-size:25px">5</tspan></text> | |
<text | |
sodipodi:linespacing="125%" | |
id="text4115" | |
y="36.747578" | |
x="254.18617" | |
style="font-size:16.25px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
xml:space="preserve"><tspan | |
style="font-size:25px" | |
y="36.747578" | |
x="254.18617" | |
id="tspan4117" | |
sodipodi:role="line">6</tspan></text> | |
</g> | |
<!-- end of przyciski nawigacji --> | |
<g | |
inkscape:groupmode="layer" | |
id="layer2" | |
inkscape:label="strony" | |
style="display:inline"> | |
<g | |
inkscape:groupmode="layer" | |
id="page6" | |
inkscape:label="6" | |
style="display:none" | |
sodipodi:insensitive="true"> | |
<text | |
xml:space="preserve" | |
style="font-size:180px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Arial;-inkscape-font-specification:Arial" | |
x="251.68591" | |
y="705.86859" | |
id="text4119-4-8-0-5-9" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4121-0-5-5-7-5" | |
x="251.68591" | |
y="705.86859" | |
style="font-size:500px;fill:none;stroke:#000000">6</tspan></text> | |
</g> | |
<g | |
inkscape:groupmode="layer" | |
id="page5" | |
inkscape:label="5" | |
style="display:none" | |
sodipodi:insensitive="true"> | |
<text | |
xml:space="preserve" | |
style="font-size:180px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Arial;-inkscape-font-specification:Arial" | |
x="251.68591" | |
y="705.86859" | |
id="text4119-4-8-0-5" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4121-0-5-5-7" | |
x="251.68591" | |
y="705.86859" | |
style="font-size:500px;fill:none;stroke:#000000">5</tspan></text> | |
</g> | |
<g | |
inkscape:groupmode="layer" | |
id="page4" | |
inkscape:label="4" | |
style="display:none" | |
sodipodi:insensitive="true"> | |
<text | |
xml:space="preserve" | |
style="font-size:180px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Arial;-inkscape-font-specification:Arial" | |
x="251.68591" | |
y="705.86859" | |
id="text4119-4-8-0" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4121-0-5-5" | |
x="251.68591" | |
y="705.86859" | |
style="font-size:500px;fill:none;stroke:#000000">4</tspan></text> | |
</g> | |
<g | |
inkscape:groupmode="layer" | |
id="page3" | |
inkscape:label="3" | |
style="display:none" | |
sodipodi:insensitive="true"> | |
<text | |
xml:space="preserve" | |
style="font-size:180px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Arial;-inkscape-font-specification:Arial" | |
x="251.68591" | |
y="705.86859" | |
id="text4119-4-8" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4121-0-5" | |
x="251.68591" | |
y="705.86859" | |
style="font-size:500px;fill:none;stroke:#000000">3</tspan></text> | |
</g> | |
<g | |
inkscape:groupmode="layer" | |
id="page2" | |
inkscape:label="2" | |
style="display:none" | |
sodipodi:insensitive="true"> | |
<text | |
xml:space="preserve" | |
style="font-size:180px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Arial;-inkscape-font-specification:Arial" | |
x="251.68591" | |
y="705.86859" | |
id="text4119-4" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4121-0" | |
x="251.68591" | |
y="705.86859" | |
style="font-size:500px;fill:none;stroke:#000000">2</tspan></text> | |
</g> | |
<g | |
style="display:inline" | |
inkscape:label="1" | |
id="page1" | |
inkscape:groupmode="layer"> | |
<set attributeName="visibility" attributeType="CSS" to="visible" begin="buton1.click" fill="freeze" /> | |
<set attributeName="visibility" attributeType="CSS" to="hidden" begin="buton2.click;buton3.click;buton4.click;buton5.click;buton6.click" fill="freeze" /> | |
<text | |
xml:space="preserve" | |
style="font-size:180px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" | |
x="251.68591" | |
y="705.86859" | |
id="text4119" | |
sodipodi:linespacing="125%"><tspan | |
sodipodi:role="line" | |
id="tspan4121" | |
x="251.68591" | |
y="705.86859" | |
style="font-size:500px;fill:none;stroke:#000000">1</tspan></text> | |
</g> | |
</g> | |
</svg> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment