diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..cc15d38 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,241 @@ +@font-face { + font-family: "Varela Round"; + font-style: normal; + font-weight: 400; + src: url("../fonts/varela-round-v19-latin-regular.eot"); + src: local(""), url("../fonts/varela-round-v19-latin-regular.eot?#iefix") format("embedded-opentype"), + url("../fonts/varela-round-v19-latin-regular.woff2") format("woff2"), + url("../fonts/varela-round-v19-latin-regular.woff") format("woff"), + url("../fonts/varela-round-v19-latin-regular.ttf") format("truetype"), + url("../fonts/varela-round-v19-latin-regular.svg#VarelaRound") format("svg"); +} + +body { + font-family: "Varela Round", sans-serif; + line-height: 1.5; + font-weight: 400; + margin: 0; + padding: 0; + min-height: 100vh; + text-rendering: optimizeLegibility; + background-color: #e1e0e2; + color: #1e1f1d; + box-sizing: border-box; + animation: fadein 0.5s; +} + +* { + box-sizing: border-box; +} + +@keyframes fadein { + from { + margin-top: 20px; + opacity: 0; + overflow: hidden; + } + + to { + opacity: 1; + overflow: hidden; + } +} + +.top-logo { + position: absolute; + top: 0; + left: 0; + border: 0; + width: 180px; + transition: left .1s ease-in-out, opacity .1s ease-in-out; + z-index: 999; + opacity: .8; +} + +.top-logo:hover { + opacity: 1; +} + +.container { + display: flex; + width: 100%; + margin: auto; + padding-left: 16px; + padding-right: 16px; +} + + +.elem { + padding: 16px; + box-shadow: 0 1px 2px #00000010, 0 8px 12px #00000020; + border-radius: 12px; + overflow: hidden; + background-color: #d7d7d7; + margin-top: 8vh; +} + +.header { + margin-bottom: 25px; +} + +.header .title { + font-size: 2rem; + margin-bottom: 0; + margin-top: auto; +} + +.header .desc { + font-size: small; +} + +.content p { + hyphens: auto; + line-height: 1.8; + text-justify: ideographic; + margin-bottom: 1em; +} + +.content code { + padding: .2em .4em; + font-size: 85%; + background-color: #e1e0e2; + border-radius: 6px; +} + +.content pre { + padding: 16px; + overflow: auto; + border-radius: 10px; + background-color: #e1e0e2; +} + +.content pre>code { + padding: 0; + font-size: 100%; + background-color: inherit; + border: 0; +} + +a>svg { + fill: #1e1f1d99; + cursor: pointer; +} + +a>svg:hover { + fill: #1e1f1d; +} + +header a>svg:hover, +footer a>svg:hover { + transform: scale(1.1); + +} + +@media screen and (max-width:600px) { + .content { + font-size: 16px; + } + + .header .title { + font-size: 2rem; + } + + .content p { + letter-spacing: .05em; + } +} + + +@media screen and (min-width: 32em) { + .container { + max-width: 1024px; + } +} + + +@media screen and (min-width: 64em) { + .container { + max-width: 1200px; + } +} + +footer { + padding-top: 16px; + padding-bottom: 16px; + align-content: center; +} + +footer a { + text-decoration: none; +} + +.footer-links { + margin-top: 16px; + margin-bottom: 16px; + align-self: center; + flex: 1; + justify-content: center; +} + +.footer-links a { + transition: color 0.1s ease-in-out; + color: #1e1f1d99; +} + +.footer-links a:hover { + transition: color 0.1s ease-in-out; + color: #1e1f1d; +} + +@media (prefers-color-scheme: dark) { + body { + background-color: #1e1f1d; + color: #e1e0e2; + } + + .top-logo { + filter: invert(100%); + } + + .logo { + filter: invert(100%); + } + + .elem { + background-color: #282828; + } + + .content a { + text-decoration: underline; + color: #e1e0e2; + } + + .content code, + .content pre { + background-color: #1e1f1d !important; + } + + .content blockquote { + background-color: #1e1f1d; + color: #e1e0e2; + border-left: .25em solid #e1e0e2; + } + + .footer-links a { + transition: color 0.1s ease-in-out; + color: #e1e0e299; + } + + .footer-links a:hover { + transition: color 0.1s ease-in-out; + color: #e1e0e2; + } + + a>svg { + fill: #e1e0e299; + } + + a>svg:hover { + fill: #e1e0e2; + } +} \ No newline at end of file diff --git a/assets/fonts/varela-round-v19-latin-regular.eot b/assets/fonts/varela-round-v19-latin-regular.eot new file mode 100644 index 0000000..3a296a9 Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.eot differ diff --git a/assets/fonts/varela-round-v19-latin-regular.svg b/assets/fonts/varela-round-v19-latin-regular.svg new file mode 100644 index 0000000..078b2ab --- /dev/null +++ b/assets/fonts/varela-round-v19-latin-regular.svg @@ -0,0 +1,453 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/varela-round-v19-latin-regular.ttf b/assets/fonts/varela-round-v19-latin-regular.ttf new file mode 100644 index 0000000..a862fd1 Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.ttf differ diff --git a/assets/fonts/varela-round-v19-latin-regular.woff b/assets/fonts/varela-round-v19-latin-regular.woff new file mode 100644 index 0000000..28c9625 Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.woff differ diff --git a/assets/fonts/varela-round-v19-latin-regular.woff2 b/assets/fonts/varela-round-v19-latin-regular.woff2 new file mode 100644 index 0000000..06fe19f Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.woff2 differ diff --git a/assets/img/android-chrome-144x144.png b/assets/img/android-chrome-144x144.png new file mode 100644 index 0000000..91251fa Binary files /dev/null and b/assets/img/android-chrome-144x144.png differ diff --git a/assets/img/android-chrome-192x192.png b/assets/img/android-chrome-192x192.png new file mode 100644 index 0000000..3656c14 Binary files /dev/null and b/assets/img/android-chrome-192x192.png differ diff --git a/assets/img/android-chrome-36x36.png b/assets/img/android-chrome-36x36.png new file mode 100644 index 0000000..77380ba Binary files /dev/null and b/assets/img/android-chrome-36x36.png differ diff --git a/assets/img/android-chrome-48x48.png b/assets/img/android-chrome-48x48.png new file mode 100644 index 0000000..6865572 Binary files /dev/null and b/assets/img/android-chrome-48x48.png differ diff --git a/assets/img/android-chrome-72x72.png b/assets/img/android-chrome-72x72.png new file mode 100644 index 0000000..9663802 Binary files /dev/null and b/assets/img/android-chrome-72x72.png differ diff --git a/assets/img/android-chrome-96x96.png b/assets/img/android-chrome-96x96.png new file mode 100644 index 0000000..d6a92f7 Binary files /dev/null and b/assets/img/android-chrome-96x96.png differ diff --git a/assets/img/apple-touch-icon-120x120.png b/assets/img/apple-touch-icon-120x120.png new file mode 100644 index 0000000..0a6c3a2 Binary files /dev/null and b/assets/img/apple-touch-icon-120x120.png differ diff --git a/assets/img/apple-touch-icon-152x152.png b/assets/img/apple-touch-icon-152x152.png new file mode 100644 index 0000000..f7b387a Binary files /dev/null and b/assets/img/apple-touch-icon-152x152.png differ diff --git a/assets/img/apple-touch-icon-180x180.png b/assets/img/apple-touch-icon-180x180.png new file mode 100644 index 0000000..71334e9 Binary files /dev/null and b/assets/img/apple-touch-icon-180x180.png differ diff --git a/assets/img/apple-touch-icon-76x76.png b/assets/img/apple-touch-icon-76x76.png new file mode 100644 index 0000000..bfa22ee Binary files /dev/null and b/assets/img/apple-touch-icon-76x76.png differ diff --git a/assets/img/apple-touch-icon.png b/assets/img/apple-touch-icon.png new file mode 100644 index 0000000..c6225dc Binary files /dev/null and b/assets/img/apple-touch-icon.png differ diff --git a/assets/img/favicon-16x16.png b/assets/img/favicon-16x16.png new file mode 100644 index 0000000..2656a77 Binary files /dev/null and b/assets/img/favicon-16x16.png differ diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png new file mode 100644 index 0000000..2ecf761 Binary files /dev/null and b/assets/img/favicon-32x32.png differ diff --git a/assets/img/favicon-96x96.png b/assets/img/favicon-96x96.png new file mode 100644 index 0000000..d6a92f7 Binary files /dev/null and b/assets/img/favicon-96x96.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..934199a Binary files /dev/null and b/favicon.ico differ diff --git a/index.en.html b/index.en.html new file mode 100644 index 0000000..86fb1ee --- /dev/null +++ b/index.en.html @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + collabore tunnel + + + + + + +
+
+
+

Welcome to collabore tunnel

+
+ Make your local services accessible to all on the public Internet. +
+
+
+

collabore tunnel is a free and open source service offered as part of the club elec collabore + platform operated by club elec that allows you to expose your local services on the public + Internet.
+ Showing your friends or colleagues your work on your next website (for example) has never been + easier!

+

Features

+

+

    +
  • ✔️ Easy to use
    • +
  • ✔️ No download and no signup
    • +
  • ✔️ Use the SSH client already installed on your device
    • +
  • ✔️ Generates a random link that can be shared with anyone
    • +
  • ✔️ Compatible with any protocol
    • +
+

+

Usage

+ 
ssh -R /:host:port ssh.tunnel.collabore.fr
+

Demo

+ 
$ ssh -R /:localhost:8000 ssh.tunnel.collabore.fr
+===============================================================================
+Welcome to collabore tunnel!
+collabore tunnel is a free and open source service offered as part of the
+club elec collabore platform (https://collabore.fr) operated by club elec that
+allows you to expose your local services on the public Internet.
+To learn more about collabore tunnel,
+visit the documentation website: https://tunnel.collabore.fr/
+club elec (https://clubelec.insset.fr) is a french not-for-profit
+student organisation.
+===============================================================================
+
+Your local service has been exposed to the public Internet address: hivs5g9l739ywr2n.tnl.clb.re
+TLS termination: https://hivs5g9l739ywr2n.tnl.clb.re
+
+
+
+
+ + + + \ No newline at end of file diff --git a/index.fr.html b/index.fr.html new file mode 100644 index 0000000..7a3f65d --- /dev/null +++ b/index.fr.html @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + collabore tunnel + + + + + + +
+
+
+

Bienvenue sur collabore tunnel

+
+ Rendez vos services locaux accessibles à toutes et tous sur l’Internet public. +
+
+
+

collabore tunnel est un service gratuit et open source proposé dans le cadre de la plateforme club + elec collabore + qui est exploitée par le club elec, qui vous permet d’exposer vos services locaux sur l’Internet + public.
+ Montrer à vos amis ou collègues votre travail sur votre prochain site Web (par exemple) n’a jamais + été aussi + facile !

+

Caractéristiques

+

+

    +
  • ✓ Facile à utiliser
    • +
  • ✓ Pas de téléchargement ni d’inscription
    • +
  • ✓ Utilise le client SSH déjà installé sur votre appareil
    • +
  • ✓ Génère un lien aléatoire qui peut être partagé avec n’importe qui
    • +
  • ✓ Compatible avec n’importe quel protocole
    • +
+

+

Utilisation

+ 
ssh -R /:host:port ssh.tunnel.collabore.fr
+

Démonstration

+ 
$ ssh -R /:localhost:8000 ssh.tunnel.collabore.fr
+===============================================================================
+Welcome to collabore tunnel!
+collabore tunnel is a free and open source service offered as part of the
+club elec collabore platform (https://collabore.fr) operated by club elec that
+allows you to expose your local services on the public Internet.
+To learn more about collabore tunnel,
+visit the documentation website: https://tunnel.collabore.fr/
+club elec (https://clubelec.insset.fr) is a french not-for-profit
+student organisation.
+===============================================================================
+
+Your local service has been exposed to the public Internet address: hivs5g9l739ywr2n.tnl.clb.re
+TLS termination: https://hivs5g9l739ywr2n.tnl.clb.re
+
+
+
+
+ + + + \ No newline at end of file