funkey/FunKey-Project.github.io
1
0
Fork 0
mirror of https://github.com/FunKey-Project/FunKey-Project.github.io.git synced 2026-03-19 18:32:51 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Deployed 9571c1f with MkDocs version: 1.6.0

Browse Source
This commit is contained in:
2024-05-04 15:46:04 +00:00
commit 5fe9d0ed74
295 changed files with 8684 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
assets/css/custom.css Normal file
View File

@@ -0,0 +1,218 @@
@CHARSET "UTF-8";
body {
font-family: Helvetica;
font-size: 12px;
color: #63665F
}
.step {
display: grid;
grid-template-areas:
"step-title step-title"
"step-picture step-thumbs"
"step-picture step-contents";
grid-template-rows: auto auto 1fr;
grid-template-columns: 50% 50%;
margin: 0;
}
/* Stack the layout on small devices/viewports. */
@media all and (max-width: 479px) {
.step {
grid-template-areas:
"step-title"
"step-picture"
"step-thumbs"
"step-contents";
grid-template-rows: auto 1fr 90px auto;
grid-template-columns: auto;
}
}
.step-title {
grid-area: step-title;
}
.step-picture {
grid-area: step-picture;
max-width: 100%;
}
/* Make the picture fill width on small devices/viewports. */
@media only screen and (max-width: 479px) {
.step-picture {
margin-bottom: 10px;
width: 100%;
}
}
.step-thumbs {
grid-area: step-thumbs;
}
.step-contents {
grid-area: step-contents;
padding: 10px;
}
.step-thumb {
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
margin: 10px 10px 0px 10px;
display: inline-block;
max-width: 27%!important;
max-height: 90px;
opacity: .7;
transition: box-shadow .2s, border-color .2s, opacity .2s;
}
/* Make thumbnails on a separate row on small devices/viewports.*/
@media only screen and (max-width: 479px) {
.step-thumb {
width: 30%;
max-height: 180px;
}
}
.step-thumb.active,
.step-thumb:hover {
transform: translateY(-4px);
opacity: 1;
box-shadow: 0 4px 10px rgba(0, 0, 0, .5)
}
/* No translation and smaller shadow on small devices/viewports. */
@media all and (max-width: 479px) {
.step-thumb.active,
.step-thumb:hover {
transform: translateY(0);
box-shadow: 0 0 2px rgba(0, 0, 0, .75)
}
}
/* Font for FunKey S keys */
@font-face {
font-family: 'FunKey-S-Keys';
src: url('/assets/fonts/FunKey-S-Keys.eot?b52ver');
src: url('/assets/fonts/FunKey-S-Keys.eot?b52ver#iefix') format('embedded-opentype'),
url('/assets/fonts/FunKey-S-Keys.ttf?b52ver') format('truetype'),
url('/assets/fonts/FunKey-S-Keys.woff?b52ver') format('woff'),
url('/assets/fonts/FunKey-S-Keys.svg?b52ver#FunKey-S-Keys') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
/* Class for FunKey S keys */
[class^="funkey-"], [class*=" funkey-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'FunKey-S-Keys' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 1rem;
line-height: 1;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* FunKey S "A" key */
.funkey-A:before {
content: "\e900";
}
/* FunKey S "B" key */
.funkey-B:before {
content: "\e902";
}
/* FunKey S "X" key */
.funkey-X:before {
content: "\e904";
}
/* FunKey S "Y" key */
.funkey-Y:before {
content: "\e906";
}
/* FunKey S "UP" key */
.funkey-up:before {
content: "\e908";
}
/* FunKey S "DOWN" key */
.funkey-down:before {
content: "\e909";
}
/* FunKey S "LEFT" key */
.funkey-left:before {
content: "\e90a";
}
/* FunKey S "RIGHT" key */
.funkey-right:before {
content: "\e90b";
}
/* FunKey S "L" key */
.funkey-L:before {
content: "\e90c";
}
/* FunKey S "R" key */
.funkey-R:before {
content: "\e90d";
}
/* FunKey S "START" key */
.funkey-start:before {
content: "\e90e";
}
/* FunKey S "Fn" key */
.funkey-fn:before {
content: "\e90f";
}
/* FunKey S "MENU" key */
.funkey-menu:before {
content: "\e912";
}
/* External link icon */
:root {
/*
line left
line right
line bottom
line top
arrow left
arrow right
arrow diagonal
*/
--icon-external-link: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> \
<g style="stroke:rgb(35,82,124);stroke-width:1"> \
<line x1="5" y1="5" x2="5" y2="14" /> \
<line x1="14" y1="9" x2="14" y2="14" /> \
<line x1="5" y1="14" x2="14" y2="14" /> \
<line x1="5" y1="5" x2="9" y2="5" /> \
<line x1="10" y1="2" x2="17" y2="2" /> \
<line x1="17" y1="2" x2="17" y2="9" /> \
<line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> \
</g> \
</svg>');
}
/* Append external link icon on all links starting with "http://" or "https://" */
a[href^="http://"]::after, a[href^="https://"]::after {
content: '';
background: no-repeat var(--icon-external-link);
padding-right: 0.7em;
}

7
assets/css/simple-lightbox.min.css vendored Normal file
View File

@@ -0,0 +1,7 @@
/*!
By André Rinas, www.andrerinas.de
Documentation, www.simplelightbox.de
Available for use under the MIT License
Version 2.7.0
*/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}