From 72410446d5d68a79680ba31ea7ae24d323a14d5b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cl=C3=A9ment=20Zrounba?= <6691770+clement-z@users.noreply.github.com> Date: Sun, 13 Dec 2020 00:40:17 +0100 Subject: rename html to public --- html/favicon.png | Bin 2198 -> 0 bytes html/fonts.css | 53 ----- html/fonts/cascadiacode-light.woff | Bin 44864 -> 0 bytes html/fonts/cascadiacode-light.woff2 | Bin 34244 -> 0 bytes html/fonts/cascadiacode-regular.woff | Bin 44468 -> 0 bytes html/fonts/cascadiacode-regular.woff2 | Bin 34000 -> 0 bytes html/fonts/opendyslexic-bold.woff | Bin 14408 -> 0 bytes html/fonts/opendyslexic-bold.woff2 | Bin 10868 -> 0 bytes html/fonts/opendyslexic-bolditalic.woff | Bin 27188 -> 0 bytes html/fonts/opendyslexic-bolditalic.woff2 | Bin 22480 -> 0 bytes html/fonts/opendyslexic-italic.woff | Bin 24736 -> 0 bytes html/fonts/opendyslexic-italic.woff2 | Bin 20192 -> 0 bytes html/fonts/opendyslexic-regular.woff | Bin 14696 -> 0 bytes html/fonts/opendyslexic-regular.woff2 | Bin 11036 -> 0 bytes html/fonts/opendyslexicmono-regular.woff | Bin 18024 -> 0 bytes html/fonts/opendyslexicmono-regular.woff2 | Bin 13632 -> 0 bytes html/img/surprised_cat.webp | Bin 860828 -> 0 bytes html/img/vcss-blue | Bin 1759 -> 0 bytes html/img/wwe_fight.webp | Bin 1571156 -> 0 bytes html/index.html | 118 ----------- html/index2.html | 135 ------------- html/robots.txt | 2 - html/styles.css | 295 ---------------------------- public/favicon.png | Bin 0 -> 2198 bytes public/fonts.css | 53 +++++ public/fonts/cascadiacode-light.woff | Bin 0 -> 44864 bytes public/fonts/cascadiacode-light.woff2 | Bin 0 -> 34244 bytes public/fonts/cascadiacode-regular.woff | Bin 0 -> 44468 bytes public/fonts/cascadiacode-regular.woff2 | Bin 0 -> 34000 bytes public/fonts/opendyslexic-bold.woff | Bin 0 -> 14408 bytes public/fonts/opendyslexic-bold.woff2 | Bin 0 -> 10868 bytes public/fonts/opendyslexic-bolditalic.woff | Bin 0 -> 27188 bytes public/fonts/opendyslexic-bolditalic.woff2 | Bin 0 -> 22480 bytes public/fonts/opendyslexic-italic.woff | Bin 0 -> 24736 bytes public/fonts/opendyslexic-italic.woff2 | Bin 0 -> 20192 bytes public/fonts/opendyslexic-regular.woff | Bin 0 -> 14696 bytes public/fonts/opendyslexic-regular.woff2 | Bin 0 -> 11036 bytes public/fonts/opendyslexicmono-regular.woff | Bin 0 -> 18024 bytes public/fonts/opendyslexicmono-regular.woff2 | Bin 0 -> 13632 bytes public/img/surprised_cat.webp | Bin 0 -> 860828 bytes public/img/vcss-blue | Bin 0 -> 1759 bytes public/img/wwe_fight.webp | Bin 0 -> 1571156 bytes public/index.html | 118 +++++++++++ public/index2.html | 135 +++++++++++++ public/robots.txt | 2 + public/styles.css | 295 ++++++++++++++++++++++++++++ 46 files changed, 603 insertions(+), 603 deletions(-) delete mode 100644 html/favicon.png delete mode 100644 html/fonts.css delete mode 100644 html/fonts/cascadiacode-light.woff delete mode 100644 html/fonts/cascadiacode-light.woff2 delete mode 100644 html/fonts/cascadiacode-regular.woff delete mode 100644 html/fonts/cascadiacode-regular.woff2 delete mode 100644 html/fonts/opendyslexic-bold.woff delete mode 100644 html/fonts/opendyslexic-bold.woff2 delete mode 100644 html/fonts/opendyslexic-bolditalic.woff delete mode 100644 html/fonts/opendyslexic-bolditalic.woff2 delete mode 100644 html/fonts/opendyslexic-italic.woff delete mode 100644 html/fonts/opendyslexic-italic.woff2 delete mode 100644 html/fonts/opendyslexic-regular.woff delete mode 100644 html/fonts/opendyslexic-regular.woff2 delete mode 100644 html/fonts/opendyslexicmono-regular.woff delete mode 100644 html/fonts/opendyslexicmono-regular.woff2 delete mode 100755 html/img/surprised_cat.webp delete mode 100644 html/img/vcss-blue delete mode 100644 html/img/wwe_fight.webp delete mode 100644 html/index.html delete mode 100644 html/index2.html delete mode 100644 html/robots.txt delete mode 100644 html/styles.css create mode 100644 public/favicon.png create mode 100644 public/fonts.css create mode 100644 public/fonts/cascadiacode-light.woff create mode 100644 public/fonts/cascadiacode-light.woff2 create mode 100644 public/fonts/cascadiacode-regular.woff create mode 100644 public/fonts/cascadiacode-regular.woff2 create mode 100644 public/fonts/opendyslexic-bold.woff create mode 100644 public/fonts/opendyslexic-bold.woff2 create mode 100644 public/fonts/opendyslexic-bolditalic.woff create mode 100644 public/fonts/opendyslexic-bolditalic.woff2 create mode 100644 public/fonts/opendyslexic-italic.woff create mode 100644 public/fonts/opendyslexic-italic.woff2 create mode 100644 public/fonts/opendyslexic-regular.woff create mode 100644 public/fonts/opendyslexic-regular.woff2 create mode 100644 public/fonts/opendyslexicmono-regular.woff create mode 100644 public/fonts/opendyslexicmono-regular.woff2 create mode 100755 public/img/surprised_cat.webp create mode 100644 public/img/vcss-blue create mode 100644 public/img/wwe_fight.webp create mode 100644 public/index.html create mode 100644 public/index2.html create mode 100644 public/robots.txt create mode 100644 public/styles.css diff --git a/html/favicon.png b/html/favicon.png deleted file mode 100644 index 9fa1866..0000000 Binary files a/html/favicon.png and /dev/null differ diff --git a/html/fonts.css b/html/fonts.css deleted file mode 100644 index 48fe4d6..0000000 --- a/html/fonts.css +++ /dev/null @@ -1,53 +0,0 @@ -@font-face { - font-family: 'Cascadia Code converted for web'; - src: url('fonts/cascadiacode-light.woff2') format('woff2'), - url('fonts/cascadiacode-light.woff') format('woff'); - font-weight: 200; - font-style: normal; -} - -@font-face { - font-family: 'Cascadia Code converted for web'; - src: url('fonts/cascadiacode-regular.woff2') format('woff2'), - url('fonts/cascadiacode-regular.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Open Dyslexic'; - src: url('fonts/opendyslexic-regular.woff2') format('woff2'), - url('fonts/opendyslexic-regular.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Open Dyslexic'; - src: url('fonts/opendyslexic-italic.woff2') format('woff2'), - url('fonts/opendyslexic-italic.woff') format('woff'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: 'Open Dyslexic'; - src: url('fonts/opendyslexic-bold.woff2') format('woff2'), - url('fonts/opendyslexic-bold.woff') format('woff'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: 'Open Dyslexic'; - src: url('fonts/opendyslexic-bolditalic.woff2') format('woff2'), - url('fonts/opendyslexic-bolditalic.woff') format('woff'); - font-weight: bold; - font-style: italic; -} - -@font-face { - font-family: 'Open Dyslexic', monospace; - src: url('fonts/opendyslexicmono-regular.woff2') format('woff2'), - url('fonts/opendyslexicmono-regular.woff') format('woff'); -} diff --git a/html/fonts/cascadiacode-light.woff b/html/fonts/cascadiacode-light.woff deleted file mode 100644 index 45a753d..0000000 Binary files a/html/fonts/cascadiacode-light.woff and /dev/null differ diff --git a/html/fonts/cascadiacode-light.woff2 b/html/fonts/cascadiacode-light.woff2 deleted file mode 100644 index a5b8088..0000000 Binary files a/html/fonts/cascadiacode-light.woff2 and /dev/null differ diff --git a/html/fonts/cascadiacode-regular.woff b/html/fonts/cascadiacode-regular.woff deleted file mode 100644 index 81f97e7..0000000 Binary files a/html/fonts/cascadiacode-regular.woff and /dev/null differ diff --git a/html/fonts/cascadiacode-regular.woff2 b/html/fonts/cascadiacode-regular.woff2 deleted file mode 100644 index c71f2bd..0000000 Binary files a/html/fonts/cascadiacode-regular.woff2 and /dev/null differ diff --git a/html/fonts/opendyslexic-bold.woff b/html/fonts/opendyslexic-bold.woff deleted file mode 100644 index 5753504..0000000 Binary files a/html/fonts/opendyslexic-bold.woff and /dev/null differ diff --git a/html/fonts/opendyslexic-bold.woff2 b/html/fonts/opendyslexic-bold.woff2 deleted file mode 100644 index ee26048..0000000 Binary files a/html/fonts/opendyslexic-bold.woff2 and /dev/null differ diff --git a/html/fonts/opendyslexic-bolditalic.woff b/html/fonts/opendyslexic-bolditalic.woff deleted file mode 100644 index d15e18f..0000000 Binary files a/html/fonts/opendyslexic-bolditalic.woff and /dev/null differ diff --git a/html/fonts/opendyslexic-bolditalic.woff2 b/html/fonts/opendyslexic-bolditalic.woff2 deleted file mode 100644 index ebf36a4..0000000 Binary files a/html/fonts/opendyslexic-bolditalic.woff2 and /dev/null differ diff --git a/html/fonts/opendyslexic-italic.woff b/html/fonts/opendyslexic-italic.woff deleted file mode 100644 index 7d1d4b1..0000000 Binary files a/html/fonts/opendyslexic-italic.woff and /dev/null differ diff --git a/html/fonts/opendyslexic-italic.woff2 b/html/fonts/opendyslexic-italic.woff2 deleted file mode 100644 index a1c680f..0000000 Binary files a/html/fonts/opendyslexic-italic.woff2 and /dev/null differ diff --git a/html/fonts/opendyslexic-regular.woff b/html/fonts/opendyslexic-regular.woff deleted file mode 100644 index 2f61080..0000000 Binary files a/html/fonts/opendyslexic-regular.woff and /dev/null differ diff --git a/html/fonts/opendyslexic-regular.woff2 b/html/fonts/opendyslexic-regular.woff2 deleted file mode 100644 index 418ed25..0000000 Binary files a/html/fonts/opendyslexic-regular.woff2 and /dev/null differ diff --git a/html/fonts/opendyslexicmono-regular.woff b/html/fonts/opendyslexicmono-regular.woff deleted file mode 100644 index f5606d3..0000000 Binary files a/html/fonts/opendyslexicmono-regular.woff and /dev/null differ diff --git a/html/fonts/opendyslexicmono-regular.woff2 b/html/fonts/opendyslexicmono-regular.woff2 deleted file mode 100644 index 8048af6..0000000 Binary files a/html/fonts/opendyslexicmono-regular.woff2 and /dev/null differ diff --git a/html/img/surprised_cat.webp b/html/img/surprised_cat.webp deleted file mode 100755 index 91e5eab..0000000 Binary files a/html/img/surprised_cat.webp and /dev/null differ diff --git a/html/img/vcss-blue b/html/img/vcss-blue deleted file mode 100644 index c373b2a..0000000 Binary files a/html/img/vcss-blue and /dev/null differ diff --git a/html/img/wwe_fight.webp b/html/img/wwe_fight.webp deleted file mode 100644 index e6aac88..0000000 Binary files a/html/img/wwe_fight.webp and /dev/null differ diff --git a/html/index.html b/html/index.html deleted file mode 100644 index b3d4cc6..0000000 --- a/html/index.html +++ /dev/null @@ -1,118 +0,0 @@ - - - - Voice server for INL/CSH and beyond - - - - - - - - - - - - - -
- -

Voice server for INL/CSH and beyond

- -
-

Intents and purposes

-

I set up this voice communication server to ease anything that involves/requires oral communication during the lockdown and most likely beyond that. You can use it for work, breaks, general recreation... I personally am connected most of the time during work hours, as if it were a virtual office. Some of my colleagues/friends also sometimes do this, and you are free to create your own personal virtual office if you want (even if you don't work with me).

-

Note on privacy: Although there is no end-to-end encryption, all traffic between clients and the server is encrypted. Operational logs (connection + error logs) are automatically flushed weekly. No data is kept except for the necessary rooms and users data (that means the chat is ephemeral, for better or worse).

-

Configuration

- -

Usage

-

Registration

-

Once you are connected, you can register on the server: this will tie your current username (on the server) to your personal SSL certificate (which was autogenerated by your mumble client). If you then want to be able to use the same username on a different computer, you will need to export your certificate and import it on the other client (using mumble's certificate wizard on PC).

-

Rules

-

There are no specific rules beyond common courtesy. I think everyone who will have access to this server (at least in the foreseeable future) knows how to behave him/herself.

-

There are two main sections in the server, one for work, and the other for recreation. Please respect people who are in work-related rooms.

-

Configuration guidelines and tips

-

Here are some guidelines on how to configure Mumble so that no-one ends up deaf and everyone can communicate properly...

- -
- -
- - diff --git a/html/index2.html b/html/index2.html deleted file mode 100644 index 57ba03b..0000000 --- a/html/index2.html +++ /dev/null @@ -1,135 +0,0 @@ - - - - Voice server for INL/CSH and beyond - - - - - - - - - - - - - -
- -

Voice server for INL/CSH and beyond

- -
-

Intents and purposes

-

I set up this voice communication server to ease anything that involves/requires oral communication during the lockdown and most likely beyond that. You can use it for work, breaks, general recreation... I personally am connected most of the time during work hours, as if it were a virtual office. Some of my colleagues/friends also sometimes do this, and you are free to create your own personal virtual office if you want (even if you don't work with me).

-

Note on privacy: Although there is no end-to-end encryption, all traffic between clients and the server is encrypted. Except from operational logs which are regularly flushed, no data is kept except for rooms and users data (that means the chat is ephemeral, for better or worse).

-

Configuration

- -

Usage

-

Registration

-

Once you are connected, you can register on the server: this will tie your current username (on the server) to your personal SSL certificate (which was autogenerated by your mumble client). If you then want to be able to use the same username on a different computer, you will need to export your certificate and import it on the other client (using mumble's certificate wizard on PC).

-

Rules

-

There are no specific rules beyond common courtesy. I think everyone who will have access to this server (at least in the foreseeable future) knows how to behave him/herself.

-

There are two main sections in the server, one for work, and the other for recreation. Please respect people who are in work-related rooms.

-

Configuration guidelines and tips

-

Here are some guidelines on how to configure Mumble so that no-one ends up deaf and everyone can communicate properly...

- - -
-
-
-
-

En supplément, quelques GIFs pour rendre la page assez cool pour Etienne (enfin, techniquement, c'est du WebP 😉)

-
-
- a WWE fight extract -
Alors ça c'est un mec qui en défonce un autre... Mais on a un peut l'impression qu'il se laisse faire le gus.
-
-
- a surprised/shocked cat -
Et ça, c'est un la réaction d'un chat tout mignon qui voit la scène.
-
-
- -
-
- - - diff --git a/html/robots.txt b/html/robots.txt deleted file mode 100644 index 1f53798..0000000 --- a/html/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -User-agent: * -Disallow: / diff --git a/html/styles.css b/html/styles.css deleted file mode 100644 index 8cd39c3..0000000 --- a/html/styles.css +++ /dev/null @@ -1,295 +0,0 @@ -body { - font-family: serif; - --main-background: #fff; - --main-foreground: #333; - --toolbar-background-hover: #eee; - --toolbar-background-active: #ccc; - --toolbar-border: rgba(12, 12, 13, 0.2); - --toolbar-box-shadow: rgba(12, 12, 13, 0.1); - --anchor-link: darkblue; -} - -.background { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--main-background); - z-index: -1; -} - -.content { - max-width: 50em; - padding: 1em; - margin: auto; - margin-top: 1em; - margin-bottom: 1em; - - /* - border-radius: 4px; - box-shadow: 0 0 0 1px #cacaca,0 0 0 4px #eee; - */ - - border: 1px solid var(--toolbar-border); - border-radius: 6px; - box-shadow: 0 2px 8px var(--toolbar-box-shadow); - - line-height: 1.9; - - background-color: var(--main-background); - color: var(--main-foreground); -} - -.mono { - font-family:'Cascadia Code Webfont'; -} - -div.figure { - display: inline-block; - text-align:center; - margin: 1em; - max-width: min(100%, 30em); - padding: 0; - overflow-x:hidden; - border: 1px solid var(--toolbar-border); - border-radius: 8px; - box-shadow: 0 4px 8px 0 var(--toolbar-box-shadow), 0 6px 20px 0 var(--toolbar-box-shadow); -} - -div.figure .caption { - display: block; - max-width: 100%; - - margin: auto; - padding: .5em; -} - -div.figure img { - display: block; - width: 110%; - margin: 0; -} - -footer { - /*display: flex; - align-items: center; - flex-wrap: wrap;*/ - display: block; - padding-top: 1em; - border-top: 1px solid var(--toolbar-border); - text-align: right; -} - -h1 { - text-align: center; - margin: 0 auto .5em auto; -} - -h3 { - border-bottom: 1px solid var(--toolbar-border); -} - -hr { - height: 0; - border: none; - border-bottom: 1px solid var(--toolbar-border); -} - -p { - margin: 1em; -} - -li { - margin: 0.3em; -} - -a { - color: var(--anchor-link); -} - -a.breakable { - overflow-wrap: break-word; - word-wrap: break-word; -} - -footer div { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-start; -} - -.validation-icons { - margin-left:auto; - text-align:right; -} - -.footer-author { - display: block; - margin-left:auto; - text-align:right; -} - -.validation-icons ~ .footer-author { - margin-left: 0; -} - -.nav { - display: flex; - justify-content: center; - flex-wrap: wrap; - text-align: center; - padding: 0; - margin: 0; - margin-bottom: 1em; -} - -.prose-box-link-ctnr { - display: flex; - align-items: center; - text-align: center; - margin: auto; - margin-top: .4em; - margin-bottom: .9em; - max-width: 100%; - overflow-x: hidden; -} - -.box, .box-link { - text-decoration: underline; - display: inline-block; - align-items: center; - /*inline-block;*/ - - background-color: var(--main-background); - - padding: .3em; - margin: auto; - - border: 1px solid var(--toolbar-border); - border-radius: 6px; - box-shadow: 0 2px 8px var(--toolbar-box-shadow); - overflow-x: hidden; -} - -.box-link a { -} - -.box { - display: flex; - flex-direction:row; - align-items: center; - flex-wrap: wrap; - margin: .2em; -} - -a.box-link { - cursor: pointer; -} - -.box-link { - text-decoration: underline; - display: block; -} - -.nav a.box-link { - margin: 0.2em; - font-variant: small-caps; - text-decoration: none; -} - -footer .box-link, footer .box { - text-decoration: none; - font-variant: small-caps; -} - -.box-link:hover { - background-color: var(--toolbar-background-hover); -} - -.i-am-having-fun-cb { - display: none; -} - -.lbl { - cursor: pointer; - - display: inline-block; - text-decoration: none; - font-variant: small-caps; - padding: 4px; - margin: .2em -} - -#defaultfont-rb:checked ~ * { - font-family: inherit; - font-weight: normal; -} - -#monofont-rb:checked ~ * { - font-family: 'Cascadia Code Webfont'; - line-height: 2.1; -} - -#dyslexicfont-rb:checked ~ * { - font-family: OpenDyslexic; - font-weight: normal; - line-height: 2.1; -} - -footer label.lbl { - background-color: var(--main-background); -} - -#maxwidth-cb:checked ~ .content { - max-width: 100%; - box-shadow: none; - border: none; - padding: 1em; -} - -#sepia-cb:checked ~ * { - --main-background: #f4ecd8; - --main-foreground: #5b4636; - --toolbar-border: rgba(19, 14, 11, 0.2); - --toolbar-border-shadow: rgba(19, 14, 11, 0.1); - --toolbar-background-hover: #e4dcc8; - --toolbar-background-active: #d4ccb8; -} - -#defaultfont-rb:checked ~ footer .defaultfont-rb { - background-color: var(--toolbar-background-active); -} - -#monofont-rb:checked ~ footer .monofont-rb { - background-color: var(--toolbar-background-active); -} - -#dyslexicfont-rb:checked ~ footer .dyslexicfont-rb { - background-color: var(--toolbar-background-active); -} - -#maxwidth-cb:checked ~ footer .maxwidth-cb { - background-color: var(--toolbar-background-active); -} - -#sepia-cb:checked ~ footer .sepia-cb { - background-color: var(--toolbar-background-active); -} - -.link-to-top { - text-decoration: none; -} - -@media only screen and (max-width: 50em) { - .content { - border: none; - border-radius: 0; - box-shadow: none; - } - - div label.maxwidth-cb { - background-color: var(--toolbar-background-active); - } -} diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..9fa1866 Binary files /dev/null and b/public/favicon.png differ diff --git a/public/fonts.css b/public/fonts.css new file mode 100644 index 0000000..48fe4d6 --- /dev/null +++ b/public/fonts.css @@ -0,0 +1,53 @@ +@font-face { + font-family: 'Cascadia Code converted for web'; + src: url('fonts/cascadiacode-light.woff2') format('woff2'), + url('fonts/cascadiacode-light.woff') format('woff'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'Cascadia Code converted for web'; + src: url('fonts/cascadiacode-regular.woff2') format('woff2'), + url('fonts/cascadiacode-regular.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Open Dyslexic'; + src: url('fonts/opendyslexic-regular.woff2') format('woff2'), + url('fonts/opendyslexic-regular.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Open Dyslexic'; + src: url('fonts/opendyslexic-italic.woff2') format('woff2'), + url('fonts/opendyslexic-italic.woff') format('woff'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Open Dyslexic'; + src: url('fonts/opendyslexic-bold.woff2') format('woff2'), + url('fonts/opendyslexic-bold.woff') format('woff'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Open Dyslexic'; + src: url('fonts/opendyslexic-bolditalic.woff2') format('woff2'), + url('fonts/opendyslexic-bolditalic.woff') format('woff'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Open Dyslexic', monospace; + src: url('fonts/opendyslexicmono-regular.woff2') format('woff2'), + url('fonts/opendyslexicmono-regular.woff') format('woff'); +} diff --git a/public/fonts/cascadiacode-light.woff b/public/fonts/cascadiacode-light.woff new file mode 100644 index 0000000..45a753d Binary files /dev/null and b/public/fonts/cascadiacode-light.woff differ diff --git a/public/fonts/cascadiacode-light.woff2 b/public/fonts/cascadiacode-light.woff2 new file mode 100644 index 0000000..a5b8088 Binary files /dev/null and b/public/fonts/cascadiacode-light.woff2 differ diff --git a/public/fonts/cascadiacode-regular.woff b/public/fonts/cascadiacode-regular.woff new file mode 100644 index 0000000..81f97e7 Binary files /dev/null and b/public/fonts/cascadiacode-regular.woff differ diff --git a/public/fonts/cascadiacode-regular.woff2 b/public/fonts/cascadiacode-regular.woff2 new file mode 100644 index 0000000..c71f2bd Binary files /dev/null and b/public/fonts/cascadiacode-regular.woff2 differ diff --git a/public/fonts/opendyslexic-bold.woff b/public/fonts/opendyslexic-bold.woff new file mode 100644 index 0000000..5753504 Binary files /dev/null and b/public/fonts/opendyslexic-bold.woff differ diff --git a/public/fonts/opendyslexic-bold.woff2 b/public/fonts/opendyslexic-bold.woff2 new file mode 100644 index 0000000..ee26048 Binary files /dev/null and b/public/fonts/opendyslexic-bold.woff2 differ diff --git a/public/fonts/opendyslexic-bolditalic.woff b/public/fonts/opendyslexic-bolditalic.woff new file mode 100644 index 0000000..d15e18f Binary files /dev/null and b/public/fonts/opendyslexic-bolditalic.woff differ diff --git a/public/fonts/opendyslexic-bolditalic.woff2 b/public/fonts/opendyslexic-bolditalic.woff2 new file mode 100644 index 0000000..ebf36a4 Binary files /dev/null and b/public/fonts/opendyslexic-bolditalic.woff2 differ diff --git a/public/fonts/opendyslexic-italic.woff b/public/fonts/opendyslexic-italic.woff new file mode 100644 index 0000000..7d1d4b1 Binary files /dev/null and b/public/fonts/opendyslexic-italic.woff differ diff --git a/public/fonts/opendyslexic-italic.woff2 b/public/fonts/opendyslexic-italic.woff2 new file mode 100644 index 0000000..a1c680f Binary files /dev/null and b/public/fonts/opendyslexic-italic.woff2 differ diff --git a/public/fonts/opendyslexic-regular.woff b/public/fonts/opendyslexic-regular.woff new file mode 100644 index 0000000..2f61080 Binary files /dev/null and b/public/fonts/opendyslexic-regular.woff differ diff --git a/public/fonts/opendyslexic-regular.woff2 b/public/fonts/opendyslexic-regular.woff2 new file mode 100644 index 0000000..418ed25 Binary files /dev/null and b/public/fonts/opendyslexic-regular.woff2 differ diff --git a/public/fonts/opendyslexicmono-regular.woff b/public/fonts/opendyslexicmono-regular.woff new file mode 100644 index 0000000..f5606d3 Binary files /dev/null and b/public/fonts/opendyslexicmono-regular.woff differ diff --git a/public/fonts/opendyslexicmono-regular.woff2 b/public/fonts/opendyslexicmono-regular.woff2 new file mode 100644 index 0000000..8048af6 Binary files /dev/null and b/public/fonts/opendyslexicmono-regular.woff2 differ diff --git a/public/img/surprised_cat.webp b/public/img/surprised_cat.webp new file mode 100755 index 0000000..91e5eab Binary files /dev/null and b/public/img/surprised_cat.webp differ diff --git a/public/img/vcss-blue b/public/img/vcss-blue new file mode 100644 index 0000000..c373b2a Binary files /dev/null and b/public/img/vcss-blue differ diff --git a/public/img/wwe_fight.webp b/public/img/wwe_fight.webp new file mode 100644 index 0000000..e6aac88 Binary files /dev/null and b/public/img/wwe_fight.webp differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..b3d4cc6 --- /dev/null +++ b/public/index.html @@ -0,0 +1,118 @@ + + + + Voice server for INL/CSH and beyond + + + + + + + + + + + + + +
+ +

Voice server for INL/CSH and beyond

+ +
+

Intents and purposes

+

I set up this voice communication server to ease anything that involves/requires oral communication during the lockdown and most likely beyond that. You can use it for work, breaks, general recreation... I personally am connected most of the time during work hours, as if it were a virtual office. Some of my colleagues/friends also sometimes do this, and you are free to create your own personal virtual office if you want (even if you don't work with me).

+

Note on privacy: Although there is no end-to-end encryption, all traffic between clients and the server is encrypted. Operational logs (connection + error logs) are automatically flushed weekly. No data is kept except for the necessary rooms and users data (that means the chat is ephemeral, for better or worse).

+

Configuration

+ +

Usage

+

Registration

+

Once you are connected, you can register on the server: this will tie your current username (on the server) to your personal SSL certificate (which was autogenerated by your mumble client). If you then want to be able to use the same username on a different computer, you will need to export your certificate and import it on the other client (using mumble's certificate wizard on PC).

+

Rules

+

There are no specific rules beyond common courtesy. I think everyone who will have access to this server (at least in the foreseeable future) knows how to behave him/herself.

+

There are two main sections in the server, one for work, and the other for recreation. Please respect people who are in work-related rooms.

+

Configuration guidelines and tips

+

Here are some guidelines on how to configure Mumble so that no-one ends up deaf and everyone can communicate properly...

+ +
+ +
+ + diff --git a/public/index2.html b/public/index2.html new file mode 100644 index 0000000..57ba03b --- /dev/null +++ b/public/index2.html @@ -0,0 +1,135 @@ + + + + Voice server for INL/CSH and beyond + + + + + + + + + + + + + +
+ +

Voice server for INL/CSH and beyond

+ +
+

Intents and purposes

+

I set up this voice communication server to ease anything that involves/requires oral communication during the lockdown and most likely beyond that. You can use it for work, breaks, general recreation... I personally am connected most of the time during work hours, as if it were a virtual office. Some of my colleagues/friends also sometimes do this, and you are free to create your own personal virtual office if you want (even if you don't work with me).

+

Note on privacy: Although there is no end-to-end encryption, all traffic between clients and the server is encrypted. Except from operational logs which are regularly flushed, no data is kept except for rooms and users data (that means the chat is ephemeral, for better or worse).

+

Configuration

+ +

Usage

+

Registration

+

Once you are connected, you can register on the server: this will tie your current username (on the server) to your personal SSL certificate (which was autogenerated by your mumble client). If you then want to be able to use the same username on a different computer, you will need to export your certificate and import it on the other client (using mumble's certificate wizard on PC).

+

Rules

+

There are no specific rules beyond common courtesy. I think everyone who will have access to this server (at least in the foreseeable future) knows how to behave him/herself.

+

There are two main sections in the server, one for work, and the other for recreation. Please respect people who are in work-related rooms.

+

Configuration guidelines and tips

+

Here are some guidelines on how to configure Mumble so that no-one ends up deaf and everyone can communicate properly...

+ + +
+
+
+
+

En supplément, quelques GIFs pour rendre la page assez cool pour Etienne (enfin, techniquement, c'est du WebP 😉)

+
+
+ a WWE fight extract +
Alors ça c'est un mec qui en défonce un autre... Mais on a un peut l'impression qu'il se laisse faire le gus.
+
+
+ a surprised/shocked cat +
Et ça, c'est un la réaction d'un chat tout mignon qui voit la scène.
+
+
+ +
+
+ + + diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..1f53798 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / diff --git a/public/styles.css b/public/styles.css new file mode 100644 index 0000000..8cd39c3 --- /dev/null +++ b/public/styles.css @@ -0,0 +1,295 @@ +body { + font-family: serif; + --main-background: #fff; + --main-foreground: #333; + --toolbar-background-hover: #eee; + --toolbar-background-active: #ccc; + --toolbar-border: rgba(12, 12, 13, 0.2); + --toolbar-box-shadow: rgba(12, 12, 13, 0.1); + --anchor-link: darkblue; +} + +.background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: var(--main-background); + z-index: -1; +} + +.content { + max-width: 50em; + padding: 1em; + margin: auto; + margin-top: 1em; + margin-bottom: 1em; + + /* + border-radius: 4px; + box-shadow: 0 0 0 1px #cacaca,0 0 0 4px #eee; + */ + + border: 1px solid var(--toolbar-border); + border-radius: 6px; + box-shadow: 0 2px 8px var(--toolbar-box-shadow); + + line-height: 1.9; + + background-color: var(--main-background); + color: var(--main-foreground); +} + +.mono { + font-family:'Cascadia Code Webfont'; +} + +div.figure { + display: inline-block; + text-align:center; + margin: 1em; + max-width: min(100%, 30em); + padding: 0; + overflow-x:hidden; + border: 1px solid var(--toolbar-border); + border-radius: 8px; + box-shadow: 0 4px 8px 0 var(--toolbar-box-shadow), 0 6px 20px 0 var(--toolbar-box-shadow); +} + +div.figure .caption { + display: block; + max-width: 100%; + + margin: auto; + padding: .5em; +} + +div.figure img { + display: block; + width: 110%; + margin: 0; +} + +footer { + /*display: flex; + align-items: center; + flex-wrap: wrap;*/ + display: block; + padding-top: 1em; + border-top: 1px solid var(--toolbar-border); + text-align: right; +} + +h1 { + text-align: center; + margin: 0 auto .5em auto; +} + +h3 { + border-bottom: 1px solid var(--toolbar-border); +} + +hr { + height: 0; + border: none; + border-bottom: 1px solid var(--toolbar-border); +} + +p { + margin: 1em; +} + +li { + margin: 0.3em; +} + +a { + color: var(--anchor-link); +} + +a.breakable { + overflow-wrap: break-word; + word-wrap: break-word; +} + +footer div { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; +} + +.validation-icons { + margin-left:auto; + text-align:right; +} + +.footer-author { + display: block; + margin-left:auto; + text-align:right; +} + +.validation-icons ~ .footer-author { + margin-left: 0; +} + +.nav { + display: flex; + justify-content: center; + flex-wrap: wrap; + text-align: center; + padding: 0; + margin: 0; + margin-bottom: 1em; +} + +.prose-box-link-ctnr { + display: flex; + align-items: center; + text-align: center; + margin: auto; + margin-top: .4em; + margin-bottom: .9em; + max-width: 100%; + overflow-x: hidden; +} + +.box, .box-link { + text-decoration: underline; + display: inline-block; + align-items: center; + /*inline-block;*/ + + background-color: var(--main-background); + + padding: .3em; + margin: auto; + + border: 1px solid var(--toolbar-border); + border-radius: 6px; + box-shadow: 0 2px 8px var(--toolbar-box-shadow); + overflow-x: hidden; +} + +.box-link a { +} + +.box { + display: flex; + flex-direction:row; + align-items: center; + flex-wrap: wrap; + margin: .2em; +} + +a.box-link { + cursor: pointer; +} + +.box-link { + text-decoration: underline; + display: block; +} + +.nav a.box-link { + margin: 0.2em; + font-variant: small-caps; + text-decoration: none; +} + +footer .box-link, footer .box { + text-decoration: none; + font-variant: small-caps; +} + +.box-link:hover { + background-color: var(--toolbar-background-hover); +} + +.i-am-having-fun-cb { + display: none; +} + +.lbl { + cursor: pointer; + + display: inline-block; + text-decoration: none; + font-variant: small-caps; + padding: 4px; + margin: .2em +} + +#defaultfont-rb:checked ~ * { + font-family: inherit; + font-weight: normal; +} + +#monofont-rb:checked ~ * { + font-family: 'Cascadia Code Webfont'; + line-height: 2.1; +} + +#dyslexicfont-rb:checked ~ * { + font-family: OpenDyslexic; + font-weight: normal; + line-height: 2.1; +} + +footer label.lbl { + background-color: var(--main-background); +} + +#maxwidth-cb:checked ~ .content { + max-width: 100%; + box-shadow: none; + border: none; + padding: 1em; +} + +#sepia-cb:checked ~ * { + --main-background: #f4ecd8; + --main-foreground: #5b4636; + --toolbar-border: rgba(19, 14, 11, 0.2); + --toolbar-border-shadow: rgba(19, 14, 11, 0.1); + --toolbar-background-hover: #e4dcc8; + --toolbar-background-active: #d4ccb8; +} + +#defaultfont-rb:checked ~ footer .defaultfont-rb { + background-color: var(--toolbar-background-active); +} + +#monofont-rb:checked ~ footer .monofont-rb { + background-color: var(--toolbar-background-active); +} + +#dyslexicfont-rb:checked ~ footer .dyslexicfont-rb { + background-color: var(--toolbar-background-active); +} + +#maxwidth-cb:checked ~ footer .maxwidth-cb { + background-color: var(--toolbar-background-active); +} + +#sepia-cb:checked ~ footer .sepia-cb { + background-color: var(--toolbar-background-active); +} + +.link-to-top { + text-decoration: none; +} + +@media only screen and (max-width: 50em) { + .content { + border: none; + border-radius: 0; + box-shadow: none; + } + + div label.maxwidth-cb { + background-color: var(--toolbar-background-active); + } +} -- cgit v1.2.3