diff --git a/about.php b/about.php index 9a3522e..f15a44e 100644 --- a/about.php +++ b/about.php @@ -3,19 +3,19 @@ - + x.x.x [about] - +
-
+

about this site

@@ -96,10 +96,10 @@ Kawabata has an excellent book of short stories, entitled stories "drabblets".

-
-
+
+ + - diff --git a/article.php b/article.php index dbec460..f7efffe 100644 --- a/article.php +++ b/article.php @@ -3,13 +3,13 @@ - + x.x.x [view] - +
-
+

x·x·x

@@ -33,10 +33,10 @@ if (!get_id() && (get_count() > 1)) echo display_stories(); ?> -
-
+
+ + - diff --git a/get_data.lib.php b/get_data.lib.php index befec6b..1826d18 100644 --- a/get_data.lib.php +++ b/get_data.lib.php @@ -15,7 +15,7 @@ function display_stories($id = NULL) { $result = get_post_data(TRUE); $nolink = TRUE; } else if ($action == 'submit') { - $date = 'Posted '.gmdate("Y-m-d H:i:s"); + $date = 'Posted '.gmdate("Y-m-d H:i"); if (!$is_admin) { $result = get_post_data(TRUE); $nolink = TRUE; @@ -27,7 +27,7 @@ function display_stories($id = NULL) { } if (count($result) == 0) { - $page .= '
'."\n"; + $page .= ''."\n"; if ($search) { $page .= '
'."\n"; $page .= '

No articles found.

@@ -40,18 +40,19 @@ searches the title, author, date, and the text of each article.

'."\n"; $page .= '

No articles found.

'; $page .= '
'."\n"; } - $page .= '
'."\n"; + $page .= ''."\n"; return $page; } - $page .= '
'."\n"; + $page .= ''."\n"; if (count($result) > 1) $page .= get_pager(); diff --git a/graphics/Genericons.eot b/graphics/Genericons.eot deleted file mode 100644 index b5f8647..0000000 Binary files a/graphics/Genericons.eot and /dev/null differ diff --git a/graphics/Genericons.svg b/graphics/Genericons.svg deleted file mode 100644 index f813110..0000000 --- a/graphics/Genericons.svg +++ /dev/null @@ -1,543 +0,0 @@ - - - - - -Created by FontForge 20120731 at Fri Oct 3 09:39:07 2014 - By Joen -Created by Joen with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/graphics/Genericons.ttf b/graphics/Genericons.ttf deleted file mode 100644 index 1f160dd..0000000 Binary files a/graphics/Genericons.ttf and /dev/null differ diff --git a/graphics/Genericons.woff b/graphics/Genericons.woff deleted file mode 100644 index 973e033..0000000 Binary files a/graphics/Genericons.woff and /dev/null differ diff --git a/graphics/close.svg b/graphics/close.svg new file mode 100644 index 0000000..99f4ec0 --- /dev/null +++ b/graphics/close.svg @@ -0,0 +1 @@ + diff --git a/graphics/menu.svg b/graphics/menu.svg new file mode 100644 index 0000000..678ba53 --- /dev/null +++ b/graphics/menu.svg @@ -0,0 +1 @@ + diff --git a/graphics/xxx-small.png b/graphics/xxx-small.png deleted file mode 100644 index 2b7d0b7..0000000 Binary files a/graphics/xxx-small.png and /dev/null differ diff --git a/graphics/xxx.png b/graphics/xxx.png deleted file mode 100644 index 5d04452..0000000 Binary files a/graphics/xxx.png and /dev/null differ diff --git a/index.php b/index.php index 8b9ed3c..3af5585 100644 --- a/index.php +++ b/index.php @@ -3,13 +3,13 @@ - + x.x.x - +
-
+
- +

x·x·x

Welcome to x.x.x. No, not hardcore pornography. Nor is it @@ -41,10 +41,10 @@ encouraged! echo display_stories(); ?> -

-
+
+ + - diff --git a/navigation.lib.php b/navigation.lib.php index 907e142..c7fb469 100644 --- a/navigation.lib.php +++ b/navigation.lib.php @@ -65,28 +65,33 @@ function get_pager() { $string = '
'; $nw = new Numbers_Words(); - // Are there later stories? + // Are there later stories? Go backwards to them + $string .= ''; if ($start > 0) { - $string .= "\n".'toWords($show)." articles"; - $string .= '">« Next '.$articles.''; + $string .= '">« Next '.$articles.''; } - // Are there earlier stories? + $string .= "\n"; + + // Are there earlier stories? Go forwards to them + $string .= "\n".''; if ($prev < get_count()) { - $string .= "\n".'toWords($show)." articles"; - $string .= '">Previous '.$articles.' »'; + $string .= '">Previous '.$articles.' »'; } + $string .= "\n"; $string .= "
\n"; return $string; } diff --git a/publish/addeditor.php b/publish/addeditor.php index 3c02782..1a8c2b3 100644 --- a/publish/addeditor.php +++ b/publish/addeditor.php @@ -30,20 +30,20 @@ if (!isset($_SESSION['editor'])) { - + x.x.x [add editor] - +
-
+

add editor

@@ -71,10 +71,10 @@ if (!isset($_SESSION['editor'])) { -
-
+
+ + - diff --git a/publish/edit.php b/publish/edit.php index 228c3fd..39396a1 100644 --- a/publish/edit.php +++ b/publish/edit.php @@ -14,14 +14,14 @@ if (!isset($_SESSION['editor'])) { - + x.x.x [edit] - + - + diff --git a/publish/index.php b/publish/index.php index f24a93e..27f0ac8 100644 --- a/publish/index.php +++ b/publish/index.php @@ -3,14 +3,14 @@ - + x.x.x [add] - + @@ -83,8 +83,8 @@ switch ($action) { - + diff --git a/publish/login.php b/publish/login.php index dc062e9..1db2fe9 100644 --- a/publish/login.php +++ b/publish/login.php @@ -56,20 +56,20 @@ if (isset($_SESSION['editor'])) { - + x.x.x [login] - +
-
+

editor login

@@ -97,10 +97,10 @@ if ($denied)
-
-
+ + + - diff --git a/sidebar.inc.php b/sidebar.inc.php index 9f2d3f1..5e71999 100644 --- a/sidebar.inc.php +++ b/sidebar.inc.php @@ -1,38 +1,49 @@ diff --git a/style.css b/style.css index 601766a..8931358 100644 --- a/style.css +++ b/style.css @@ -1,51 +1,78 @@ @font-face { - font-family: 'Droid Sans'; + font-family: 'Noto Sans'; font-style: normal; font-weight: normal; - src: local('Droid Sans'), local('DroidSans'), url('http://themes.googleusercontent.com/static/fonts/droidsans/v2/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff') format('woff'); + src: local('Noto Sans'), local('Noto Sans Regular'), url('fonts/NotoSans-Regular.ttf') format('truetype'); + font-size-adjust: 1.1; } @font-face { - font-family: 'Droid Sans'; + font-family: 'Noto Sans'; font-style: normal; font-weight: bold; - src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('http://themes.googleusercontent.com/static/fonts/droidsans/v2/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff') format('woff'); + src: local('Noto Sans Bold'), url('fonts/NotoSans-Bold.ttf') format('truetype'); + font-size-adjust: 1.1; +} +@font-face { + font-family: 'Noto Sans'; + font-style: italic; + font-weight: bold; + src: local('Noto Sans Bold Italic'), url('fonts/NotoSans-BoldItalic.ttf') format('truetype'); + font-size-adjust: 1.1; +} +@font-face { + font-family: 'Noto Sans'; + font-style: italic; + font-weight: normal; + src: local('Noto Sans Italic'), url('fonts/NotoSans-Italic.ttf') format('truetype'); + font-size-adjust: 1.1; +} +@font-face { + font-family: 'Teen Bold'; + font-style: normal; + font-weight: bold; + src: url('graphics/teenbold.ttf') format('truetype'); } body { - font-family: "Droid Sans", "Verdana", sans-serif; - font-size: 10pt; -} - -#container { - background: #006633; - max-width: 750px; + font-family: "Noto Sans", "Verdana", sans-serif; + font-size: 12pt; + max-width: 1000px; margin: 5px auto; } -#sidebar { - width: 150px; - float: left; +#container { + display: flex; + flex-direction: row; + /* Create a white top, so the top #sidebar border-radius can be seen, while * + * the bottom of the container has a "reverse" radius */ + background: linear-gradient(to bottom, #FFFFFF 0 20px, #006633 20px 100%); + margin: 0 10px; } #main { background: #FFFFFF; - padding-bottom: 25px; - max-width: 600px; - margin-left: 150px; + padding-bottom: 20px; + border-radius: 0 0 0 8px; + width: 100%; } #maintext { margin-left: 25px; + margin-right: 10px; min-height: 300px; + position: relative; /* needed by z-index */ + z-index: 5; /* Place above absolutely-positioned sidebar in mobile, but below the slide-out nav link it contains */ } footer#bottom { + margin: 0 10px; background: #006633; - max-width: 750px; + border-radius: 0 8px 8px 8px; } + footer#bottom p { clear: both; - font-size: 8pt; + font-size: 10.5pt; color: #FFFFFF; text-align: center; padding: 5px; @@ -53,48 +80,121 @@ footer#bottom p { } #sidebar { + background: #006633; + border-radius: 8px 8px 0 0; + max-width: 212px; } + #sidebar .logo { - font-family: monospace; - font-size: 9pt; margin: 5px; text-align: center; font-weight: bold; } +#sidebar .logo .mono { + font-family: monospace; + font-size: 11pt; +} +#sidebar .logo .fancy { + font-family: "Teen Bold", "Droid Sans", sans-serif; + font-weight: bold; + font-size: 50pt; + line-height: 0.6; +} #sidebar .logo a { color: #FFFFFF; + text-decoration: none; } -#sidebar .links { - font-size: 9pt; - color: #006633; - margin: 5px; - padding-left: 5px; - background: #FFFFFF; -} -#sidebar .links h3 { + +#sidebar .mobile.menu-toggle { display: none; - margin-bottom: 4px; cursor: pointer; } +#sidebar input.menu-toggle { + opacity: 0; + -webkit-touch-callout: none; + touch-callout: none; + -webkit-tap-highlight-color: transparent; + tap-highlight-color: transparent; +} + +#sidebar .links { + margin: 5px; + border-radius: 5px; + font-size: 10.5pt; +} +#sidebar .links > ul, +#sidebar .links > .sideinput { + padding: 5px; + margin: 5px 0; + border-radius: 5px; + background: #FFFFFF; + color: #006633; +} #sidebar .links ul { list-style: none; - padding: 0; - margin: 0; } #sidebar .links ul li { } #sidebar .links ul li:before { color: #006633; content: '\2022'; - margin-right: 2px; + margin-right: 5px; } -#sidebar #sideinput { - margin: 5px; - padding-right: 1px; - background: #FFFFFF; - border: 1px solid #FFFFFF; +#sidebar .links .sideinput { + padding: 1px; + padding: 0; +/* text-align: right; +*/ + position: relative; +} + +#sidebar .links .sideinput .inputtext { + font-family: inherit; + font-size: 10.5pt; + border-radius: 5px; + border: 0; +/* + background-color: #006633; + margin-bottom: 2px; + color: #FFFFFF; +*/ + width: calc(100% - 8px); /* account for parent padding */ + min-height: 22px; + padding: 2px 4px; + background-color: #FFFFFF; + color: #006633; +} + +#sidebar .links .sideinput .inputtext::placeholder { + color: #006633; + opacity: 0.75; +} +/* +#sidebar .links .sideinput .inputbutton { + background-color: #FFFFFF; + color: #006633; + border: 1px solid; + border-radius: 5px; + font-weight: bold; + margin-bottom: 3px; + max-width: 50%; +} +*/ +#sidebar .links .sideinput .inputbutton { + position: absolute; + top: 1px; + right: 4px;; + background-color: transparent; + border: 0; + margin: 0; + padding: 0; + cursor: pointer; + +} +#sidebar .links .sideinput .inputbutton svg { + fill: #006633; } #main .logo { @@ -102,30 +202,29 @@ footer#bottom p { font-family: "Teen Bold", "Droid Sans", sans-serif; font-weight: bold; font-size: 95pt; - line-height: 0.8; - margin: 0; + line-height: 0.6; + margin: 0 0 14px 0; } -.box { +ul.article-list { + list-style: none; + margin: 0; + padding: 0; border: 4px solid #006633; - border-bottom: 2px solid #006633; - border-top: 2px solid #006633; + border-radius: 8px; +} +.box { margin-top: 0px; margin-bottom: 0px; padding: 0 10px; } -.boxline { - border-bottom: 0px solid #006633; - border-top: 2px solid #006633; +.box + .box { + border-top: 4px solid #006633; } - p { text-align: justify; margin-bottom: 1.1em; } -body.mceContentBody p { - text-align:left; -} .center { text-align: center; @@ -174,8 +273,9 @@ a.whitefont { } article h3 { - font-size: 10pt; - margin: 10px 0 0; + padding: 10px 0 0; + margin: 0; + font-size: 12pt; } article dl { margin: 0; @@ -200,13 +300,13 @@ div.options { div.pager { margin-top: 10px; + display: flex; + justify-content: space-between; } span.next { - float: left; } span.prev { - float: right; } a.bottom { @@ -222,8 +322,8 @@ a.bottom:hover { } li { - font-size: 10pt; - text-align: justify; + font-size: inherit; + text-align: inherit; } pre { @@ -235,30 +335,6 @@ pre { font-family: monospace; } -#sidebar .inputtext { - background-color: #006633; - border-color: #999999; - border-top: 1px solid; - border-bottom: 1px solid; - border-left: 1px solid; - border-right: 1px solid; - font-size: 8pt; - color: #FFFFFF; - width: 134px; -} - -#sidebar .inputbutton { - background-color: #FFFFFF; - color: #006633; - border-top: 1px solid; - border-bottom: 1px solid; - border-left: 1px solid; - border-right: 1px solid; - font-weight: bold; - margin-right: 0px; - margin-bottom: 3px; -} - .box .right { float: right; } @@ -267,50 +343,134 @@ pre { color: red; } -@media (max-width: 760px), -@media (max-device-width: 760px) { +@media (max-width: 800px), (max-device-width: 800px) { + body { + font-size: 12pt; + } #container { - max-width: 600px; + background: transparent; } #main { - float: none; - margin: 0; + margin: 0 5px; + } + #main .logo { + font-size: 70pt; } #maintext { margin-left: 0; - width: 100%; + } + footer#bottom { + border-radius: 8px; + margin: 0 5px; + } + footer#bottom p { + font-size: 11pt; } #sidebar { - width: 100%; + position: absolute; + background: transparent; + border-radius: 0 8px 8px 0; + font-size: 11pt; } - #sidebar form, #sidebar .logo { display: none; } - #sidebar .links { - background: linear-gradient(to right, #006633, #006633, #fff); + #sidebar .mobile.menu-toggle { + display: block; + -webkit-user-select: none; + user-select: none; + } + #sidebar input.menu-toggle { + /* Note that we could do this by turning the text we're covering into a label, and + * setting display: none on this input but this may be better for touch interfaces */ + position: absolute; + z-index: 50; + top: 0; + left: 0; + width: calc(100% - 10px); + height: 40px; /* text box size */ + } + #sidebar nav.links { + position: relative; /* needed by z-index */ + width: 150px; + background: #006633; + border-radius: 0 0 8px 0; + margin-top: 40px; + padding-bottom: 5px; + z-index: 20; + -webkit-font-smoothing: antialiased; + /* stop flickering of text in safari */ + transform-origin: 0% 0%; + transform: translate(-165px, 0); + transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); + } + #sidebar input.menu-toggle:checked ~ nav.links { + transform: translate(-10px, 0); + } + #sidebar .menu-toggle { + position: relative; /* needed by z-index */ + z-index: 30; + width: 150px; + } + #sidebar .menu-toggle .background, + #sidebar .menu-toggle .menu, + #sidebar .menu-toggle .close { + position: absolute; + top: 0; + width: calc(100% - 10px); + padding-left: 10px; + padding-top: 10px; + } + #sidebar .menu-toggle .menu { + fill: #006633; + color: #006633; + } + #sidebar .menu-toggle .background { + height: 40px; /* text box size */ + background: #006633; + border-radius: 0 8px 0 0; + -webkit-font-smoothing: antialiased; + /* stop flickering of text in safari */ + transform-origin: 0% 0%; + transform: translate(-165px, 0); + transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); + } + #sidebar input.menu-toggle:checked ~ .menu-toggle .background { + transform: translate(-10px, 0); + } + #sidebar .menu-toggle .close { color: #FFFFFF; + fill: #FFFFFF; + clip-path: polygon(0 0, -20px 0, -20px 100%, 0 100%); /* covered */ + transition: clip-path 0.5s cubic-bezier(0.77,0.2,0.05,1.0); + } + #sidebar input.menu-toggle:checked ~ .menu-toggle .close { + clip-path: polygon(0 0, 150px 0, 150px 100%, 0 100%); /* uncovered */ + } + #sidebar .menu-toggle .text { + font-size: 20px; + padding-left: 5px; + padding-right: 10px; + } + #sidebar .menu-toggle .icon { + display: inline-block; + height: 28px; /* Size of text block */ + vertical-align: middle; + } + #sidebar .links { margin: 0; } - #sidebar .links h3 { - display: block; - padding: 2px; - } - #sidebar .menu-toggle::after { - font: normal 16px/1 Genericons; - font-size: 12px; - padding-left: 4px; - text-transform: lowercase; - content: "\f502"; - vertical-align: -4px; - } - #sidebar .menu-toggle.toggle-on::after { - content: "\f500"; - vertical-align: 2px; + #sidebar .links ul, + #sidebar .links .sideinput { + margin: 0; + background: #006633; + color: #FFFFFF; + border: 0; } #sidebar .links ul { - padding: 4px; - display: none; + padding: 6px; + } + #sidebar .links .sideinput { } #sidebar .links ul li { } @@ -319,33 +479,20 @@ pre { #sidebar .links ul li a { color: #FFFFFF; } -} - - -@font-face { - font-family: 'Teen Bold'; - font-style: normal; - font-weight: bold; - src: url('graphics/teenbold.ttf') format('truetype'); -} - -@font-face { - font-family: 'Genericons'; - src: url('Genericons.eot'); -} - -@font-face { - font-family: 'Genericons'; - src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAADgYAA0AAAAAWDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAA3/AAAABoAAAAcbOWpBk9TLzIAAAGUAAAARQAAAGBVb3cYY21hcAAAAngAAACUAAABqq7WqvhjdnQgAAADDAAAAAQAAAAEAEQFEWdhc3AAADf0AAAACAAAAAj//wADZ2x5ZgAABEAAADAqAABJ0A3bTddoZWFkAAABMAAAACkAAAA2B8ZTM2hoZWEAAAFcAAAAGAAAACQQuQgFaG10eAAAAdwAAACZAAABNGKqU2Vsb2NhAAADEAAAAS4AAAEuB9f1Nm1heHAAAAF0AAAAIAAAACAA6AEZbmFtZQAANGwAAAFRAAAChXCWuFJwb3N0AAA1wAAAAjEAAAXmlxz2knjaY2BkYGAA4rplZ/Tj+W2+MnBzMIDAhRBmaWSag4EDQjGBKADj7gZyAAAAeNpjYGRg4GAAgh1gEsRmZEAFLAAWNADXAAEAAACWAOgAEAAAAAAAAgAAAAEAAQAAAEAALgAAAAB42mNg4WBg/MLAysDAasw6k4GBUQ5CM19nSGMSYmBgYmDjZIADAQSTISDNNYXhwEeGr+IcIO4ODogwI5ISBQZGAOtvCU0AAAB42kVPuxXCQAyTL+GRmmVoKdgA6FNRMoObdAyRnj3o6NkGLOl4+N75I381AUeUTPoNASSyoWVUBMYUYkmt/KOQVdG79IceFtwj8QpN4JxI+vL4LrYUTlL294GNerLNcGfiRMu6gfhOGMbSzTOz30lv9SbvMoe+TRfHFld08b4wQ/Mhk6ocD8rtKzrHrV/49A34cy/9BURAKJ4AAAB42t2NPw8BQRTEZ+/E2Xi7NlHIJsI1hGgodVqdVqfVqZRqH8QXvL25eq0/USh8AL/kzWReJhkAOV43hMKDW0rqmVu4Jh/BpY+tdNDBh2ndoabnnGtuueeR52YQI1AhILhQ1iDoWHLJDXc88NQgxl5ujS2sMjNZyUImMhYvfTFSdC/v3R+oNj4llSXJvgv4e+6zoCcQAEQFEQAAACwALAAsAFoAhADMAPIBAAEcAUYBlAHOAggCsgNMA6QD4AQSBMIFXAWoBgQGdgcIByoHageOB8gIJgkeCn4LOgvIDH4Myg2YDeoOLA5oDtIO9A8QDy4PeA+aD+AQNhCgEN4RFBFSEZwR9hJgEoISpBLuEwwTKBNEE3ITihPOFAYUWBSYFMgU3BT4FT4VTBViFaAVzhY6FmYWlhaoFsIW2hbuFwQXEhcgFzYXlBfEGAIYNhh4GLIY2hj8GSoZhBnAGfAaBhoUGioaQBpOGn4awBr4GyobgBuWG6wb3hwCHCwccByqHOgdFh02HWodmh3MHgQeHh5GHowfpB/OH9wf6B/2IAQgWCCOIOYhdiGuIfAiciKOIrQi6CL2IyojRCN2I5QjviQIJJAkxCToAAB42oV8CWBU1dX/PW+dyT57Mkkms2RmAkkmyazZCEPYE3ZCWALKJkhYI7IorT4XFERwQdEiAtaK1l0roMUln3WtSktBPltrP7CLyx9b21o/hczlf+59MyGA+jF579333n3vbuf+zu+cex5EICMIERbK04hIVBJ6BkhN87OqRL4IP6PIf2x+VhQwSZ4R2WWZXX5WVaCv+Vlg1yMmj8nvMXlGCG5aDvfSy+Vppx8bIb1HCFEEIhCFyBp/bzbJJxbiIAQ8No9s88TkmMcGuPkxbcKjQCTSRwQtpYkESErDFDmLj8pa+t9Zwg8UNyIA5lHxh++1YFluyVwgSO5yocBMwvFowKtYxRr4Kcw7fJjuoZfQPYcPw1vHduw4tkMl567MYzn6Du9gNwgWr4GmaoqGr3WQYjIY6yqz5lk8JNwiREOCN0+wukC0yTESdoHNmif4vCGIxmVNIN9iY/FAHzqwb/3o0ev36YezZ4nw8ye3d0amrRs2fXtnJzamTxM1DcgZrT8TO4jfzk3upb2d26cPWzct0rn9ye2sPgIxDOw/7DuTB7BKbGM/Cd/Vp/UREXsFMAWajHuBAJ5Tvmcb9g+wawprm0CIUcC+1s7gWQp/eI8/h32ZixmtimqSTSGIReNuu6zd1nOW9Nx2ElpOytqG1ytSn2rCvRWvb9hz8iQfA3xKYWPAxhXrY80Dnykcj8G5pAdwTDef2tK9Q8gkKNaajfOWU5uB7OgekCQCqyevSxGJsnG120xYo1g8ZmKDiicOG9bNFHVg/+MddwDTLZCwsVv2MMsWFA9B1qHuzmTP7p5kZ3dvZ/ch+vWhus4GfkElhzZSbd7uwD2NHaBN7OmZSLWOxnsCu+eBtvEEHqi28dChjaAl10wvwjyU5wHMw3qO9KqsbgXEh+0N87pVggk8CQ9rtH7BhyPk87J6xSOK1r1jR7dGk3S/Blv2nKT8HE+TPKFgk9klmoRe7eQeQTt3uqMbMEVEyIybjKW6mASw8sDFxikYj0WDmCzAZIsQiwaCLDcfe03Kjzc1xWe1t0PBjAULZnTVtPonjpbx9hnchIL4rbtujc1q7+7G+zM/p32fz+yq6blx1OWHRmMR2M6oASWPrOMzyyWYbVZBkVQlgELBimlRsOAWIRAMQZ6gBoKKGhLzIQ9wcjgUm9UlOxQ1TwhBMCQFB+N1u8MlOVxKwmq32qxKMFAewNqaWwRxDdgh68RLN7YteYHSe30+CLpiMxeMH1tbskQxGvMtUl64eUHiqptvvioxf2goK6sg32CUlpTUjpkwf2YsmmsPjR46yikYS73xUimnyGhyisZSpzcXFIc7MWp+M/h899DUC0vabnzphIGwPf16y8P0rTOvhFV3ofSrKcPnOhVLeXjC/E1T916RXzHm0joQZXOd3wvg9deZFEGomNSQKMlevWfK5vkTwn6zEurKypMLYtVSrq+4UFCznWZQCl31Hil3kGtwXpapfGJdVqFbibx8Bhoe3sIbh53IgIoQ3qcGYiKliC1hkiSTCPGHE4KoENXuj5sT5bILzIgrZkecJALBHGDd6xIccckhAMtUnhAsXsVnt7RIiUAVuCWCsEcQ9wgDPonsP+R56k90U/cH4phd7xbSU/RYXmPX6fuvXPZjePyTgiT9G+2Rl4w+8L/N9tKg8iiMu9p5pvFV+s+aV+GrW7Y+4dbci36t7B2/Zcmga+hBehXsgg1g+dnP6Bd0I12I2xc/+xlYtElQBTe20SNv9u5dBh29oVDxvfTXwubkw/Q369+D+PharTMMHzRc2u0qjXTkeJRiKIV/T6OHjtvHhMAJ8YJ9dJ/Q6G5pLb/mTu2Cl2OBvFDWXYB4XIV4/BFpwBNFtSPgSpLP7bdHwjjlUbwwgYchKF8MrxJ2yYES2iJEwnZHPJEHalzV2pcL1bO0p39L6TZ6mJ6tqpr24B1D173k87vraq99ZMKM9hnhW+CWj7MaF2xqn7Al8uNl1o6GFUrtqgnFtiXH3jt0/+phD8mBUXXitpVqbtE7N8qVYvinlyzofPSd7EGVbZsWNA5JFCWTS7y5en0J6g9VI8F+dPAhSls8Q1BHRByJgA8VSCnCIirN8wCC/g3ycujfKlv3yeOXXHLnjCpKU1XshoqIcIYgdL4JUm9OcwL+lRW/dM2IU7Qv1bCjW8Y7HNuxXPkTLNfN8EFkioGVEW2RsCfKQPTyckVpN4zNp2/Q3j/9yVE95pJr2hLdTqc6Z2FF1GmUvqFH+g6KY6EGhOjc6WPipYoo0r+Z/NVeUTASRJ9M2yyIzB6ykKzg2GA3s0HxeXFGF5jjgJILCoRRdrPBbgFLPNEixqIMCAwIHZGwI1Du80qKGo6E40MhbldURQWLiDgSd9jPXfPjUKti3ByLim2wDMZ9uW3Y6n2vfXr1Afrcl9u2fUn/ePo9eu0oMXDL9ZLwzb9W/Rl8kwSpIM+iOgqt4JDNcp6kChMawbiCfnbfLfTs4THFRf5lPq/NkmetqgX/09d0WPOt1o0TA0t9PrxoqxR88pCvD/5B1fDtzx24+tPX9q0etu1LGMdLT+WdohsWSqX399WEZEV4ODXMI+3t2w05Sk5d3ahIYWhmzCv4De7skvxCW3ZDJyxc1fXgClkQocwrykLfPYIJZqiC1w1ZmYtqReXNO1MN3bD6w8NM1lHXk2t5/+YjykfIUhxJnOhe1cRknGEqWLAbAy3gcIkOuwKsh1CIgngB0VUBNuRIrJhocbFDnA4JQW9IxX5PcNCOJDxehZ1GPCibQrN5rOXgPde86/S4nWWeH79ty6u/enJzz/Qh2TYNclRIPTftpqLGD7Qp4yyjfPFSj1XsRQJ2ls9KprZk2RLtaoNgTqDAnW821LT/YubUvTenHrj2r5N0yRQaYSr89VqxpcHTXA5TpN/uXvLUPFFIdt8+aW9vKubxCPZFk6ZdLkBhbm1hRWkwKBcASRfRh8+X2Mcuumx2fWlWaUGJtdBmjI5uuvX5Vc/Xbps/dRibG1w3IrAqLyE/MpM6nR0FmeplooaqCCkIXoqyaQcqEgSPOeixtSh4T7AJc+gBaHtImHzZ4qmJjiqo6pQL6MHJnZWjB+dm04OSBGOzbW5PTaS1fMrmxQ1AxP+5ef7YtnnV4+tqx4fO7BTMS9b5I+7ieOq/xevnbDWV+IqLLdmJpU+s5GOppcfSgnOyeQAapKc940oWpAwh8CGpsdrxAq+moMY89gKbirVOcByzmXSEYCCAlMBBv71hxGSY1Dp8yuRhUtPDm8KT670F9BsAMBiyvA3ekcMykKEPwmkiFvV9Im6c2Ng8fkJT48S+DfDmUweKKoOFqzx09f4DcKjS5hxUemkHnYGd+RgqqsmooyaxGrskfWoHggLO0mAgYQkJvGcZDmN/svlqZlKG9casSMjUPPYXZNlaZKlu7e+f3DY3Wj31qh0HFi54yju2wDvnbrX0p1KefeuiqTMCzXmOqxeueWH+yBve+vGcx25eMTY41ayqolVQffZpaxPl45bd84s/G0hi/qa9++ds+PiVXcub5yTpR/UbtscfuVp42uhZEr310NIpke3/1bDg9ueh7sDlz1zXFpq86qZ7J9093+YszJmYVWgy+u56cdX43fdtXT89rOuUjB5ekOE2BUKegM0MxhMWFzDNwhol6o2yO+wIYZCIB4JpzYKiw5gt0v4Ep1xMtjBfGWAnOQLkQl6T5hx3bWsvGVOydfJVv7l9ctMVu95bvfbI7msmDupebC6RBZMgy3kjRmu9PZc92F0/acclsQ5/Tnada/Tw+KxYgcHYY3HI++mpXQNZDP2cfs3eP3j9AnDG2pceAvHurifuWplMXPKj2+9uu+XoYEOexZDMstpME6+a9+zNk5uX3DZt+zd3x7piNbvWDW6dPuLq9srJFgv1T52/eSI4YO3hfrIikL3CXHWuvBcnVz7n4AXIswvK00fZCjO++oo+8lXqynRC3sv2X6XP8KjrbsK5shdPJBFtBR9qkiAKC9LWBP4sZocZoQ1TeMmsbABrQQ4aZnem7l+2wjt5tvWqjo3XPT3zSF3U2jy2vmeVoWBTcuSNKjHQh2iKDqGDoAxuuwbKOpZdufpeg5X+lj4/kf7z6adn31sKT7A2ZGy5fMSGi+afUVAImjB7+vgeuNWpIAOn/FzAfR9n0gTgA6IpFTiXvbqFg+iKgMtA2YSKCsWGkeCYyRfjjUpIw+HndLqpoLp53KabV8+Zs2zDpZcMb42+0d3eHqo2qRptop/Q6K6qKmf5DPq3uN1eVtbQeN0GYU3Kl0zOmrklowsy+OEg1WTIxfUnbqXA7o4XYI34bHRz/oN1syO4x00ol5WoPkrBam+CcHwghIhl9NWTzJxDM+Hv5s2n6OenNpvp39tjMom1t8e09O58FKHkpP5U30mRjGpEYw3tuKaRKfaItD/zTDufWmcBVFDOkm3kTrKD/ITcTx4gD5FHmGWJTbDVKuzPqtSh/aLUKaqV7RQbAxTsTiUfQPEGobYGAsHaQCygd28gGA3yGRiI4cUodkGsNh6L10VZn8fCCX7Uf0OhNgHxsANq7XW19ojd0f+zsa2W/Vkd1jo7mOSEERx+2ZYAk1/1J4KqEYKyP6aqOOr8n4B/QnqPh1SrqcKUagURUJxFdlWA8/4J0J8Z1bzwMmYXXgYB+t+RfhHgq8D1SWpd6swn4Eq98RDcTT/+RBj92WefQaUgf0I/Fhofkv4lS7RaUAWQ2DOsUIEVmX4Dvh9odXYOHGWvT9dU5PfxAPgQPijBUUkWQAYBT9nGHuMvYPuj2dm0Ot1CUX8jK4NlwydgIn3vlZ0wgz6y85W9f1yRehmir9w3YdeuXZiasfOVB/644nxZtaCee5l8wmQVWWEB2otubua1IClH01FA/eCwSwmcMlw/IKYisA4FhqmYA21CC2eDCiP1iKy10TrGd8rZJf5onIFwCBT9gnAOmJHmBLji4dmYWYBvYzfZOVNKIhquQY7XyJ3wlD2RPhUgXJ7QqRJ7JWK4hGUGA+ZEHK8nFElBuDfbJYkcYCyUkUN6FyOhnI8e3U2PL1++0Gra96P14N4wtn3lu3dNL0+GsEeNIgz72WuLHwTXPLf/cvrh7eLgwZ1brlzbMWvuU9e0Z3d3LKJfLb9ySEuWYefyFf/T1OJoD23cFOu02CIFVbHSqlmBQNRgMBcVVIaLndFqc7FDVirLKmpCY3LRJjTa7CMDgVFWm2w2Fnsr7JVdHq9fFDo3tkam1eTYzJMWra0vHxYxFRvNjg2PdEy/fRrdcAo2LWqavuPt1eNvmOeMj1m9ih58+GH62ei23OkzoPpZk/k++tnba6/7EEI6B9abyShwmg3fY1izcin9/d13nR07Jq/BNmP7u6tGbVoTxrZmCdC+rOnWDZHqa+5OZQ2/qX71YF+Jt/2ap+YKS19pGW9talmy9Efrf+XyTJnT9XF7pNoaHDJ33rTiyjI1O8/hGD1ocIfH4bEIQo7TXNzm97eYkN7WVwpQNrbU5RGg0ufrCFo9TotkLCpzz6wdtjRkyhl5ycpYtKPaYM+rGVKe2NA88apYfs7yB/tu/ubdm25cc+S+pVb38q2T76FPrt+wqtT5P3t2wfKf3Pc7lyTk3PIB/dPuffR3H17fL78G1FQkm3SRK8mtun+SkekYkmlQfZwGodgwz18ZuGR2hjIsMslG6ybBU0osLdcopR6IhlCKOOnkHAJ5khhPcwrGQ60utMviiDIZtqtR+z13FroSbmehu7nK77AUOiyWaZ7yeKk7N7z4jnfWLHx47ZSgoaA0mPBGNtzaNsSSV5yFU1xQwNBomnXP3Nj4sfeDAew5ZeXDWiIWn2XY2urC8mGV3j8f+tmBl5oc4REL6l0tcUu0oCw8tLO2aoakZZi8QKZZSpJDLomEZ7a0Bkrt9praSkt+a4k7UT1kZHD4dT2dYf/QznkxeygSCddY3ZV2VSqyhKqcan52npovIXlJLrlhVMfDyetOz3NFwoMToXJRNucb8wfXTq65du9WcVFTT/TK1bMbLD5HcsWgWZdOG1Hhx7I3Im7E1evIIuxxF07qPDmExqcpz4AzmadcQjyB6tYlYj/HQ4ov6A3kYTZwiWWghiSc/C0i2kLybrVo7MgZI5qceWWVy1auW3X59KTZjGrEYLK6/dHS6IqOkWaLZ8Tw+gKoV6zJoTPGTxlalyWUt0zpmj11mMUiFUSi7aOmjh5TUlwkmpxFRuNJ1dE4qDR7zPCRjzz89E/v3TDbqQ4ScwaHp825YdvB+TM3T01Y5NxcVaH/T1DtDrfL5yrNNgtFrpxcKPRW5pVXi8+m/ibI2ZJsqR6+dOS467vaqrz5BoRYJb+wItJeXT138rjGqpzst43uJSseeuCN2ROuaHILeSVFWYTzr1uxb65EmRxErsPesavc0RxkIiahmmdMVERbmhk5KI7AvICBgT/Mw2xte5qo9N9HosV0rXWATrSmOUz/fVuG3sTVYREYf8P+hVctnzjuig+fR/ptGl7Xtf7uSVvXtY2a//JD21dPraKLmry+IU0dU5Z0utzlbktBNNE1v3Kwp8RRVBP1eYuc9fVTp63atmRZfUMi1jVj4+yWeq+npfXyCdWhQqfDVlJWFff64tHp6w78ZMUqsXXxFQv33zC+MW/Isl0v/GF1x7QrNk66e31XXXtO1dTV2x96ef4c+uuOy2cMaa4IFjsdFqPRnI/vCHnL3e6WkM1eXl4dCtcitXIGB41tm7toRGswUGI1mzyu8NDBVXabxxOrLSxCm659/LiaoaEQtweQ5RGF8dQoYyg4P3XrBvdKJbIuzrlCQiWYuFbiHc88/0hU0IpWNHuwyM629liSsSCaHHbl6FmDtd66FfOSoCKieWaOKjAYYG+sXSLFdeUGT1DfY+7u9oraCkG75IFvNsumak9Jx84p0/b6A+26ifIebFUj6mruLQySWjKUjEG7bDPWMo7V0octikQHxwqwlmmr117OzDOFnfnj3DxR7ajjWJJ7Xqx2CayOOHNFKcSrMJd51GLVfWuAGpvzyIydh/ksCGgOuQXtItYVaPUE/aLdwc5dIL2VP9iV3/nCoc581+D8+tvuoP9oDYWGDQuFWmHE7NbW2a2Cp7JhUHXZ1NSWx8D36KP0o8cepx89+ij4Uh9X1EwrrRrUKFfjQAyt3lcfyrvydfolPU6/fH1NQWll0dqpdVNLDv51tmw226ChcEpd25IlbTUT60R6evyfniqZFo7PjouGfFdlfmdnfqUrvx6UUCsW39qq70OhIWW1gxqCQ1KLu/cvXXagu/vA8QPdwn01JeOGlDcIHaGWUHUy9XSiqzhcd9kLGydO3Pj8ZWjPRob5pq6tDswzwtv27Bx5zKC6JXctqR4faqbX5MytCMVns/nJUFNFqSE+ksDxYA4uZsaLfDlIGIIKRF+K4N3msKmyJ2MzBmOOhH5Tmmz32701ALPvnzNSmx0HtWZEjfzmli1vSfcjLVJn754zZ/dsWHI/XpaOzLb7bSEvLZv1k5mxrh+POHLYU1PjgU82vfTKpqXV1x7p2jVr5s6u39WGjrHrRK8jW5tBuc4n5Rn7gS+Q6f4HtkSGfJetkzkg4UIjIeFQkOln1sbQUPhDoL3bT/9A/+Dvbg/AEtnUMKLBJKt8yeKIvnx2hK1RpPaxDPRD8PMHdkilPl+pRHSf4cvIDVv7168chBhFkzEnYTNCzCHcBj2pL+h2WC5YKKYFCyxP/VPIp9tTX0APvR2u2J36MvXlbrWVvksPQnnqBfDR5+m7EIUx9CP6sLiX/hHGQvTMt/S9xavpq9CyejFvu0DIWWUktt1FRvK2q6KAqpiZRCrkgW6xMWue8Uec32ztKGFGxsiMJZ1VMkuLe2094RaQ35jRaI3OlGXFWlTjOm2QVboub7A721qWX9ZcIZz0yk5LaoWtVP6301pa9pG1WBRcouSy0H8W+3zFMDTbXqCS+fMppS1Wq63CZhYMtKEgV5TVygrZ5qiqKqErf2Evc5v7DIqMclKY58wz7Mq1+rzFwWJPjoXjFFt7YmttA63ZAQtN5HsXltIrSRzrBJRavl7H1pHQmHUg1xEjQi/z7TGLF7OnNE2T0BxGZoQcISNLWLLC2FIO97IZIbPIKuFUSBFKxHe6GaApmEwRtobXzs5JZv2Ky2EZ8ad9xhnrgLmM9ZVVxCY8kywmNB5NYh24QH5x1aoX6Rn6MT3z0sqVL8Fda96/r6vrvvfX7KJf79wJWX+EwV30GZWsfEnPxLKj3YIPvnRmZdfO458f39m1k35N38LsEqGz6H93wST4gy4fWCfC13lNeO5lOGq3iqxXPawzpW6+UqwxL8DJPZLG14fp5yf3MM605yTrk3PtyibFpEr3PSJnjNhwszBnni5W3B5PjxcbKh8rLCKj0jmNmyZgZ7fH+rgFLeI+1etE5h9I4t6paGfYFNK0M5iNZUixvbA/4KSE3YdezHl+XVxkMGnEutSi5a+KjEclLHqJniaoDUfQICqBuh+qqoRlKaFIibrsSV4GYdahw81drd9ZY+lXIBhUrFFxTqgInsEqCW4H2qeHvqvyhOT013VgTEAxykYlaUIdN5zhacQmprdM2pNOR3Az/VBPZ549FyrAasyP39MASvQ87B7faPqY2Qvku5oCMT0ggc+PaTBNvVq9GtvjRoQDB6DB0CJAAtSAN5+vf6qQsIeHIuzCn4SyWamT5U2NQW+OtV745jmhbL+/O7C/0GwufC51Yn8A036hnufy15TmGUORKdKL+1MnnvP79xe1thbuF8owecDf3T83Oc4XkBLsOxVQS7MoiHK3ZEZ2R9BqQQRDDYXYh4aG6d4X0vMH6iFr58q+lesPf3V4PdsBNvgfKzN3cOrseuFeeCd9c/16kvG3p8viLb2gOJIuKg+sdkvMY5NN8I+LykyN6n+nQdDEldR0Ubn023O1MvA+FgfEe5SQCu6L6zfTfrAeotZvZwn/R3UUcm6FI/V/1IvrNwKVBqK8T3KxTqWIbtUstoJBW9AIcayKaATe8UZgnuU4mhpx7kQVOO9C/JThDJUX0q+Q93x1GVXg9GWQA4Mhxw9r6Nbxr3/w2jh6K1wx/vVly16fmCLMbXeSvjqPY6uMT1J50erVi+E0nF68enVfJVwJqydMnTKB3kq34hFe3aM/cFKIcXQ+r84sxsXHZx0Bb5CtJyms7kgrE8xiTUDQ4oBggjUEbYkM3vs5c8QGJXS+KZEiDzynnBQA5vKW3P3zXdsv6Vj2ejus+X3oujPkOo028mbd/b9vp7bwasB73bc9sow3raVn6Mk9yxBy4DlP0Z6Twgm6l7Vp4nbvlAlw5QfwMX8DvMEauDf1Lm/4191LeBNf7Zm7nIMxCAy09DgU7H/mxsP6GQGVUS8kNdpLezVI8h0k5QvONZYnvXbL1wXOf4eB9PWKSa2vt69XE5N8JybVC841lofJqJbWKxbEsxiLHrJVGmJ+fcVNZT3IsAqRSo70O3Mj534y0QFH07GnPQYINEwhOM+mAV/TwUfPofDMCEX7EXTxrzfFTRABj5mN8wYoRd6wgxjZfLXgH8jFoBJafpD6qf8gLRfGPfecdC09kPoMxtHnBAe0geBIfcawRecLGnZtFp/tCLxB5gRHra9pfUQTccIoDDApc7ineqGXJs/xY8YXjNyfYgT8M3kYi0jhT8TfaUzz8KRetmNVJRLvv16lF58zkDzGdIwCm90OHIoaQfWjPGIf9fZpNClqqSfmClNTe7W5ybkajMf0XAVL79OgF1vO7vXN5fdy2a00f8K3syE2ZkKoVOQ5jPYgDCVT/ElWFegdiDc5OLc5g+ZxMJ6oUO4zhVGNOQFPsiBQBT4zM45QzQLR11DazpLDdPdvj8A2mAwlb6w4S2Y/9AX9hO5/ctXeVfgnZ0JRfgvzD4tkxRv0L/QpesWRJ6Edir54aHafxvNx3U5krMdZ9RXsDSeP/3GhPuE2KU7RFmQW/VOzGDwW9d3KvOiVU7891bq42eHwCd9UrrpiVSX9Xz7vfh+lf4sIs0ZpcxK+5LTueun9UWPHjjp9hM8qiLE1ECwvs25iQ2yI6LyGoQLaLglub3IkQ1BD9PUwaLA7WOODakgQOI1SvCwajv66nf7q1ekPbW0EtAoCsS3jWfATbmi+tsOQV6//dCa7Dr6pC77ijZVQlB4/FupoArQm/PEhJ4UytjDz+LGFM9kFKA+X0lree3osG48Rq8xEiOWBl3F6nFZ2Nw8V83n7A8L4XOM0mQeGcQTXWKpn4qRVOG80dmRhYSntaobtVzNsYDFggjaxZ9WkNNl6jTazM4FsZPMC7lCYbOSRQj32EMFTZVgfi5rRhChgxRfYxXKuOWZOokvokkkzd8K+G1988UZ8s0qYNllzFG/APZOOrtkFWSnni2B4kQWqMTyby/BMPsGmEJIJHyQcMucl9IR2Qj4xN0Vgr9aLY4UyaiD9XIoU4WCx8WJHA/mG6BtwRyPTbSmuCgdwBgsZhO8I4qzOY35uhwkHkTWBeUAcHlMZChiP3jCh6MOf/yxon9aM8P/+4ZtPPTZ/vbyp/rJRf05plvfHTFr45Ap2TSnF809DqzaOfIb+o4qetm9+A8Rbd4GdTrj8jUdG4/OW90f98vI1h7eVgoI3aYrZJCK2VdJ4a9i01FhMY7qeDH9YJ7D2cUn0p3OcQfOkD5/rIzyQkCHNVCFpYH2mcjuzjM1yzg/SB3BI6fVLc3q+CPX0P7BdoxZYIz2UTqzqG46CwYbhn7t7enb3yA/QMsq8pHtSJ/Vjyzx2F8WHHuphWc7jJirnswxfeJjewJkp87g8NJXwCO3n5iMicfqqyIPzBk5Gwl7FdUr63RmmnNCZMknjjvmCoz8dWaszZV39yFzxeLgSQrMRybPPxPII+7jyGPgH6cBRFqOaUUM0qZsDfJ/EyrH7OAj8CdAfpPphn06MJU6bmUbS33qGW5QswJcROkbEicps0RJuz+rqMBpvgrQfi/uYuH9ywOKlqh7a2Lq2KvTiFXtOFkqE22U7yjwbD0WqL9twck9LK5+bmgqqnI41tlsZ/w6yiREMRIeylUERablyoL39s7Yj7bSBnoA3oa3ts/ZjbTP2niV75V3tR/EWjKEN4Ga3juFZW2rHXiAMkIHpLpnRKPVc/4t6RWS9Qtyn+Dv57/KTXNcIWHjMAxKBL6hlOkxn4b/05/IT1EItnTBdg+ncD4kT7HeKpj+Dcx7JLZJaiUynP2cRvjB9OrXIT3TSn+OznfAFt+WTCqsHY3RMQQJCRKo3haymV2a6WEBqk+T5GJYkWT6sixGzcS+BkMSfxhQ2JlO9/bERIlaPRbqiBIs8VLmPyyHgDMWq6fdQttkkzdxL8wRZ4+HexCiyymuMlDEJOEMEPaib8/gCdiJrysX2n48EUbJrUOckuCVIMvYe2xIRm2/geWSAPfh950I/mUplUn3ahYn+4PJMdPn3pHjXCNwPwn0ZrM4XrcpnkIXhmKw7ZPhe940wRwnznvXxaxILztHSs13EW2kc4e9n+BW44P0RpnBtvtiAcsQYM4ThXFEae5GWKZCzMuYFzJSJFh4zjM8VvJ+ZuGd1H0LGD85wpljHYqbP5fQRPFZBYQQwBIKIz/AG8UMfDvJNn91xltzx2U0KBw7uCdePqXfupf/5RSn9N+SW/gKyGU0k+rxX0lYcw+c0ADC0GggCLuhHAQmrx8KaAeWGtxYbpwdTK8qhjVUdo0t1UBCwajp2AXPbMD2CB7d74yFHpSuNEeewp7wfe/R6fF/p6ShNkqmDPqznl8zhSIfO7yhT4N9CMF5l5B48E1va8qhcXyMQI0bgpGWR+8z+ZO6I1B9mCQE6S2AjRHHecY8cKvB9/MZ5Pqx8piZKeXAK7nwx/l0AMKjFPGcZy2bDcpWaYrORvZvF1+nzNj3mJj7iTEM0IatNSzOrWyCa4BaLwk2LZEZ0+4gYDof7DjN/FBMlTZfnM1ha4s4EszQFRMs96lx1LqniKyuqX1EtapARxaAlEJSDzH5MBBNyPCEmHIjKCYdod/gdqh3Hmgu3PazObaS/qWm2b3l7qLPl7S22plr6m8ZPDYZPG6Gutsm25e1h1mFv32pvqoU6dplu4vArnLrV3lxzLqf+gtzsJL6huUbP+qn+4lvfwheXcewmF/gYrGjPn/dVCXAnvwpxv5Ux4AQoF35fIoU3n9qyaYNwaEwf4anUyDEXfWySOrzl1OYxqZEbNrGjcGjDRfyh+JxeKc/YFQiobPaz6S7r3CGlHxgLQhgmTGgklB79qj6532E6mM3uc7Ki8yiTzhLZ1Yyql4kO1Yxb93MunpN9laN/mdP/vUcG5/VwKBFvnmbFkwzeD1h/yORFMmRh4ql/Y6OXmOIKov/bFDLg2xQsLf1tigg8eN7wvZhLBmCu7gRPY10adLFzDAiAp/UZi/tvMqDLqypyPGLvV9C6YpjLMdV4XjGe9G9AcUIaXIX+IoFXG6d+pmj+lQ/2v6hliseHsN2s9f3VuFDuLBfKnZRZpIux+N4IMrcL5U5YrKP9Xtqr7b1I4MK8mL52Bi00rcfOK8/x3V9PMc560RdUqYG89YKCzhw+z448r4zId5ehr1zjrHLw5WoGtOxXCpEYj+j6nvLhFX9Hx13P/Wz2TQsripyFRdERxc53TeaRU76vTkJD4+RVyWGXPDe6oKDEV1LsHVxdNazBW2q1VUfT3xnoNq8u1eynotwwRwXH3BPUjcPmhhMX5GUZjSxvCkdeIsxhz/Iy5kPdzJ+R8YMwpmMmdnwigoZBxIJb0Oe3oGUXKWZJhVGNFHt5J3TQ/3e8Ukt93sl9kVrnUDyTeV24H5NnTKf5mo6Kc+db5Sq2ksEs0BbBXgaJFnChtsbKrx/bFLzxhZfHPvDA2Jef31jRPBZF9rKRv3rzvpbBI++9d+TglvveenUk9zMsghPqTsWNM1j/0oz5v0RQLaKDObSDwtLj9AjUHD8iHTl+5MhxqDnT/Q2Qb+SGbcihG7ZBA7y5jb5J39wGb9KyFom0MJuM26dpP1ARW/0xCjFUtGjFXRQQHTsXwK47iRREFZGHgqvnvO4xpt91F63MYYR583CHVPZcDu7T73f6XlyP0h+uh+2Hy0/9XyVr5DvKLPuBMi2o/oPqD5XaB6/Nojv2d/1QySg+r3WxTAxF0zIqox7Dck1GgQUtmIKowpg/zSRwrycDYJGgHtrR9uLCsxyP5STzjtJeLsLsYz16bEfbOKrp5+l4CR3X83iM+MC3yhe8i3zH8+d8DyLrk4wu8vLgKNFnCvMAC44eEhfyUSvb21eOGr2sJdLg8zVEWpaN5leA95SMM49ZpGwT+1MDMI7zo2zmpYE0iPMSWby2J8iX6oF7RhhwSxqbWA31q1JklT9SxMy8FFePUvqThPatiZ6e8lmXhrWB3In7Gi4cUhbg6MbOkT0x/tmiwg3hPr7ffArspzazVVLkHdJ5Y6jpkbWapn/fwHSxPB3bUECcPP7Yw1FSUW08BMXnYa44BqGVUKQnfaiTFn+1cuW8Scvn/eVXdDKQ6xfOrKu7fM32y+a+q2ijRv5k8Y15atFNK+9/Rnh+yOjW0lLaQo+Nn3QbSfvRiZxZH/aJEdWTiFh8CY88Q/tSq6DJCnZA85IbVFxzpn3eGucW2QyDWD9nAkvAFGSBpZxdwP60PkbB7T3LsVLS6UrfO0KyNzUX3ExAjP1x44w3GEkOj9+24Qii7reYPBb24QSTtkEAumdY9RsBTXpNN25A+5aPme5uAd3FrH2rcSKM53KaGFMsPeN4YSMMGmdRGjczmLNNO19Pmsl/na/DHEFFHcrDR4OJGiEfaoShqmMolEGgBvKl4FBwJIJDhUBQdeBfvsgy4SnqugTCM8+YyBfK8BomyiAfEmoZqIl8Q7ASTxwJfKHkUGtkhYWfOmrkoQIS56ECPi2pmFXENzryUeouVJF5opglm1wCeQ2SbUq+r6iwPloRBJBlR64l1x8oHu4szHXIeaUOZ6RQzK0xFNoq8setlqweyWZoHt+sFOSE7O6RrqXz338qUOv21biUkuza9vJEbrDYa/F4jKXZ1vb4YDkvO1TgLMvzObPcTkNhKFinlDbmDwpWocFoAIOcJYPT9aMPNklZ2cPdWWqewZBvzW0OCvmWEXVeo8FjqKktExwl4Ypyk+CRBl+kuP8jKRZk2H0Tfv90VqTIYLGJpXF3QjX78qxOH2Sp/qzmuKwKdl+2scIp2p1Ge/b6dsEkZwnGLF9ps8dmNRlM4L8ZcgwGRTWLDrnINjjfXOINOEzmrITVYs8xFagWi5xvslgLnc3O2opKt6vSaTRPrC1oNWWZchzloQVT76Bnny3PuWVoa31JQaxFzjaquebiItXutch1xoJsydI4bERZl+wwORWuQ/eKbnWulPFBXsTj+/m875c33PDLG0Rx4EE6cQM/DvhLf1PI/C69DNVR5g3kG03sFfv9NXhiYHOFxEwg9iLq9yXZM1KSr2XhdeQa/KqB9CW5HyeZXucSOH9hl/V3DvQBVJBaUq9/C65HLiEn8+jfhKe//jEhY4sPgfSl8vSEl9LEDpGmkX/pfZY0jmK2cGPg6pu6d/B0n74WKbSnA0ZGrfE+yPRGtyb5vGtHMuQLdbY6qH30ju4HvWtG4QU7z7s/Q5iVftvi/P9XIK1LMos7mW/kgejapI8wA15EBU75FZGBBLOccKMkkwLOw/Q0x7cExwCN5OrrIUYRbWIItkh8xdTnDUIsGFDyQWGxXA7d3VgG51w0BD7DAv/t94MfeJSf+Os4tiNODySdXf5x/m5/vqDl+zGV70xqT8cCgZhf1agDaWeuvzsA5aJsGz1l42kaG9feHYc2LenMx8z6U92Y6nImU//Bh/wxQgZ+pzmCjCMdZDZZyNeM0jGBLZBgQYEeU/8VFmPLhnfABf6J4LnRZl4fPGZAvT/y54Kj2j/U7bH0sI9qPIsaL51kqznpJAuiSeli0Jc2084/zNHHnQvCg0iqPkqfj1zrBV977MG0nODpg3tOQkZsUJLoRyf3pNXK6fYBxnB7RnYE7JOTalLp5etpRF+XjxgFEdmugy2PZuas/Kivp1XMFuiqszqTpMf+OppHBuBPX4iSV8dahL4TApceNAenr97GXGLsXPhpegVPgBU4p+7EOeXhay0OHh2QcIHD5ItFYgM62Rax+UwtkOlmmd61mD5IF9IHF9816vXVmpbuO01b/Tr9sd5Nh2c+9ut3Hp3ZtsgC/9EePNcLD2o023KZmEo3WkjLBCETUB50j1cl+57aXAqsrUMgGmRLfOVBpf+COREI+nRvWDQRMPFa4k2X4G4RWFwcOytQ7TY//wSVO8vyBJUvEryX6501PxANXD+Lfr3zJ/Q/M2/AkwUzPXnvsbu9pffj6WWPfwHSF49fhsldJSltZ2rIrH9t6nrijqaKLb/kiwrD2hbTs1v5+5LHH1t3y+Z1jx/Tz7YCLB7bilkmzT0Mgn7tenwVvvJ6/YyePdzVqf1887zlka7krFsmZHxd2oC1bMGTRgtZ0116bN4zniJxxsDGkDIEgH4OwLiNPWLyVgHJQivB6lDtxCG/df99R+gV9Cn6lzdWCKT7pUUQPiRGIpSseANKYDJsO/LF8Zeeof+YwuvwBspCI/9/Nkp53BnnipxEWxMRRWDu1YAQjLjAHZcm7enpmRidGXmh1/rVM2fJM19Zex3vQ/ExUeuZKJCJPZGZUUomFRykXw6iX0LBICg4uPngwXRMs4gtHbimJpP0mtq5b9QdGQ8Od3yaBqbVdJ8M2HMCldkz6vRd1yH9XMZO4P2dnfluTv+xcAGGt8yXzoi1nmL9zb/ZI7xuRraKBqJHFv345xFRifHIBY9E1tKtULUW7ejoOqiiW9ceFZ5Ivf9+6njq+Pup94Un5E/oT35H93z4Icz7nYhmCP1R6ka4ha4VfgQ3Zv5PgUwZmXgITzGgCT/gJUePork/4MH0YtzA+uUPfFrklbzwHUczVbz4ZbSC1Q8Wp2P3uK1mR4ZfyfxPRpQutprNcdrDo82Z3KmBIMIyuwvhhN3BfNYKH9Oz3OzqZoPBE7PGDJp+wx591beP6GeUcWMOZFwtA0n/hyxN18zv0q9TnoYLvz8MoCE/47uiNvkn5QEP/2KAfy4QcTvsCd0cKfcNuByWHHZLmC0k6zf457L9dzLf9w/85EhcYfeYzB/T3//0ydqyImHwjo1gfNN2RemgQRvp/qeferZ+UKnRt/Wen0Kgp0RzBApr7qRXH/77oeLyunJDYM+bv4S564ou/IiJl3JmsbuwsCj75gpj1OExlK3L+2JQaa1j0rS6/CbXoGz/+OEFaBkGChPO6Z0JQ6W3PJxVOXFM3oD+EHnEaBGTaB//Txb4grvoy7ANWwIldJdQsqvvUmUIraYPfP4XSpSFp8/ApZ/B4/LjtBqOsg2OnXmJDmckQ3orNVyceWbH0aMca9L+ovQa8kCLkqlg3ag5L/qSmzNs9vErfP//ATHKtuMAAHjajZA9TgMxEIWfyY9EhBBFDuAKhSKON0m10EUKUgRt+vx4ky3wRruOktByFlpKuAT0nICOO/DWsUBICFhrPd+8Gc+MDeAYDxDYfxe4DSzQwEvgA9TxFriCU3EeuIqG2Aau4UTcB65Tf2amqB7S2/pTJQs08RT4AEd4DVzBFd4DV9EU08A1SHEXuE79EQPkMJjAcZ9DYood9xEy+pa0QcrYkjSkZsmlzbFgXKILBU3bYobjWiFGhysJuclnrkJBT1E11M+AQW4mzszldCdHmbFyk7qlHGbWDbN8YWRXadlaOreKO52EalKqqkiUNY6nL/14hsVTzHyzgqKxJk9nmSVf+/ukWOOGjpmna9rfrhDz/6nqPtJDGxHz2szXpD6LfZs1ll/d6fTakW53ddT/x6hjHywYzvyTa99BeVtOhrHJizSzUutIaa3l3zU/ABw5cLgAAAB42l3SZ5MVVRSF4fuOBEmCiZyDiInb5+zTPYOkgWEIEpUgQUkShpyVoCA5Jy3/LlBz3/ED/WVVdVU/1XvVanW1Bp83rdbRd0Hr/ee/wbdddPEBwxjOCEbyIaMYzRjGMo6PGM8EPuYTPuUzPmcik5jMFKYyjenMYCazmM0c5jKP+SzgCxbyJYv4iq/5hm/5jsW0qUhkgkJNQzc9LOF7lrKM5axgJb2sYjV9rKGftaxjPRv4gY1sYjNb2Mo2fuQntrODneziZ3azh73s4xd+ZT8HOMghDvMbRzjKMY4zwAlOcorTnOEs5zjPBS5yictc4Xf+4CrXuM4N/uQvbnKLv7nNHe5yj/s84CGPeMwTnvKM57zgJa94zT/8O/LymYH+qt02KzOZ2QyzmLXZmN1mz2AmvaSX9JJe0kt6SS/pJb005FV6lV6lV+lVepVepVfpVXqVXtJLekkv6SW9pJc6Xvau7F3Zu7J3Ze/K3pXbQ981Zuc/Qid0Qid0Qid0Qid04n+nc0/YT9hP2E/YT9hP2E/YT9hP2E/YT9hP2E/YT9hP2E/YT9hPJL2kl/SyXtbLelkv62W9rJf1sl7WC73QC73QC73QC73QC73QK3pFr+gVvaJX9Ipe0St6Ra/Wq/VqvVqv1qv1ar1ar9ar9Rq9Rq/Ra/QavUav6XjFnRV3VtxZcWfFnRV3VtpD3zVmt9lj9pqrzNVmn7nG7O+kuyzusrjL4i6LuyzusrjLUjVvAQpVcTgAAAAAAAAB//8AAnjaY2BgYGQAgjO2i86D6AshzNIwGgBAmQUAAAA=) format('woff'), - url('graphics/Genericons.ttf') format('truetype'), - url('graphics/Genericons.svg#genericonsregular') format('svg'); - font-weight: normal; - font-style: normal; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { - @font-face { - font-family: "Genericons"; - src: url("./graphics/Genericons.svg#Genericons") format("svg"); + #sidebar .links .sideinput { + padding: 0 6px; + } + #sidebar .links .sideinput .inputtext { + background: #FFFFFF; + color: #006633; + font-size: 11pt; + padding: 2px 4px; + width: calc(100% - 10px); /* exclude padding */ + } + #sidebar .links .sideinput .inputbutton { + right: 10px; /* all the parent margins and paddings up to the next relatively positioned element */ + } + article h3 { + font-size: 13pt; } } diff --git a/utilities.js b/utilities.js index 03a9493..d528986 100644 --- a/utilities.js +++ b/utilities.js @@ -1,17 +1,15 @@ -function togglemenu() { - var menu = document.getElementById("navigation-menu"); - var button = document.getElementById("navigation-button"); - if (menu.style.display === 'none' || menu.style.display === '') { - menu.style.display = 'block'; - button.className += " toggle-on"; - } else { - menu.style.display = 'none' - button.className = button.className.replace(/(?:^|\s)toggle-on(?:$|\s)/g , ''); +function closeMenu(e) { + var sidebar = document.querySelectorAll("#sidebar")[0]; + var input = sidebar.querySelectorAll("input.menu-toggle")[0]; + if (e.keyCode == 27 || (e.type == 'click' && e.target.closest('#sidebar') === null)) { + if (input.checked) { + input.checked = false; + } } - //menu.class - return; } function addListenersOnLoad() { - document.getElementById("navigation-button").addEventListener("click", togglemenu); + var sidebar = document.getElementById("sidebar"); + document.addEventListener("click", closeMenu, false); + document.addEventListener("keyup", closeMenu, false); } document.addEventListener("DOMContentLoaded", addListenersOnLoad, false);