From e509211fb8f6608e911721ce243aaa6d1725e7ff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cl=C3=A9ment=20Zrounba?= <6691770+clement-z@users.noreply.github.com> Date: Sat, 12 Dec 2020 21:41:11 +0100 Subject: Initial commit --- html/favicon.png | Bin 0 -> 2198 bytes html/fonts.css | 44 ++++ html/fonts/CascadiaCode-Light.ttf | Bin 0 -> 270496 bytes html/fonts/CascadiaCode-Regular.ttf | Bin 0 -> 270660 bytes html/fonts/CascadiaCode.ttf | Bin 0 -> 353284 bytes html/fonts/OpenDyslexic-Bold.otf | Bin 0 -> 42408 bytes html/fonts/OpenDyslexic-BoldItalic.otf | Bin 0 -> 78500 bytes html/fonts/OpenDyslexic-Italic.otf | Bin 0 -> 71120 bytes html/fonts/OpenDyslexic-Regular.otf | Bin 0 -> 41088 bytes html/fonts/OpenDyslexicAlta-Bold.otf | Bin 0 -> 40180 bytes html/fonts/OpenDyslexicAlta-BoldItalic.otf | Bin 0 -> 76380 bytes html/fonts/OpenDyslexicAlta-Italic.otf | Bin 0 -> 62672 bytes html/fonts/OpenDyslexicAlta-Regular.otf | Bin 0 -> 42872 bytes html/fonts/OpenDyslexicMono-Regular.otf | Bin 0 -> 51548 bytes html/fonts/cascadiacode-light-webfont.woff | Bin 0 -> 29808 bytes html/fonts/cascadiacode-light-webfont.woff2 | Bin 0 -> 22188 bytes html/fonts/cascadiacode-regular-webfont.woff | Bin 0 -> 30036 bytes html/fonts/cascadiacode-regular-webfont.woff2 | Bin 0 -> 22564 bytes html/img/surprised_cat.webp | Bin 0 -> 860828 bytes html/img/vcss-blue | Bin 0 -> 1759 bytes html/img/wwe_fight.webp | Bin 0 -> 1571156 bytes html/index.html | 118 +++++++++++ html/index2.html | 135 ++++++++++++ html/robots.txt | 2 + html/styles.css | 295 ++++++++++++++++++++++++++ 25 files changed, 594 insertions(+) create mode 100644 html/favicon.png create mode 100644 html/fonts.css create mode 100644 html/fonts/CascadiaCode-Light.ttf create mode 100644 html/fonts/CascadiaCode-Regular.ttf create mode 100644 html/fonts/CascadiaCode.ttf create mode 100644 html/fonts/OpenDyslexic-Bold.otf create mode 100644 html/fonts/OpenDyslexic-BoldItalic.otf create mode 100644 html/fonts/OpenDyslexic-Italic.otf create mode 100644 html/fonts/OpenDyslexic-Regular.otf create mode 100644 html/fonts/OpenDyslexicAlta-Bold.otf create mode 100644 html/fonts/OpenDyslexicAlta-BoldItalic.otf create mode 100644 html/fonts/OpenDyslexicAlta-Italic.otf create mode 100644 html/fonts/OpenDyslexicAlta-Regular.otf create mode 100644 html/fonts/OpenDyslexicMono-Regular.otf create mode 100644 html/fonts/cascadiacode-light-webfont.woff create mode 100644 html/fonts/cascadiacode-light-webfont.woff2 create mode 100644 html/fonts/cascadiacode-regular-webfont.woff create mode 100644 html/fonts/cascadiacode-regular-webfont.woff2 create mode 100755 html/img/surprised_cat.webp create mode 100644 html/img/vcss-blue create mode 100644 html/img/wwe_fight.webp create mode 100644 html/index.html create mode 100644 html/index2.html create mode 100644 html/robots.txt create mode 100644 html/styles.css diff --git a/html/favicon.png b/html/favicon.png new file mode 100644 index 0000000..9fa1866 Binary files /dev/null and b/html/favicon.png differ diff --git a/html/fonts.css b/html/fonts.css new file mode 100644 index 0000000..ec15c62 --- /dev/null +++ b/html/fonts.css @@ -0,0 +1,44 @@ +@font-face { + font-family: CascadiaCode; + src: local("CascadiaCode-Light"), url(fonts/CascadiaCode-Light.ttf); + font-weight:200; +} + +@font-face { + font-family: CascadiaCode; + src: local("CascadiaCode-Regular"), url(fonts/CascadiaCode-Regular.ttf); +} + +@font-face { + font-family: OpenDyslexic; + src: local("OpenDyslexic-Regular"), url(fonts/OpenDyslexic-Regular.otf) format("opentype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: OpenDyslexic; + src: local("OpenDyslexic-Italic"), url(fonts/OpenDyslexic-Italic.otf) format("opentype"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: OpenDyslexic; + src: local("OpenDyslexic-Bold"), url(fonts/OpenDyslexic-Bold.otf) format("opentype"); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: OpenDyslexic; + src: local("OpenDyslexic-BoldItalic"), url(fonts/OpenDyslexic-BoldItalic.otf) format("opentype"); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: OpenDyslexic, monospace; + src: local("OpenDyslexicMono-Regular"), url(fonts/OpenDyslexicMono-Regular.otf) format("opentype"); +} + diff --git a/html/fonts/CascadiaCode-Light.ttf b/html/fonts/CascadiaCode-Light.ttf new file mode 100644 index 0000000..2f79b8e Binary files /dev/null and b/html/fonts/CascadiaCode-Light.ttf differ diff --git a/html/fonts/CascadiaCode-Regular.ttf b/html/fonts/CascadiaCode-Regular.ttf new file mode 100644 index 0000000..a86b04d Binary files /dev/null and b/html/fonts/CascadiaCode-Regular.ttf differ diff --git a/html/fonts/CascadiaCode.ttf b/html/fonts/CascadiaCode.ttf new file mode 100644 index 0000000..bda8bb9 Binary files /dev/null and b/html/fonts/CascadiaCode.ttf differ diff --git a/html/fonts/OpenDyslexic-Bold.otf b/html/fonts/OpenDyslexic-Bold.otf new file mode 100644 index 0000000..4c492e2 Binary files /dev/null and b/html/fonts/OpenDyslexic-Bold.otf differ diff --git a/html/fonts/OpenDyslexic-BoldItalic.otf b/html/fonts/OpenDyslexic-BoldItalic.otf new file mode 100644 index 0000000..f71b430 Binary files /dev/null and b/html/fonts/OpenDyslexic-BoldItalic.otf differ diff --git a/html/fonts/OpenDyslexic-Italic.otf b/html/fonts/OpenDyslexic-Italic.otf new file mode 100644 index 0000000..fdead4d Binary files /dev/null and b/html/fonts/OpenDyslexic-Italic.otf differ diff --git a/html/fonts/OpenDyslexic-Regular.otf b/html/fonts/OpenDyslexic-Regular.otf new file mode 100644 index 0000000..1226d2a Binary files /dev/null and b/html/fonts/OpenDyslexic-Regular.otf differ diff --git a/html/fonts/OpenDyslexicAlta-Bold.otf b/html/fonts/OpenDyslexicAlta-Bold.otf new file mode 100644 index 0000000..37f6d5e Binary files /dev/null and b/html/fonts/OpenDyslexicAlta-Bold.otf differ diff --git a/html/fonts/OpenDyslexicAlta-BoldItalic.otf b/html/fonts/OpenDyslexicAlta-BoldItalic.otf new file mode 100644 index 0000000..df71ef7 Binary files /dev/null and b/html/fonts/OpenDyslexicAlta-BoldItalic.otf differ diff --git a/html/fonts/OpenDyslexicAlta-Italic.otf b/html/fonts/OpenDyslexicAlta-Italic.otf new file mode 100644 index 0000000..5233fe0 Binary files /dev/null and b/html/fonts/OpenDyslexicAlta-Italic.otf differ diff --git a/html/fonts/OpenDyslexicAlta-Regular.otf b/html/fonts/OpenDyslexicAlta-Regular.otf new file mode 100644 index 0000000..6eb4a3e Binary files /dev/null and b/html/fonts/OpenDyslexicAlta-Regular.otf differ diff --git a/html/fonts/OpenDyslexicMono-Regular.otf b/html/fonts/OpenDyslexicMono-Regular.otf new file mode 100644 index 0000000..543d46b Binary files /dev/null and b/html/fonts/OpenDyslexicMono-Regular.otf differ diff --git a/html/fonts/cascadiacode-light-webfont.woff b/html/fonts/cascadiacode-light-webfont.woff new file mode 100644 index 0000000..258ea8e Binary files /dev/null and b/html/fonts/cascadiacode-light-webfont.woff differ diff --git a/html/fonts/cascadiacode-light-webfont.woff2 b/html/fonts/cascadiacode-light-webfont.woff2 new file mode 100644 index 0000000..c48d29a Binary files /dev/null and b/html/fonts/cascadiacode-light-webfont.woff2 differ diff --git a/html/fonts/cascadiacode-regular-webfont.woff b/html/fonts/cascadiacode-regular-webfont.woff new file mode 100644 index 0000000..6b6c00f Binary files /dev/null and b/html/fonts/cascadiacode-regular-webfont.woff differ diff --git a/html/fonts/cascadiacode-regular-webfont.woff2 b/html/fonts/cascadiacode-regular-webfont.woff2 new file mode 100644 index 0000000..ce8aa3d Binary files /dev/null and b/html/fonts/cascadiacode-regular-webfont.woff2 differ diff --git a/html/img/surprised_cat.webp b/html/img/surprised_cat.webp new file mode 100755 index 0000000..91e5eab Binary files /dev/null and b/html/img/surprised_cat.webp differ diff --git a/html/img/vcss-blue b/html/img/vcss-blue new file mode 100644 index 0000000..c373b2a Binary files /dev/null and b/html/img/vcss-blue differ diff --git a/html/img/wwe_fight.webp b/html/img/wwe_fight.webp new file mode 100644 index 0000000..e6aac88 Binary files /dev/null and b/html/img/wwe_fight.webp differ diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..b3d4cc6 --- /dev/null +++ b/html/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/html/index2.html b/html/index2.html new file mode 100644 index 0000000..57ba03b --- /dev/null +++ b/html/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/html/robots.txt b/html/robots.txt new file mode 100644 index 0000000..1f53798 --- /dev/null +++ b/html/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / diff --git a/html/styles.css b/html/styles.css new file mode 100644 index 0000000..8cd39c3 --- /dev/null +++ b/html/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