From: Nicolas Braud-Santoni Date: Thu, 7 Dec 2017 15:28:09 +0000 (+0100) Subject: Déplacement des ressources cachables sous assets/ X-Git-Url: https://nos-oignons.net/gitweb/website.git/commitdiff_plain/bc95cb41a9fadd7a63d9ce7497a6b39fc822d567 Déplacement des ressources cachables sous assets/ --- diff --git a/assets/local.css b/assets/local.css new file mode 100644 index 0000000..da1f3e2 --- /dev/null +++ b/assets/local.css @@ -0,0 +1,746 @@ +/* vim: set ts=4 sts=4 sw=4 isk+=-,. fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */ + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(assets/OpenSans/OpenSans.ttf) format('truetype'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(assets/OpenSans/OpenSans-Bold.ttf) format('truetype'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url(assets/OpenSans/OpenSans-Italic.ttf) format('truetype'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 700; + src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(assets/OpenSans/OpenSans-BoldItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Inconsolata'; + font-style: normal; + font-weight: 400; + src: local('Inconsolata'), local('Inconsolata-Regular'), url(assets/Inconsolata/Inconsolata.otf) format('opentype'); +} + +/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ +/* apply a natural box layout model to all elements, but allowing components to change */ +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} + +img, +table { + max-width: 100%; + height: auto; +} + + +html { + /*overflow: auto;*/ +} + +body { + margin: 0; + padding: 0; + font-family: "Open Sans", sans-serif; + color: #111; + background: #fff url(assets/tile.png) fixed; +} + +code, +pre { + font-family: "Inconsolata", monospace; + font-size-adjust: 0.535; +} + +dt { + font-weight: bold; +} + +thead td { + text-decoration: underline; +} + + +.body-wrapper { + max-width: 70em; + margin: 0 auto 0 auto; + box-shadow: 0 0 0.2em 0 #333366; + background: white; +} +@media screen and (min-width: 45em) { + .menu, + .main { + display: table-cell; + vertical-align: top; + } + .menu { + width: 20%; + max-width: 15em; + min-width: 11em; + } + .main { + } +} + + +.body-wrapper > header { + padding: 1em 0; + border-bottom: solid 1px #ccc; +} +@media screen and (min-width: 390px) { + .body-wrapper > header { + background: url("assets/filet.png") no-repeat scroll 99% 105px #FFF; + } +} + + +#logo { + display: block; + width: 394px; /* same as .pageheader .header:margin-left */ + height: 104px; + max-width: 100%; + background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left; + background-size: 100%; +} +@media screen and (max-width: 390px) { + #logo { + background-image: url(assets/logo-nos-oignons-blanc-small.png); + background-position: left center; + height: 100px; + } +} + +#logo span { + display: none; +} + +/* {{{ .actions */ +.actions { + font-size: 0.8em; + text-align: right; +} +.actions ul { + margin: 0; + padding: 0.5em; + height: auto; + list-style-type: none; +} + +.breadcrumb, +.breadcrumb a { + text-decoration: none; + color: #b3b3b3; +} +.breadcrumb a:first-child {display: none;} +.breadcrumb a:hover { + text-decoration: none; + color: #57075f; +} +.breadcrumb a + a:before { + content:"▸"; + display: inline-block; + vertical-align: top; + margin: -1px 0.5em 0; + color: #b3b3b3; +} +.breadcrumb a + a:hover:before {} + +/* .actions }}} */ +/* {{{ #otherlanguages */ +#otherlanguages { + float: right; + font-size: 0.9em; +} +.translationstatus, +.langstatus {display: none;} +@media screen and (max-width: 400px) { +#otherlanguages {float: none;} +} +#otherlanguages, +#otherlanguages a { + color: #b3b3b3; + /*background: white;*/ +} +#otherlanguages a:hover { + color: #57075f; +} + +#otherlanguages ul { + padding: 0; + margin: 0; + list-style: none; +} +#otherlanguages ul li { + /*margin-left: 1em;*/ +} +#otherlanguages .langstatus { + /*display: none;*/ +} + + +main { + background: white url(assets/background.png) no-repeat bottom center; + background-size: 50%; + color: #111; +} + + +.menu { + padding: 1em 0; + border: none; + background: #f5f5f5; +} +@media screen and (max-width: 45em) { + .menu { + border-bottom: solid 1px #ccc; + } +} + +.menu ul { + margin: 0; +} + +.menu ul { + padding: 0; + list-style: none; + background: transparent; +} + +.menu li { + text-align: left; +} + +.menu ul li .selflink { + color: #57075f; + font-weight: bold; +} + +.menu ul li > span, +.menu ul li > a { + display: block; + padding: 0.3em 0.5em; + text-decoration: none; + border: 1px solid #f5f5f5; + color: #a756af; + background: transparent; + font-weight: normal; + font-size: 1em; +} + + +.menu a:hover { + color: #57075f; + background: #eeeeee; + text-decoration: none; +} + +.menu select { + margin: 0.5em 2%; + width: 94%; + max-width: 94%; + background: #fff; + border: 1px solid #ccc; + color: #57075F; + font-size: 1.2em; + display: none; +} + +@media screen and (max-width: 45em) { + .js .menu ul {display: none;} + .js .menu select {display: block;} +} + + +main { + padding: 1em; +} + +main a { + color: #57075f; + text-decoration: underline; +} + +main a:hover { + text-decoration: underline; +} + +main p { + margin: 1em 0 1em 0; +} +main li p { + margin-top: 0; +} + +main hr { + border: none; + border-bottom: dotted 2px #bbbbbb; + margin: 2em auto; +} + +main h1 { + font-size: 1.8em; + font-weight: bold; + /*text-shadow: 2px 2px 1px #444;*/ + color: #57075F; +} +main h1.title { + margin-top: 0em; + font-size: 2em; + color: #ffa430; +} + +main h2 { + /*color: #ffa430*/ + color: #57075F; +} +main h3 { + color: #57075F; +} + +main h2, +main .header { + font-size: 1.4em; + font-weight: bold; +} + +main h2 + p { + margin-top: 0.75em; +} + +main h3 { + font-size: 1.2em; + font-weight: bold; + margin-bottom: 0; + padding-bottom: 0; +} + +main h3 + p { + margin-top: 0.5em; +} +h2 sup, +h3 sup { + font-weight: normal; +} + +main blockquote { + border-left: 2px solid #A756AF; + margin: 0.5em 0; + padding: 0.5em 0 0.5em 1em; +} +main blockquote p {margin: 0;} +main blockquote p + p {margin-top: 1em;} + + +main table { + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; + border-collapse: collapse; +} + +main table th { + background: #fafafa; + padding: 0.1em 0.5em; + border-bottom: solid 1px #aaaaaa; + color: #555555; +} + +main table td { + padding: 0.1em 0.5em; + border-top: solid 1px #ccc; +} + +main .header a { + text-decoration: none; +} + +main .feedlink a { + text-decoration: none; + /*color: #ffa430;*/ +} + +main .feedlink { + float: right; + text-align: left; + margin-top: -3.5em; +} +@media screen and (max-width: 400px) { + main .feedlink { + float: none; + margin-top: -2em; + margin-bottom: 2em; + } +} +main .feedlink .feedbutton { + font-size: 0.8em; + background: transparent; + border: none; +} +main .feedlink .feedbutton:hover { + background: transparent; + text-decoration: underline; +} + +main .footnotes { + font-size: 0.8em; +} + +.half-section { + display: inline-block; + vertical-align: top; + width: 49.5%; +} + +/* main }}} */ + + +.graph { + display: inline-block; + vertical-align: top; + width: 45%; + margin: 1em 1%; + min-width: 20em; + text-align: center; +} + +#bandwidth, #weights {text-align: center;} +#bandwidth svg, #weights svg {text-align: left;} + +/* Tor nodes table */ +.tor-nodes {} +.tor-nodes th { + text-align: left; +} + + + +.donation-cb { + display: inline-block; + vertical-align: top; + width:45%; + padding-right: 4%; + min-width: 20em; +} + +/* Paypal donation forms */ +// .paypal-donation { +// display: inline-block; +// vertical-align: top; +// width:45%; +// padding-right: 4%; +// min-width: 20em; +// } +.paypal-donation h5 { + margin: 0 0 0.5em 0; +} +.paypal-donation select { + display: inline-block; + vertical-align: top; + margin-right: 1em; + min-height:26px; + height:26px; + background-color: #fff; + border: 1px solid #57075F; +} +.paypal-donation .cancel { + font-size: small; +} + +.donation-other { + display: inline-block; + vertical-align: top; + width:45%; + padding-right: 4%; + min-width: 20em; +} + + +/* Progress bar */ +.progress-bar-wrapper { + margin: 2em auto; + height: 85px; + width: 600px; + background: url(assets/progress_bar.png) top left repeat-x; + border: 1px solid #ccc; + border-bottom: 0; + position: relative; +} + .progress-bar-wrapper .progress-bar { + position: absolute; + height: 85px; + background: url(assets/progress_bar.png) left -85px repeat-x; + z-index: 2; + /* animate progress bar */ + -webkit-animation: progress-bar 1.5s; + -moz-animation: progress-bar 1.5s; + animation: progress-bar 1.5s; + } + .progress-bar-wrapper .progress-bar-promises { + background-position: left bottom; + z-index: 1; + } + + /* progress bar animation*/ + @-webkit-keyframes progress-bar { 0% { width: 0; } } + @-moz-keyframes progress-bar { 0% { width: 0; } } + keyframes progress-bar { 0% { width: 0; } } + + /* Current amount */ + .progress-bar-wrapper .progress-bar:after { + content: attr(data-current); + display: block; + position: absolute; + top: -22px; + right: 0; + background: #fff; + color: #ccc; + font-size: 0.9em; + } + /* Promises amount */ + .progress-bar-wrapper .progress-bar-promises:after { + } + + /* Temperature bar */ + .progress-bar-wrapper:before { + content: " "; + display: block; + position: absolute; + z-index: 3; + bottom: -5px; + left: -1px; + height: 5px; + width: 100%; + border: 1px solid #ccc; + border-top: 0; + background: -moz-linear-gradient(left, #ff0000 0%, #66ff00 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(100%,#66ff00)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* IE10+ */ + background: linear-gradient(to right, #ff0000 0%,#66ff00 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#66ff00',GradientType=1 ); /* IE6-9 */ + } + + /* Annual budget */ + .progress-bar-wrapper:after { + content: attr(data-total); + display: block; + position: absolute; + top: -22px; + right: 0; + background: #fff; + color: #ccc; + font-size: 0.9em; + } + + + +/* FDN Form */ +.fdn-form {} + .fdn-form select, + .fdn-form input { + display: inline-block; + vertical-align: top; + margin-right: 1em; + height: 26px; + } + .fdn-form #custom-amount { + display:none; + height: 22px; + } + + +/* Paymium Bitcoin */ +.paymium-btns {padding-left: 0;} +.paymium-btns li { + list-style: none; + display: inline-block; + margin: 0 0.5em 0.5em 0; +} + +.paymium-btn { + display: inline-block; + min-width: 10em; + padding: 4px 44px 4px 10px; + padding-right: 44px; + background: #4d7b99 url(assets/paymium_btc.png) right center no-repeat; + border-radius: 4px; + text-align: center; + color: #fff; + text-decoration: none; + font-weight: bold; +} +.paymium-btn:hover{ + background-color:#5081a0; + text-decoration: none; +} +/* override over weighted selector*/ +#content .paymium-btn {color: #fff;text-decoration: none;} +#content .paymium-btn:hover {color: #fff;text-decoration: none;} + + +/* {{{ .inlinepage */ + +.inlinepage { + padding: 0; + border: none; + margin-bottom: 1em; +} + +.inlinepage .header { + border-bottom: solid #ccc 1px; +} + +.inlinepage .inlineheader .pagedate { + margin-top: 0; + font-size: 0.8em; + font-style: normal; + color: #666; +} + +/* .inlinepage }}} */ + +/* {{{ #footer */ +#footer { + margin: 0; + padding: 0.5em 0; + text-align: center; + color: white; + background: #57075f; + font-size: 0.85em; +} +@media screen and (max-width: 45em) { + #footer { + text-align: left; + padding: 0.5em 1em; + font-size: 0.8em; + } +} +@media screen and (max-width: 480px) { + #footer .pagecopyright span { + display: block; + } +} + +#footer > div { + margin-top: 1em; +} + + +#footer a { + color: white; + text-decoration: none; +} + +#footer a:hover { + text-decoration: underline; +} + +#backlinks { + font-size: 0.8em; + margin-top: 0; +} + +#footer #pageinfo div { + font-size: 0.8em; + margin-top: 0; + margin-bottom: 0; +} +/* #footer }}} */ + +/* {{{ @media print */ +@media print { + .menu, + .actions, + .feedlink, + #backlinks, + #otherlanguages { + display: none; + } + + #footer, + #footer #pageinfo, + .page, + .pageheader, + #pagebody { + margin: 0; + padding: 0; + border: none; + box-shadow: none; + } + + .page, + .pageheader { + border-radius: 0; + } + + .pageheader { + position: static; + height: auto; + } + + .pageheader .header { + margin-left: 0; + padding-top: 2em; + padding-bottom: 1em; + } + + .pageheader .header > span, + .parentlinks .parentlinksep { + display: inline; + height: auto; + } + + .pageheader a, + .pageheader .parentlinks a { + color: #111; + } + + .pageheader, + .parentlinks a, + .parentlinks .parentlinksep + a + .parentlinksep + a { + background: none; + } + + .pageheader .parentlinks { + display: inline; + } + + .pageheader .title, + .parentlinks > a { + position: static; + } + + .parentlinks > a span { + display: inline; + } + + main h1 { + color: #111; + text-shadow: none; + border-bottom: solid #ccc 1px; + } + + main a:link:after, + main a:visited:after { + content:" [" attr(href) "] "; + } + + #footer { + margin-top: 2em; + text-align: left; + } +} +/* @media print }}} */ diff --git a/assets/scripts.js b/assets/scripts.js new file mode 100644 index 0000000..28f09b5 --- /dev/null +++ b/assets/scripts.js @@ -0,0 +1,32 @@ +document.addEventListener("DOMContentLoaded", function() { + + // Add JS class + document.querySelector('body').classList.add('js'); + + // Create the dropdown base + var select = document.createElement("select"); + + // Create default option "Go to..." + var opt = document.createElement("option") + opt.setAttribute("selected", "selected") + opt.setAttribute("value", "") + opt.innerHTML = "Aller à ..."; + select.appendChild(opt); + + // Populate dropdown with menu items + [].forEach.call(document.querySelectorAll('nav.menu a'), function(el) { + var opt = document.createElement("option"); + opt.setAttribute("value", el.href) + opt.innerHTML = el.text; + select.appendChild(opt); + }); + + // To make dropdown actually work + // To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/ + select.addEventListener('change', function(el) { + window.location = select.value + }); + + // Add select to menuWrapper + document.querySelectorAll('nav.menu')[0].appendChild(select); +}); \ No newline at end of file diff --git a/local.css b/local.css deleted file mode 100644 index da1f3e2..0000000 --- a/local.css +++ /dev/null @@ -1,746 +0,0 @@ -/* vim: set ts=4 sts=4 sw=4 isk+=-,. fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */ - -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - src: local('Open Sans'), local('OpenSans'), url(assets/OpenSans/OpenSans.ttf) format('truetype'); -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 700; - src: local('Open Sans Bold'), local('OpenSans-Bold'), url(assets/OpenSans/OpenSans-Bold.ttf) format('truetype'); -} -@font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 400; - src: local('Open Sans Italic'), local('OpenSans-Italic'), url(assets/OpenSans/OpenSans-Italic.ttf) format('truetype'); -} -@font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 700; - src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(assets/OpenSans/OpenSans-BoldItalic.ttf) format('truetype'); -} -@font-face { - font-family: 'Inconsolata'; - font-style: normal; - font-weight: 400; - src: local('Inconsolata'), local('Inconsolata-Regular'), url(assets/Inconsolata/Inconsolata.otf) format('opentype'); -} - -/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -/* apply a natural box layout model to all elements, but allowing components to change */ -html { - box-sizing: border-box; -} -*, *:before, *:after { - box-sizing: inherit; -} - -img, -table { - max-width: 100%; - height: auto; -} - - -html { - /*overflow: auto;*/ -} - -body { - margin: 0; - padding: 0; - font-family: "Open Sans", sans-serif; - color: #111; - background: #fff url(assets/tile.png) fixed; -} - -code, -pre { - font-family: "Inconsolata", monospace; - font-size-adjust: 0.535; -} - -dt { - font-weight: bold; -} - -thead td { - text-decoration: underline; -} - - -.body-wrapper { - max-width: 70em; - margin: 0 auto 0 auto; - box-shadow: 0 0 0.2em 0 #333366; - background: white; -} -@media screen and (min-width: 45em) { - .menu, - .main { - display: table-cell; - vertical-align: top; - } - .menu { - width: 20%; - max-width: 15em; - min-width: 11em; - } - .main { - } -} - - -.body-wrapper > header { - padding: 1em 0; - border-bottom: solid 1px #ccc; -} -@media screen and (min-width: 390px) { - .body-wrapper > header { - background: url("assets/filet.png") no-repeat scroll 99% 105px #FFF; - } -} - - -#logo { - display: block; - width: 394px; /* same as .pageheader .header:margin-left */ - height: 104px; - max-width: 100%; - background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left; - background-size: 100%; -} -@media screen and (max-width: 390px) { - #logo { - background-image: url(assets/logo-nos-oignons-blanc-small.png); - background-position: left center; - height: 100px; - } -} - -#logo span { - display: none; -} - -/* {{{ .actions */ -.actions { - font-size: 0.8em; - text-align: right; -} -.actions ul { - margin: 0; - padding: 0.5em; - height: auto; - list-style-type: none; -} - -.breadcrumb, -.breadcrumb a { - text-decoration: none; - color: #b3b3b3; -} -.breadcrumb a:first-child {display: none;} -.breadcrumb a:hover { - text-decoration: none; - color: #57075f; -} -.breadcrumb a + a:before { - content:"▸"; - display: inline-block; - vertical-align: top; - margin: -1px 0.5em 0; - color: #b3b3b3; -} -.breadcrumb a + a:hover:before {} - -/* .actions }}} */ -/* {{{ #otherlanguages */ -#otherlanguages { - float: right; - font-size: 0.9em; -} -.translationstatus, -.langstatus {display: none;} -@media screen and (max-width: 400px) { -#otherlanguages {float: none;} -} -#otherlanguages, -#otherlanguages a { - color: #b3b3b3; - /*background: white;*/ -} -#otherlanguages a:hover { - color: #57075f; -} - -#otherlanguages ul { - padding: 0; - margin: 0; - list-style: none; -} -#otherlanguages ul li { - /*margin-left: 1em;*/ -} -#otherlanguages .langstatus { - /*display: none;*/ -} - - -main { - background: white url(assets/background.png) no-repeat bottom center; - background-size: 50%; - color: #111; -} - - -.menu { - padding: 1em 0; - border: none; - background: #f5f5f5; -} -@media screen and (max-width: 45em) { - .menu { - border-bottom: solid 1px #ccc; - } -} - -.menu ul { - margin: 0; -} - -.menu ul { - padding: 0; - list-style: none; - background: transparent; -} - -.menu li { - text-align: left; -} - -.menu ul li .selflink { - color: #57075f; - font-weight: bold; -} - -.menu ul li > span, -.menu ul li > a { - display: block; - padding: 0.3em 0.5em; - text-decoration: none; - border: 1px solid #f5f5f5; - color: #a756af; - background: transparent; - font-weight: normal; - font-size: 1em; -} - - -.menu a:hover { - color: #57075f; - background: #eeeeee; - text-decoration: none; -} - -.menu select { - margin: 0.5em 2%; - width: 94%; - max-width: 94%; - background: #fff; - border: 1px solid #ccc; - color: #57075F; - font-size: 1.2em; - display: none; -} - -@media screen and (max-width: 45em) { - .js .menu ul {display: none;} - .js .menu select {display: block;} -} - - -main { - padding: 1em; -} - -main a { - color: #57075f; - text-decoration: underline; -} - -main a:hover { - text-decoration: underline; -} - -main p { - margin: 1em 0 1em 0; -} -main li p { - margin-top: 0; -} - -main hr { - border: none; - border-bottom: dotted 2px #bbbbbb; - margin: 2em auto; -} - -main h1 { - font-size: 1.8em; - font-weight: bold; - /*text-shadow: 2px 2px 1px #444;*/ - color: #57075F; -} -main h1.title { - margin-top: 0em; - font-size: 2em; - color: #ffa430; -} - -main h2 { - /*color: #ffa430*/ - color: #57075F; -} -main h3 { - color: #57075F; -} - -main h2, -main .header { - font-size: 1.4em; - font-weight: bold; -} - -main h2 + p { - margin-top: 0.75em; -} - -main h3 { - font-size: 1.2em; - font-weight: bold; - margin-bottom: 0; - padding-bottom: 0; -} - -main h3 + p { - margin-top: 0.5em; -} -h2 sup, -h3 sup { - font-weight: normal; -} - -main blockquote { - border-left: 2px solid #A756AF; - margin: 0.5em 0; - padding: 0.5em 0 0.5em 1em; -} -main blockquote p {margin: 0;} -main blockquote p + p {margin-top: 1em;} - - -main table { - border-top: solid 1px #aaa; - border-bottom: solid 1px #aaa; - border-collapse: collapse; -} - -main table th { - background: #fafafa; - padding: 0.1em 0.5em; - border-bottom: solid 1px #aaaaaa; - color: #555555; -} - -main table td { - padding: 0.1em 0.5em; - border-top: solid 1px #ccc; -} - -main .header a { - text-decoration: none; -} - -main .feedlink a { - text-decoration: none; - /*color: #ffa430;*/ -} - -main .feedlink { - float: right; - text-align: left; - margin-top: -3.5em; -} -@media screen and (max-width: 400px) { - main .feedlink { - float: none; - margin-top: -2em; - margin-bottom: 2em; - } -} -main .feedlink .feedbutton { - font-size: 0.8em; - background: transparent; - border: none; -} -main .feedlink .feedbutton:hover { - background: transparent; - text-decoration: underline; -} - -main .footnotes { - font-size: 0.8em; -} - -.half-section { - display: inline-block; - vertical-align: top; - width: 49.5%; -} - -/* main }}} */ - - -.graph { - display: inline-block; - vertical-align: top; - width: 45%; - margin: 1em 1%; - min-width: 20em; - text-align: center; -} - -#bandwidth, #weights {text-align: center;} -#bandwidth svg, #weights svg {text-align: left;} - -/* Tor nodes table */ -.tor-nodes {} -.tor-nodes th { - text-align: left; -} - - - -.donation-cb { - display: inline-block; - vertical-align: top; - width:45%; - padding-right: 4%; - min-width: 20em; -} - -/* Paypal donation forms */ -// .paypal-donation { -// display: inline-block; -// vertical-align: top; -// width:45%; -// padding-right: 4%; -// min-width: 20em; -// } -.paypal-donation h5 { - margin: 0 0 0.5em 0; -} -.paypal-donation select { - display: inline-block; - vertical-align: top; - margin-right: 1em; - min-height:26px; - height:26px; - background-color: #fff; - border: 1px solid #57075F; -} -.paypal-donation .cancel { - font-size: small; -} - -.donation-other { - display: inline-block; - vertical-align: top; - width:45%; - padding-right: 4%; - min-width: 20em; -} - - -/* Progress bar */ -.progress-bar-wrapper { - margin: 2em auto; - height: 85px; - width: 600px; - background: url(assets/progress_bar.png) top left repeat-x; - border: 1px solid #ccc; - border-bottom: 0; - position: relative; -} - .progress-bar-wrapper .progress-bar { - position: absolute; - height: 85px; - background: url(assets/progress_bar.png) left -85px repeat-x; - z-index: 2; - /* animate progress bar */ - -webkit-animation: progress-bar 1.5s; - -moz-animation: progress-bar 1.5s; - animation: progress-bar 1.5s; - } - .progress-bar-wrapper .progress-bar-promises { - background-position: left bottom; - z-index: 1; - } - - /* progress bar animation*/ - @-webkit-keyframes progress-bar { 0% { width: 0; } } - @-moz-keyframes progress-bar { 0% { width: 0; } } - keyframes progress-bar { 0% { width: 0; } } - - /* Current amount */ - .progress-bar-wrapper .progress-bar:after { - content: attr(data-current); - display: block; - position: absolute; - top: -22px; - right: 0; - background: #fff; - color: #ccc; - font-size: 0.9em; - } - /* Promises amount */ - .progress-bar-wrapper .progress-bar-promises:after { - } - - /* Temperature bar */ - .progress-bar-wrapper:before { - content: " "; - display: block; - position: absolute; - z-index: 3; - bottom: -5px; - left: -1px; - height: 5px; - width: 100%; - border: 1px solid #ccc; - border-top: 0; - background: -moz-linear-gradient(left, #ff0000 0%, #66ff00 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(100%,#66ff00)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* IE10+ */ - background: linear-gradient(to right, #ff0000 0%,#66ff00 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#66ff00',GradientType=1 ); /* IE6-9 */ - } - - /* Annual budget */ - .progress-bar-wrapper:after { - content: attr(data-total); - display: block; - position: absolute; - top: -22px; - right: 0; - background: #fff; - color: #ccc; - font-size: 0.9em; - } - - - -/* FDN Form */ -.fdn-form {} - .fdn-form select, - .fdn-form input { - display: inline-block; - vertical-align: top; - margin-right: 1em; - height: 26px; - } - .fdn-form #custom-amount { - display:none; - height: 22px; - } - - -/* Paymium Bitcoin */ -.paymium-btns {padding-left: 0;} -.paymium-btns li { - list-style: none; - display: inline-block; - margin: 0 0.5em 0.5em 0; -} - -.paymium-btn { - display: inline-block; - min-width: 10em; - padding: 4px 44px 4px 10px; - padding-right: 44px; - background: #4d7b99 url(assets/paymium_btc.png) right center no-repeat; - border-radius: 4px; - text-align: center; - color: #fff; - text-decoration: none; - font-weight: bold; -} -.paymium-btn:hover{ - background-color:#5081a0; - text-decoration: none; -} -/* override over weighted selector*/ -#content .paymium-btn {color: #fff;text-decoration: none;} -#content .paymium-btn:hover {color: #fff;text-decoration: none;} - - -/* {{{ .inlinepage */ - -.inlinepage { - padding: 0; - border: none; - margin-bottom: 1em; -} - -.inlinepage .header { - border-bottom: solid #ccc 1px; -} - -.inlinepage .inlineheader .pagedate { - margin-top: 0; - font-size: 0.8em; - font-style: normal; - color: #666; -} - -/* .inlinepage }}} */ - -/* {{{ #footer */ -#footer { - margin: 0; - padding: 0.5em 0; - text-align: center; - color: white; - background: #57075f; - font-size: 0.85em; -} -@media screen and (max-width: 45em) { - #footer { - text-align: left; - padding: 0.5em 1em; - font-size: 0.8em; - } -} -@media screen and (max-width: 480px) { - #footer .pagecopyright span { - display: block; - } -} - -#footer > div { - margin-top: 1em; -} - - -#footer a { - color: white; - text-decoration: none; -} - -#footer a:hover { - text-decoration: underline; -} - -#backlinks { - font-size: 0.8em; - margin-top: 0; -} - -#footer #pageinfo div { - font-size: 0.8em; - margin-top: 0; - margin-bottom: 0; -} -/* #footer }}} */ - -/* {{{ @media print */ -@media print { - .menu, - .actions, - .feedlink, - #backlinks, - #otherlanguages { - display: none; - } - - #footer, - #footer #pageinfo, - .page, - .pageheader, - #pagebody { - margin: 0; - padding: 0; - border: none; - box-shadow: none; - } - - .page, - .pageheader { - border-radius: 0; - } - - .pageheader { - position: static; - height: auto; - } - - .pageheader .header { - margin-left: 0; - padding-top: 2em; - padding-bottom: 1em; - } - - .pageheader .header > span, - .parentlinks .parentlinksep { - display: inline; - height: auto; - } - - .pageheader a, - .pageheader .parentlinks a { - color: #111; - } - - .pageheader, - .parentlinks a, - .parentlinks .parentlinksep + a + .parentlinksep + a { - background: none; - } - - .pageheader .parentlinks { - display: inline; - } - - .pageheader .title, - .parentlinks > a { - position: static; - } - - .parentlinks > a span { - display: inline; - } - - main h1 { - color: #111; - text-shadow: none; - border-bottom: solid #ccc 1px; - } - - main a:link:after, - main a:visited:after { - content:" [" attr(href) "] "; - } - - #footer { - margin-top: 2em; - text-align: left; - } -} -/* @media print }}} */ diff --git a/scripts.js b/scripts.js deleted file mode 100644 index 28f09b5..0000000 --- a/scripts.js +++ /dev/null @@ -1,32 +0,0 @@ -document.addEventListener("DOMContentLoaded", function() { - - // Add JS class - document.querySelector('body').classList.add('js'); - - // Create the dropdown base - var select = document.createElement("select"); - - // Create default option "Go to..." - var opt = document.createElement("option") - opt.setAttribute("selected", "selected") - opt.setAttribute("value", "") - opt.innerHTML = "Aller à ..."; - select.appendChild(opt); - - // Populate dropdown with menu items - [].forEach.call(document.querySelectorAll('nav.menu a'), function(el) { - var opt = document.createElement("option"); - opt.setAttribute("value", el.href) - opt.innerHTML = el.text; - select.appendChild(opt); - }); - - // To make dropdown actually work - // To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/ - select.addEventListener('change', function(el) { - window.location = select.value - }); - - // Add select to menuWrapper - document.querySelectorAll('nav.menu')[0].appendChild(select); -}); \ No newline at end of file diff --git a/templates/page.tmpl b/templates/page.tmpl index 3b0beaf..a876f44 100644 --- a/templates/page.tmpl +++ b/templates/page.tmpl @@ -20,7 +20,7 @@ - + @@ -226,6 +226,6 @@ - +