From 03621521734ecfb01212494bf00301396dcb803f Mon Sep 17 00:00:00 2001 From: "tierce (Thierry Fenasse)" Date: Mon, 20 Jun 2022 15:56:22 +0200 Subject: [PATCH] remise en ordre des dossiers --- .gitmodules | 12 + README.md | 16 + computhings/css/layouts/print.css | 7 + computhings/css/layouts/side-menu-old-ie.css | 255 +++++ computhings/css/layouts/side-menu.css | 349 ++++++ computhings/css/main.css | 1006 +++++++++++++++++ computhings/dependances/fork-awesome | 1 + computhings/images/favicon.png | Bin 0 -> 8520 bytes computhings/index.html | 216 ++++ computhings/js/ui.js | 46 + default/index.html | 243 ++++ gnuragistes/css/classes.css | 78 ++ gnuragistes/css/main.css | 105 ++ gnuragistes/css/syntax.css | 17 + gnuragistes/dependances/fork-awesome | 1 + gnuragistes/images/zebras-favicon.png | Bin 0 -> 8620 bytes gnuragistes/index.html | 242 ++++ gnuragistes/polices/OpenDyslexic-Regular.eot | Bin 0 -> 13825 bytes gnuragistes/polices/OpenDyslexic-Regular.otf | Bin 0 -> 49652 bytes gnuragistes/polices/OpenDyslexic-Regular.ttf | Bin 0 -> 138312 bytes gnuragistes/polices/OpenDyslexic-Regular.woff | Bin 0 -> 16636 bytes index.html | 33 + nomdedom/css/main.css | 80 ++ nomdedom/dependances/fork-awesome | 1 + .../.github/workflows/cdn-deploy.yml | 21 + .../.github/workflows/npm-publish.yml | 17 + nomdedom/dependances/simple.css/.gitignore | 1 + .../dependances/simple.css/CONTRIBUTING.md | 13 + nomdedom/dependances/simple.css/LICENSE | 21 + nomdedom/dependances/simple.css/README.md | 11 + nomdedom/dependances/simple.css/index.html | 22 + nomdedom/dependances/simple.css/package.json | 30 + .../dependances/simple.css/screenshot.png | Bin 0 -> 81419 bytes nomdedom/dependances/simple.css/simple-v1.css | 511 +++++++++ .../dependances/simple.css/simple-v1.min.css | 1 + nomdedom/dependances/simple.css/simple.css | 545 +++++++++ .../dependances/simple.css/simple.min.css | 1 + nomdedom/index.html | 243 ++++ nomdedom/simple.css | 1 + space/README.md | 3 + 40 files changed, 4149 insertions(+) create mode 100644 .gitmodules create mode 100644 README.md create mode 100755 computhings/css/layouts/print.css create mode 100755 computhings/css/layouts/side-menu-old-ie.css create mode 100755 computhings/css/layouts/side-menu.css create mode 100755 computhings/css/main.css create mode 160000 computhings/dependances/fork-awesome create mode 100644 computhings/images/favicon.png create mode 100644 computhings/index.html create mode 100755 computhings/js/ui.js create mode 100644 default/index.html create mode 100644 gnuragistes/css/classes.css create mode 100644 gnuragistes/css/main.css create mode 100644 gnuragistes/css/syntax.css create mode 160000 gnuragistes/dependances/fork-awesome create mode 100644 gnuragistes/images/zebras-favicon.png create mode 100644 gnuragistes/index.html create mode 100644 gnuragistes/polices/OpenDyslexic-Regular.eot create mode 100644 gnuragistes/polices/OpenDyslexic-Regular.otf create mode 100644 gnuragistes/polices/OpenDyslexic-Regular.ttf create mode 100644 gnuragistes/polices/OpenDyslexic-Regular.woff create mode 100644 index.html create mode 100644 nomdedom/css/main.css create mode 160000 nomdedom/dependances/fork-awesome create mode 100644 nomdedom/dependances/simple.css/.github/workflows/cdn-deploy.yml create mode 100644 nomdedom/dependances/simple.css/.github/workflows/npm-publish.yml create mode 100644 nomdedom/dependances/simple.css/.gitignore create mode 100644 nomdedom/dependances/simple.css/CONTRIBUTING.md create mode 100644 nomdedom/dependances/simple.css/LICENSE create mode 100644 nomdedom/dependances/simple.css/README.md create mode 100644 nomdedom/dependances/simple.css/index.html create mode 100644 nomdedom/dependances/simple.css/package.json create mode 100644 nomdedom/dependances/simple.css/screenshot.png create mode 100644 nomdedom/dependances/simple.css/simple-v1.css create mode 100644 nomdedom/dependances/simple.css/simple-v1.min.css create mode 100644 nomdedom/dependances/simple.css/simple.css create mode 100644 nomdedom/dependances/simple.css/simple.min.css create mode 100644 nomdedom/index.html create mode 160000 nomdedom/simple.css create mode 100644 space/README.md diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..123ea6f --- /dev/null +++ b/.gitmodules @@ -0,0 +1,12 @@ +[submodule "computhings/dependances/fork-awesome"] + path = computhings/dependances/fork-awesome + url = https://github.com/ForkAwesome/Fork-Awesome.git +[submodule "nomdedom/simple.css"] + path = nomdedom/simple.css + url = https://github.com/kevquirk/simple.css.git +[submodule "gnuragistes/dependances/fork-awesome"] + path = gnuragistes/dependances/fork-awesome + url = https://github.com/ForkAwesome/Fork-Awesome.git +[submodule "nomdedom/dependances/fork-awesome"] + path = nomdedom/dependances/fork-awesome + url = https://github.com/ForkAwesome/Fork-Awesome.git diff --git a/README.md b/README.md new file mode 100644 index 0000000..c4aac55 --- /dev/null +++ b/README.md @@ -0,0 +1,16 @@ +# Labo html css etc. + +Dans l'idée d'en faire un jour des squelettes SPIP. + +C'est à chaque fois… + +- un fichier `index.html` qui sert de maquette +- un dossier `dependances` qui contient des répo externes comme ForkAwsome, Simple css, etc. +- un dossier `images` avec le favicon ou d'autres images +- un dossier `polices` pour les polices de caractère +- un dossier `js` pour les bouts de Javascripts. + +## Remarque + +Pou `computhings`, c'est basé sur PureCSS qui a été bidouillé parce que c'était avant d'intégrér le concepte de `dependances` liées à des répo git extenes *(sub-modules)*. + diff --git a/computhings/css/layouts/print.css b/computhings/css/layouts/print.css new file mode 100755 index 0000000..6a73188 --- /dev/null +++ b/computhings/css/layouts/print.css @@ -0,0 +1,7 @@ +@media print +{ + .no-print, .no-print *{ + display: none !important; + height: 0; + } +} diff --git a/computhings/css/layouts/side-menu-old-ie.css b/computhings/css/layouts/side-menu-old-ie.css new file mode 100755 index 0000000..b126c88 --- /dev/null +++ b/computhings/css/layouts/side-menu-old-ie.css @@ -0,0 +1,255 @@ +body { + color: #777; +} + +.pure-img-responsive { + max-width: 100%; + height: auto; +} + +/* +Add transition to containers so they can push in and out. +*/ + +#layout, +#menu, +.menu-link { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -ms-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} + +/* +This is the parent `
` that contains the menu and the content area. +*/ + +#layout { + position: relative; + left: 0; + padding-left: 0; +} + +#layout.active #menu { + left: 150px; + width: 150px; +} + +#layout.active .menu-link { + left: 150px; +} + +/* +The content `
` is where all your content goes. +*/ + +.content { + margin: 0 auto; + padding: 0 2em; + max-width: 800px; + margin-bottom: 50px; + line-height: 1.6em; +} + +.header { + margin: 0; + color: #333; + text-align: center; + padding: 2.5em 2em 0; + border-bottom: 1px solid #eee; +} + +.header h1 { + margin: 0.2em 0; + font-size: 3em; + font-weight: 300; +} + +.header h2 { + font-weight: 300; + color: #ccc; + padding: 0; + margin-top: 0; +} + +.subheader { + margin: 50px 0 20px 0; + font-weight: 300; + color: #888; +} + +/* +The `#menu` `
` is the parent `
` that contains the `.pure-menu` that +appears on the left side of the page. +*/ + +#menu { + margin-left: -150px; + /* "#menu" width */ + width: 150px; + position: fixed; + top: 0; + left: 0; + bottom: 0; + z-index: 1000; + /* so the menu or its navicon stays above all content */ + background: #191818; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +/* + All anchors inside the menu should be styled like this. + */ + +#menu a { + color: #999; + border: none; + padding: 0.6em 0 0.6em 0.6em; +} + +/* + Remove all background/borders, since we are applying them to #menu. + */ + +#menu .pure-menu, +#menu .pure-menu ul { + border: none; + background: transparent; +} + +/* + Add that light border to separate items into groups. + */ + +#menu .pure-menu ul, +#menu .pure-menu .menu-item-divided { + border-top: 1px solid #333; +} + +/* + Change color of the anchor links on hover/focus. + */ + +#menu .pure-menu li a:hover, +#menu .pure-menu li a:focus { + background: #333; +} + +/* + This styles the selected menu item `
  • `. + */ + +#menu .pure-menu-selected, +#menu .pure-menu-heading { + background: #1f8dd6; +} + +/* + This styles a link within a selected menu item `
  • `. + */ + +#menu .pure-menu-selected a { + color: #fff; +} + +/* + This styles the menu heading. + */ + +#menu .pure-menu-heading { + font-size: 110%; + color: #fff; + margin: 0; +} + +/* -- Dynamic Button For Responsive Menu -------------------------------------*/ + +/* +The button to open/close the Menu is custom-made and not part of Pure. Here's +how it works: +*/ + +/* +`.menu-link` represents the responsive menu toggle that shows/hides on +small screens. +*/ + +.menu-link { + position: fixed; + display: block; + /* show this only on small screens */ + top: 0; + left: 0; + /* "#menu width" */ + background: #000; + background: rgba(0,0,0,0.7); + font-size: 10px; + /* change this value to increase/decrease button size */ + z-index: 10; + width: 2em; + height: auto; + padding: 2.1em 1.6em; +} + +.menu-link:hover, +.menu-link:focus { + background: #000; +} + +.menu-link span { + position: relative; + display: block; +} + +.menu-link span, +.menu-link span:before, +.menu-link span:after { + background-color: #fff; + width: 100%; + height: 0.2em; +} + +.menu-link span:before, +.menu-link span:after { + position: absolute; + margin-top: -0.6em; + content: " "; +} + +.menu-link span:after { + margin-top: 0.6em; +} + +/* -- Responsive Styles (Media Queries) ------------------------------------- */ + +/* +Hides the menu at `48em`, but modify this based on your app's needs. +*/ + +.header, +.content { + padding-left: 2em; + padding-right: 2em; +} + +#layout { + padding-left: 150px; + /* left col width "#menu" */ + left: 0; +} + +#menu { + left: 150px; +} + +.menu-link { + position: fixed; + left: 150px; + display: none; +} + +#layout.active .menu-link { + left: 150px; +} diff --git a/computhings/css/layouts/side-menu.css b/computhings/css/layouts/side-menu.css new file mode 100755 index 0000000..04e836f --- /dev/null +++ b/computhings/css/layouts/side-menu.css @@ -0,0 +1,349 @@ +body { + color: #777; +} + +.pure-img-responsive { + max-width: 100%; + height: auto; + max-height: 200px; +} + +/* +Add transition to containers so they can push in and out. +*/ +#layout, +#menu, +.menu-link { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -ms-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} + +/* +This is the parent `
    ` that contains the menu and the content area. +*/ +#layout { + position: relative; + left: 0; + padding-left: 0; +} +#layout.active #menu { + left: 150px; + width: 150px; +} + +#layout.active .menu-link { + left: 150px; +} + +/* +The header `
    ` that contains the title, subtitle and description +*/ + +.header { + margin: 0; + color: #333; + text-align: center; + padding: 2.5em 2em 0; + border-bottom: 1px solid #eee; + } + +.header h1 { + margin: 0.2em 0; + font-size: 3em; + font-weight: 300; + color: #fe1976; +} + +.header h2 { + font-weight: 300; + color: #777; + padding: 0; + margin-top: 0; +} + +/* +The content `
    ` is where all your content goes. +*/ +.content { + margin: 0 auto; + padding: 0 2em; + max-width: 800px; + margin-bottom: 50px; + line-height: 1.6em; +} + +.content a{ + color: #fe1976; + text-decoration: none; + background-color: #EEE; +} + +.content a:hover{ + background-color:#96D321; + color:white; +} + + +/* +The subheader `div` is where meta data is displayed (date, tags, ...) +*/ +.subheader { + margin: 2px 10px 20px 0px; + color: #888; + text-align: right; + font-style: italic; + font-size: small; +} + +.subheader a { + color: #84bb1D; + text-decoration: none; +} + +.content h2 { + /* border-bottom: 10px solid black; */ + /* box-shadow: inset 0 0px 0 white, inset 0 -1px 0 black */ + /* color: #fe1976; */ + color: #96D321; +} + +.fiche-client { + display: block; +} +/* +The footer `
    ` that contains the bottom licences, and other links +*/ + +.footer { + font-size: smaller; + text-align: center; +} + +.footer a{ + color: #fe1976; + text-decoration: none; +} + +.footer hr{ + color: #E8FFD2; + margin: 60px 0px 10px; +} + +/* +About using some img alignement with markdown and pure-g +*/ + +.center { + margin: auto; +} + +.right { + float: right; + margin: 0px 0px 10px 10px +} + +.avatar { + float: right; + max-width: 120px; + margin: 0px 0px 10px 0px +} + +/* +The `#menu` `
    ` is the parent `
    ` that contains the `.pure-menu` that +appears on the left side of the page. +*/ + +#menu { + margin-left: -150px; /* "#menu" width */ + width: 150px; + position: fixed; + top: 0; + left: 0; + bottom: 0; + z-index: 1000; /* so the menu or its navicon stays above all content */ + background: #191818; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +/* +All anchors inside the menu should be styled like this. +*/ +#menu a { + color: #999; + border: none; + padding: 0.6em 0 0.6em 0.6em; +} + +/* +Remove all background/borders, since we are applying them to #menu. +*/ +#menu .pure-menu, +#menu .pure-menu ul { + border: none; + background: transparent; +} + +/* +Add that light border to separate items into groups. +*/ +#menu .pure-menu ul, +#menu .pure-menu .menu-item-divided { + border-top: 1px solid #333; +} +/* +Change color of the anchor links on hover/focus. +*/ +#menu .pure-menu li a:hover, +#menu .pure-menu li a:focus { + background: #333; + color: #fff; +} + +/* +This styles the selected menu item `
  • `. +*/ +#menu .pure-menu-selected, +#menu .pure-menu-heading { + background: #96D321; +} +/* +This styles a link within a selected menu item `
  • `. +*/ + +#menu .pure-menu-active a { + color: #96D321; +} + +/* +This styles the menu heading. +*/ +#menu .pure-menu-heading { + font-size: 110%; + color: #fff; + margin: 0; +} + +/* -- Dynamic Button For Responsive Menu -------------------------------------*/ + +/* +The button to open/close the Menu is custom-made and not part of Pure. Here's +how it works: +*/ + +/* +`.menu-link` represents the responsive menu toggle that shows/hides on +small screens. +*/ +.menu-link { + position: fixed; + display: block; /* show this only on small screens */ + top: 0; + left: 0; /* "#menu width" */ + background: #000; + background: rgba(0,0,0,0.7); + font-size: 10px; /* change this value to increase/decrease button size */ + z-index: 10; + width: 2em; + height: auto; + padding: 2.1em 1.6em; +} + +.menu-link:hover, +.menu-link:focus { +background: #000; +} + +.menu-link span { +position: relative; +display: block; +} + +.menu-link span, +.menu-link span:before, +.menu-link span:after { +background-color: #fff; +width: 100%; +height: 0.2em; +} + +.menu-link span:before, +.menu-link span:after { + position: absolute; + margin-top: -0.6em; + content: " "; +} + +.menu-link span:after { + margin-top: 0.6em; +} + +/* content tuning */ +blockquote { + background-color: ghostwhite; + border-left-color: rgb(214, 214, 214); + border-left-style: solid; + border-left-width: 5px; + line-height: 25.6px; + margin-bottom: 16px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; + overflow-wrap: break-word; + padding-bottom: 0px; + padding-left: 15px; + padding-right: 15px; + padding-top: 0px; +} + +code { + color: #333; + font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; +} + +/* -- Responsive Styles (Media Queries) ------------------------------------- */ + +/* +Hides the menu at `48em`, but modify this based on your app's needs. +*/ +@media (min-width: 48em) { + + .header, + .content { + padding-left: 2em; + padding-right: 2em; + } + + #layout { + padding-left: 150px; /* left col width "#menu" */ + left: 0; + } + #menu { + left: 150px; + } + + .menu-link { + position: fixed; + left: 150px; + display: none; + } + + #layout.active .menu-link { + left: 150px; + } +} + +@media (max-width: 48em) { + /* Only apply this when the window is small. Otherwise, the following + case results in extra padding on the left: + * Make the window small. + * Tap the menu to trigger the active state. + * Make the window large again. + */ + #layout.active { + position: relative; + left: 150px; + } +} diff --git a/computhings/css/main.css b/computhings/css/main.css new file mode 100755 index 0000000..fbcd6f0 --- /dev/null +++ b/computhings/css/main.css @@ -0,0 +1,1006 @@ +/*! +Pure v0.6.2 +Copyright 2013 Yahoo! +Licensed under the BSD License. +https://github.com/yahoo/pure/blob/master/LICENSE.md +*/ +/*! +normalize.css v^3.0 | MIT License | git.io/normalize +Copyright (c) Nicolas Gallagher and Jonathan Neal +*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ + +.pure-button:focus,a:active,a:hover{ + outline:0; + } + +.pure-table,table{ + border-collapse:collapse; + border-spacing:0 + } + +html{ + font-family:sans-serif; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100% + } + +body{ + margin:0; + } + +article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{ + display:block + } + +audio,canvas,progress,video{ + display:inline-block; + vertical-align:baseline + } + +audio:not([controls]){ + display:none;height:0 + } + +[hidden],template{ + display:none + } + +a{ + background-color:transparent + } + +abbr[title]{ + border-bottom:1px dotted + } + +b,optgroup,strong{ + font-weight:700 + } + +dfn{ + font-style:italic + } + +h1{ + font-size:2em; + margin:.67em 0 + } + +mark{ + background:#ff0; + color:#000 + } + +small{ + font-size:80% + } + +sub,sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline + } + +sup{ + top:-.5em + } + +sub{ + bottom:-.25em + } + +img{ + border:0 + } + +svg:not(:root){ + overflow:hidden + } + +figure{ + margin:1em 40px + } + +hr{ + box-sizing:content-box; + height:0 + } + +pre,textarea{ + overflow:auto + } + +code,kbd,pre,samp{ + font-family:monospace,monospace; + font-size:1em + } + +button,input,optgroup,select,textarea{ + color:inherit;font:inherit;margin:0 + } + +.pure-button,input{ + line-height:normal + } + +button{ + overflow:visible + } + +button,select{ + text-transform:none + } + +button,html input[type=button],input[type=reset],input[type=submit]{ + -webkit-appearance:button; + cursor:pointer + } + +button[disabled],html input[disabled]{ + cursor:default + } + +button::-moz-focus-inner,input::-moz-focus-inner{ + border:0; + padding:0 + } + +input[type=checkbox],input[type=radio]{ + box-sizing:border-box; + padding:0 + } + +input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ + height:auto + } + +input[type=search]{ + -webkit-appearance:textfield; + box-sizing:content-box + } + +.pure-button,.pure-form input:not([type]),.pure-menu{ + box-sizing:border-box; + /*background-image: url("assets/background.png")*/ + } + +input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ + -webkit-appearance:none + } + +fieldset{ + border:1px solid silver; + margin:0 2px; + padding:.35em .625em .75em + } + +legend,td,th{ + padding:0 + } + +legend{ + border:0 + } + +.hidden,[hidden]{ + display:none!important + } + +.pure-img{ + max-width:100%; + height:auto; + display:block + } + +.pure-g{ + letter-spacing:-.31em; + text-rendering:optimizespeed; + font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif; + display:-webkit-box; + display:-webkit-flex; + display:-ms-flexbox; + display:flex; + -webkit-flex-flow:row wrap; + -ms-flex-flow:row wrap; + flex-flow:row wrap; + -webkit-align-content:flex-start; + -ms-flex-line-pack:start; + align-content:flex-start + } + +@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){ + table .pure-g{display:block} + } + +.opera-only :-o-prefocus,.pure-g{ + word-spacing:-.43em + } + +.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12, +.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4, +.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24, +.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24, +.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24, +.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5, +.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24, +.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5, +.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24, +.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{ + letter-spacing:normal; + word-spacing:normal; + vertical-align:top; + text-rendering:auto; + display:inline-block; + zoom:1 + } + +.pure-g [class*=pure-u]{ + font-family:sans-serif + } + +.pure-u-1-24{ + width:4.1667% + } + +.pure-u-1-12,.pure-u-2-24{ + width:8.3333% + } + +.pure-u-1-8,.pure-u-3-24{ + width:12.5% + } + +.pure-u-1-6,.pure-u-4-24{ + width:16.6667% + } + +.pure-u-1-5{ + width:20% + } + +.pure-u-5-24{ + width:20.8333% + } + +.pure-u-1-4,.pure-u-6-24{ + width:25% + } + +.pure-u-7-24{ + width:29.1667% + } + +.pure-u-1-3,.pure-u-8-24{ + width:33.3333% + } + +.pure-u-3-8,.pure-u-9-24{ + width:37.5% + } + +.pure-u-2-5{ + width:40% + } + +.pure-u-10-24,.pure-u-5-12{ + width:41.6667% + } + +.pure-u-11-24{ + width:45.8333% + } + +.pure-u-1-2,.pure-u-12-24{ + width:50% + } + +.pure-u-13-24{ + width:54.1667% + } + +.pure-u-14-24,.pure-u-7-12{ + width:58.3333% + } + +.pure-u-3-5{ + width:60% + } + +.pure-u-15-24,.pure-u-5-8{ + width:62.5% + } + +.pure-u-16-24,.pure-u-2-3{ + width:66.6667% + } + +.pure-u-17-24{ + width:70.8333% + } + +.pure-u-18-24,.pure-u-3-4{ + width:75% + } + +.pure-u-19-24{ + width:79.1667% + } + +.pure-u-4-5{ + width:80% + } + +.pure-u-20-24,.pure-u-5-6{ + width:83.3333% + } + +.pure-u-21-24,.pure-u-7-8{ + width:87.5% + } + +.pure-u-11-12,.pure-u-22-24{ + width:91.6667% + } + +.pure-u-23-24{ + width:95.8333% + } + +.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{ + width:100% + } + +.pure-button{ + display:inline-block; + zoom:1; + white-space:nowrap; + vertical-align:middle; + text-align:center; + cursor:pointer; + -webkit-user-drag:none; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none + } + +.pure-button::-moz-focus-inner{ + padding:0; + border:0 + } + +.pure-button-group{ + letter-spacing:-.31em; + text-rendering:optimizespeed + } + +.opera-only :-o-prefocus,.pure-button-group{ + word-spacing:-.43em + } + +.pure-button{ + font-family:inherit; + font-size:100%; + padding:.5em 1em; + color:#444; + color:rgba(0,0,0,.8); + border:1px solid #999; + border:transparent; + background-color:#E6E6E6; + text-decoration:none; + border-radius:2px + } + +.pure-button-hover,.pure-button:focus,.pure-button:hover{ + filter:alpha(opacity=90); + background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); + background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)) + } + +.pure-button-active,.pure-button:active{ + box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset; + border-color:#000/9 + } + +.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{ + border:none; + background-image:none; + filter:alpha(opacity=40); + opacity:.4; + cursor:not-allowed; + box-shadow:none;pointer-events:none + } + +.pure-button-hidden{ + display:none + } + +.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{ + background-color:#0078e7; + color:#fff + } + +.pure-button-group .pure-button{ + letter-spacing:normal; + word-spacing:normal; + vertical-align:top; + text-rendering:auto; + margin:0; + border-radius:0; + border-right:1px solid #111; + border-right:1px solid rgba(0,0,0,.2) + } + +.pure-button-group .pure-button:first-child{ + border-top-left-radius:2px; + border-bottom-left-radius:2px + } + +.pure-button-group .pure-button:last-child{ + border-top-right-radius:2px; + border-bottom-right-radius:2px; + border-right:none + } + +.pure-form input[type=password], +.pure-form input[type=email], +.pure-form input[type=url], +.pure-form input[type=date], +.pure-form input[type=month], +.pure-form input[type=time], +.pure-form input[type=datetime], +.pure-form input[type=datetime-local], +.pure-form input[type=week], +.pure-form input[type=tel], +.pure-form input[type=color], +.pure-form input[type=number], +.pure-form input[type=search], +.pure-form input[type=text], +.pure-form select, +.pure-form textarea{ + padding:.5em .6em; + display:inline-block; + border:1px solid #ccc; + box-shadow:inset 0 1px 3px #ddd; + border-radius:4px; + vertical-align:middle; + box-sizing:border-box + } + +.pure-form input:not([type]){ + padding:.5em .6em; + display:inline-block; + border:1px solid #ccc; + box-shadow:inset 0 1px 3px #ddd; + border-radius:4px + } + +.pure-form input[type=color]{ + padding:.2em .5em + } + +.pure-form input:not([type]):focus, +.pure-form input[type=password]:focus, +.pure-form input[type=email]:focus, +.pure-form input[type=url]:focus, +.pure-form input[type=date]:focus, +.pure-form input[type=month]:focus, +.pure-form input[type=time]:focus, +.pure-form input[type=datetime]:focus, +.pure-form input[type=datetime-local]:focus, +.pure-form input[type=week]:focus, +.pure-form input[type=tel]:focus, +.pure-form input[type=color]:focus, +.pure-form input[type=number]:focus, +.pure-form input[type=search]:focus, +.pure-form input[type=text]:focus, +.pure-form select:focus, +.pure-form textarea:focus{ + outline:0; + border-color:#129FEA + } + +.pure-form input[type=file]:focus, +.pure-form input[type=checkbox]:focus, +.pure-form input[type=radio]:focus{ + outline:#129FEA auto 1px + } + +.pure-form .pure-checkbox,.pure-form .pure-radio{ + margin:.5em 0; + display:block + } + +.pure-form input:not([type])[disabled], +.pure-form input[type=password][disabled], +.pure-form input[type=email][disabled], +.pure-form input[type=url][disabled], +.pure-form input[type=date][disabled], +.pure-form input[type=month][disabled], +.pure-form input[type=time][disabled], +.pure-form input[type=datetime][disabled], +.pure-form input[type=datetime-local][disabled], +.pure-form input[type=week][disabled], +.pure-form input[type=tel][disabled], +.pure-form input[type=color][disabled], +.pure-form input[type=number][disabled], +.pure-form input[type=search][disabled], +.pure-form input[type=text][disabled], +.pure-form select[disabled], +.pure-form textarea[disabled]{ + cursor:not-allowed; + background-color:#eaeded; + color:#cad2d3 + } + +.pure-form input[readonly], +.pure-form select[readonly], +.pure-form textarea[readonly]{ + background-color:#eee; + color:#777; + border-color:#ccc + } + +.pure-form input:focus:invalid, +.pure-form select:focus:invalid, +.pure-form textarea:focus:invalid{ + color:#b94a48; + border-color:#e9322d + } + +.pure-form input[type=file]:focus:invalid:focus, +.pure-form input[type=checkbox]:focus:invalid:focus, +.pure-form input[type=radio]:focus:invalid:focus{ + outline-color:#e9322d + } + +.pure-form select{ + height:2.25em; + border:1px solid #ccc; + background-color:#fff + } + +.pure-form select[multiple]{ + height:auto + } + +.pure-form label{ + margin:.5em 0 .2em + } + +.pure-form fieldset{ + margin:0; + padding:.35em 0 .75em; + border:0 + } + +.pure-form legend{ + display:block; + width:100%; + padding:.3em 0; + margin-bottom:.3em; + color:#333; + border-bottom:1px solid #e5e5e5 + } + +.pure-form-stacked input:not([type]), +.pure-form-stacked input[type=password], +.pure-form-stacked input[type=email], +.pure-form-stacked input[type=url], +.pure-form-stacked input[type=date], +.pure-form-stacked input[type=month], +.pure-form-stacked input[type=time], +.pure-form-stacked input[type=datetime], +.pure-form-stacked input[type=datetime-local], +.pure-form-stacked input[type=week], +.pure-form-stacked input[type=tel], +.pure-form-stacked input[type=color], +.pure-form-stacked input[type=file], +.pure-form-stacked input[type=number], +.pure-form-stacked input[type=search], +.pure-form-stacked input[type=text], +.pure-form-stacked label, +.pure-form-stacked select, +.pure-form-stacked textarea{ + display:block; + margin:.25em 0 + } + +.pure-form-aligned .pure-help-inline, +.pure-form-aligned input, +.pure-form-aligned select, +.pure-form-aligned textarea, +.pure-form-message-inline{ + display:inline-block; + vertical-align:middle + } + +.pure-form-aligned textarea{ + vertical-align:top + } + +.pure-form-aligned .pure-control-group{ + margin-bottom:.5em + } + +.pure-form-aligned .pure-control-group label{ + text-align:right; + display:inline-block; + vertical-align:middle; + width:10em; + margin:0 1em 0 0 + } + +.pure-form-aligned .pure-controls{ + margin:1.5em 0 0 11em + } + +.pure-form .pure-input-rounded, +.pure-form input.pure-input-rounded{ + border-radius:2em; + padding:.5em 1em + } + +.pure-form .pure-group fieldset{ + margin-bottom:10px + } + +.pure-form .pure-group input, +.pure-form .pure-group textarea{ + display:block; + padding:10px; + margin:0 0 -1px; + border-radius:0; + position:relative; + top:-1px + } + +.pure-form .pure-group input:focus, +.pure-form .pure-group textarea:focus{ + z-index:3 + } + +.pure-form .pure-group input:first-child, +.pure-form .pure-group textarea:first-child{ + top:1px; + border-radius:4px 4px 0 0; + margin:0 + } + +.pure-form .pure-group input:first-child:last-child, +.pure-form .pure-group textarea:first-child:last-child{ + top:1px; + border-radius:4px; + margin:0 + } + +.pure-form .pure-group input:last-child, +.pure-form .pure-group textarea:last-child{ + top:-2px; + border-radius:0 0 4px 4px; + margin:0 + } + +.pure-form .pure-group button{ + margin:.35em 0 + } + +.pure-form .pure-input-1{ + width:100% + } + +.pure-form .pure-input-3-4{ + width:75% + } + +.pure-form .pure-input-2-3{ + width:66% + } + +.pure-form .pure-input-1-2{ + width:50% + } + +.pure-form .pure-input-1-3{ + width:33% + } + +.pure-form .pure-input-1-4{ + width:25% + } + +.pure-form .pure-help-inline, +.pure-form-message-inline{ + display:inline-block; + padding-left:.3em; + color:#666; + vertical-align:middle; + font-size:.875em + } + +.pure-form-message{ + display:block; + color:#666; + font-size:.875em + } + +@media only screen and (max-width :480px){ + .pure-form button[type=submit]{ + margin:.7em 0 0 + } + .pure-form input:not([type]), + .pure-form input[type=password], + .pure-form input[type=email], + .pure-form input[type=url], + .pure-form input[type=date], + .pure-form input[type=month], + .pure-form input[type=time], + .pure-form input[type=datetime], + .pure-form input[type=datetime-local], + .pure-form input[type=week], + .pure-form input[type=tel], + .pure-form input[type=color], + .pure-form input[type=number], + .pure-form input[type=search], + .pure-form input[type=text], + .pure-form label{ + margin-bottom:.3em; + display:block + } + .pure-group input:not([type]), + .pure-group input[type=password], + .pure-group input[type=email], + .pure-group input[type=url], + .pure-group input[type=date], + .pure-group input[type=month], + .pure-group input[type=time], + .pure-group input[type=datetime], + .pure-group input[type=datetime-local], + .pure-group input[type=week], + .pure-group input[type=tel], + .pure-group input[type=color], + .pure-group input[type=number], + .pure-group input[type=search], + .pure-group input[type=text]{ + margin-bottom:0 + } + .pure-form-aligned .pure-control-group label{ + margin-bottom:.3em; + text-align:left; + display:block; + width:100% + } + .pure-form-aligned .pure-controls{ + margin:1.5em 0 0 + } + .pure-form .pure-help-inline, + .pure-form-message, + .pure-form-message-inline{ + display:block; + font-size:.75em; + padding:.2em 0 .8em + } + } + +.pure-menu-fixed{ + position:fixed; + left:0; + top:0; + z-index:3 + } + +.pure-menu-item, +.pure-menu-list{ + position:relative + } + +.pure-menu-list{ + list-style:none; + margin:0; + padding:0 + } + +.pure-menu-item{ + padding:0; + margin:0; + height:100% + } + +.pure-menu-heading, +.pure-menu-link{ + display:block; + text-decoration:none; + white-space:nowrap + } + +.pure-menu-horizontal{ + width:100%; + white-space:nowrap + } + +.pure-menu-horizontal .pure-menu-list{ + display:inline-block + } + +.pure-menu-horizontal .pure-menu-heading, +.pure-menu-horizontal .pure-menu-item, +.pure-menu-horizontal .pure-menu-separator{ + display:inline-block; + zoom:1; + vertical-align:middle + } + +.pure-menu-item .pure-menu-item{ + display:block + } + +.pure-menu-children{ + display:none; + position:absolute; + left:100%; + top:0; + margin:0; + padding:0; + z-index:3 + } + +.pure-menu-horizontal .pure-menu-children{ + left:0; + top:auto; + width:inherit + } + +.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{ + display:block; + position:absolute + } + +.pure-menu-has-children>.pure-menu-link:after{ + padding-left:.5em; + content:"\25B8"; + font-size:small + } + +.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{ + content:"\25BE" + } + +.pure-menu-scrollable{ + overflow-y:scroll; + overflow-x:hidden + } + +.pure-menu-scrollable .pure-menu-list{ + display:block + } + +.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{ + display:inline-block + } + +.pure-menu-horizontal.pure-menu-scrollable{ + white-space:nowrap; + overflow-y:hidden; + overflow-x:auto; + -ms-overflow-style:none; + -webkit-overflow-scrolling:touch; + padding:.5em 0 + } + +.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{ + display:none + } + +.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{ + background-color:#ccc; + height:1px; + margin:.3em 0 + } + +.pure-menu-horizontal .pure-menu-separator{ + width:1px; + height:1.3em; + margin:0 .3em + } + +.pure-menu-horizontal .pure-menu-children .pure-menu-separator{ + display:block; + width:auto + } + +.pure-menu-heading{ + text-transform:uppercase; + color:#565d64 + } + +.pure-menu-link{ + color:#777 + } + +a.pure-menu-link::first-letter { + color: #fe1976; +} + + +.pure-menu-children{ + background-color:#fff + } + +.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{ + padding:.5em 1em + } + +.pure-menu-disabled{ + opacity:.5 + } + +.pure-menu-disabled .pure-menu-link:hover{ + background-color:transparent + } + +.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{ + background-color:#333 + } + +.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{ + color:#000 + } + +.pure-table{ + empty-cells:show; + border:1px solid #cbcbcb + } + +.pure-table caption{ + color:#000; + font:italic 85%/1 arial,sans-serif; + padding:1em 0; + text-align:center + } + +.pure-table td,.pure-table th{ + border-left:1px solid #cbcbcb; + border-width:0 0 0 1px; + font-size:inherit; + margin:0; + overflow:visible; + padding:.5em 1em + } + +.pure-table td:first-child,.pure-table th:first-child{ + border-left-width:0 + } + +.pure-table thead{ + background-color:#e0e0e0; + color:#000; + text-align:left; + vertical-align:bottom + } + +.pure-table td{ + background-color:transparent + } + +.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{ + background-color:#f2f2f2 + } + +.pure-table-bordered td{ + border-bottom:1px solid #cbcbcb + } + +.pure-table-bordered tbody>tr:last-child>td{ + border-bottom-width:0 + } + +.pure-table-horizontal td,.pure-table-horizontal th{ + border-width:0 0 1px; + border-bottom:1px solid #cbcbcb + } + +.pure-table-horizontal tbody>tr:last-child>td{ + border-bottom-width:0 + } diff --git a/computhings/dependances/fork-awesome b/computhings/dependances/fork-awesome new file mode 160000 index 0000000..a99579a --- /dev/null +++ b/computhings/dependances/fork-awesome @@ -0,0 +1 @@ +Subproject commit a99579ae3e735ee70e51ed62dfcee3172b5b2db7 diff --git a/computhings/images/favicon.png b/computhings/images/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..9a88c583631509f850f7af410c2b8b70587be037 GIT binary patch literal 8520 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 HuzdM{w@3Ap literal 0 HcmV?d00001 diff --git a/computhings/index.html b/computhings/index.html new file mode 100644 index 0000000..a669b8b --- /dev/null +++ b/computhings/index.html @@ -0,0 +1,216 @@ + + + + + Titre de la page de travail | Labo html + + + + + + + + + + + + +
    + + + + + + + + +
    + +
    +

    Titre principal de ma page (setction header, h1)

    +

    Titre secondaire de ma page - (section header, h2)

    +

    Titre ternaire de ma page - (section header, h3)

    +
    + +
    + 01 avril 1069 - auteur,auteur +
    + +
    + + +

    An h1 header

    +

    Paragraphs are separated by a blank line.

    +

    2nd paragraph. Italic, bold, and monospace. Itemized lists + look like:

    +
      +
    • this one
    • +
    • that one
    • +
    • the other one
    • +
    +

    Note that --- not considering the asterisk --- the actual text + content starts at 4-columns in.

    +
    +

    Block quotes are + written like so.

    +

    They can span multiple paragraphs, + if you like.

    +
    +

    Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all + in chapters 12--14"). Three dots ... will be converted to an ellipsis. + Unicode is supported. ☺

    +

    An h2 header

    +

    Here's a numbered list:

    +
      +
    1. first item
    2. +
    3. second item
    4. +
    5. third item
    6. +
    +

    Note again how the actual text starts at 4 columns in (4 characters + from the left side). Here's a code sample:

    +
    # Let me re-iterate ...
    +            for i in 1 .. 10 { do-something(i) }
    +            
    + + +

    As you probably guessed, indented 4 spaces. By the way, instead of + indenting the block, you can use delimited blocks, if you like:

    +
    define foobar() {
    +                print "Welcome to flavor country!";
    +            }
    +            
    + + +

    (which makes copying & pasting easier). You can optionally mark the + delimited block for Pandoc to syntax highlight it:

    +
    import time
    +            # Quick, count to ten!
    +            for i in range(10):
    +                # (but not *too* quick)
    +                time.sleep(0.5)
    +                print i
    +            
    + + +

    An h3 header

    +

    Now a nested list:

    +
      +
    1. +

      First, get these ingredients:

      +
        +
      • carrots
      • +
      • celery
      • +
      • lentils
      • +
      +
    2. +
    3. +

      Boil some water.

      +
    4. +
    5. +

      Dump everything in the pot and follow + this algorithm:

      +
      find wooden spoon
      +            uncover pot
      +            stir
      +            cover pot
      +            balance wooden spoon precariously on pot handle
      +            wait 10 minutes
      +            goto first step (or shut off burner when done)
      +            
      + + +

      Do not bump wooden spoon or it will fall.

      +
    6. +
    +

    Notice again how text always lines up on 4-space indents (including + that last line which continues item 3 above).

    +

    Here's a link to a website, to a local + doc, and to a section heading in the current + doc. Here's a footnote 1.

    +

    Tables can look like this:

    +

    size material color

    +
    +

    9 leather brown + 10 hemp canvas natural + 11 glass transparent

    +

    Table: Shoes, their sizes, and what they're made of

    +

    (The above is the caption for the table.) Pandoc also supports + multi-line tables:

    +
    +

    keyword text

    +
    +

    red Sunsets, apples, and + other red or reddish + things.

    +

    green Leaves, grass, frogs + and other things it's + not easy being.

    +
    +

    A horizontal rule follows.

    +
    +

    Here's a definition list:

    +
    +
    apples
    +
    +
    +
    Good for making applesauce.
    +
    oranges
    +
    +
    +
    Citrus!
    +
    tomatoes
    +
    There's no "e" in tomatoe.
    +
    +
    +
    +
    +
    +

    Again, text is indented 4 spaces. (Put a blank line between each + term/definition pair to spread things out more.)

    +

    Here's a "line block":

    +

    | Line one + | Line too + | Line tree

    +

    and images can be specified like so:

    +

    example image

    +

    Inline math equations go in like so: $\omega = d\phi / dt$. Display + math should get its own line and be put in in double-dollarsigns:

    +

    $$I = \int \rho R^{2} dV$$

    +

    And note that you can backslash-escape any punctuation characters + which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

    +
    +
    +
      +
    1. +

      Footnote text goes here.  + + +

    + + + + + +
    + + diff --git a/computhings/js/ui.js b/computhings/js/ui.js new file mode 100755 index 0000000..6d7c20b --- /dev/null +++ b/computhings/js/ui.js @@ -0,0 +1,46 @@ +(function (window, document) { + + var layout = document.getElementById('layout'), + menu = document.getElementById('menu'), + menuLink = document.getElementById('menuLink'), + content = document.getElementById('main'); + + function toggleClass(element, className) { + var classes = element.className.split(/\s+/), + length = classes.length, + i = 0; + + for(; i < length; i++) { + if (classes[i] === className) { + classes.splice(i, 1); + break; + } + } + // The className is not found + if (length === classes.length) { + classes.push(className); + } + + element.className = classes.join(' '); + } + + function toggleAll(e) { + var active = 'active'; + + e.preventDefault(); + toggleClass(layout, active); + toggleClass(menu, active); + toggleClass(menuLink, active); + } + + menuLink.onclick = function (e) { + toggleAll(e); + }; + + content.onclick = function(e) { + if (menu.className.indexOf('active') !== -1) { + toggleAll(e); + } + }; + +}(this, this.document)); diff --git a/default/index.html b/default/index.html new file mode 100644 index 0000000..cc6e5d5 --- /dev/null +++ b/default/index.html @@ -0,0 +1,243 @@ + + + + + + + Titre de la page de travail | Labo html + + + + + + + + + + + + + +
    + + + +