Son CV dans un terminal web en Javascript!
https://terminal-cv.gregandev.fr
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
6.5 KiB
2 lines
6.5 KiB
:root{--text-color:#fff;--text-accent-color:#e9967a;--link-color:#ff8c00;--bg-1:#f27121;--bg-2:#e94057;--bg-3:#8a2387;--bg-1-social:#f3a183;--bg-2-social:#ec6f66;--username-color:#5f9ea0;--terminal-bg:rgba(56,4,40,0.9);--terminal-header-bg:#bbb}body{align-items:center;background:var(--bg-3);background:-webkit-linear-gradient(to right,var(--bg-1),var(--bg-2),var(--bg-3));background:linear-gradient(to right,var(--bg-1),var(--bg-2),var(--bg-3));box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin:0}body.dark-mode{--text-accent-color:#ffca85;--link-color:#deb887;--bg-1:#211f20;--bg-2:#292d34;--bg-3:#213030;--bg-1-social:#414141;--bg-2-social:#485461;--username-color:#858585;--terminal-bg:rgb(0 0 0/90%);--terminal-header-bg:#585252}body.dark-mode.firework{--terminal-bg:rgb(0 0 0/15%)}ul{margin:0}.terminal{height:450px;overflow:hidden;position:absolute;resize:both;width:min(900px,90vw)}.terminal .terminal__header{background-color:var(--terminal-header-bg);border-top-left-radius:5px;border-top-right-radius:5px;cursor:move;height:25px;margin:0 auto;padding:0 8px}.terminal .terminal__header .fake-button{border:1px solid #000;border-radius:50%;cursor:pointer;display:inline-block;height:10px;left:6px;position:relative;top:6px;width:10px}.terminal .terminal__header .fake-button.fake-close{background-color:#ff3b47;border-color:#9d252b;left:6px}.terminal .terminal__header .fake-button.fake-minimize{background-color:#ffc100;border-color:#9d802c;left:11px}.terminal .terminal__header .fake-button.fake-zoom{background-color:#00d742;border-color:#049931;left:16px}.terminal .terminal__body{background:var(--terminal-bg);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 12px 28px 0 rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05);color:var(--text-color);font-family:Ubuntu Mono,monospace;height:calc(100% - 41px);overflow-x:hidden;overflow-y:scroll;padding:8px}.terminal .terminal__body code{color:var(--text-accent-color);font-size:14px}.terminal .terminal__body .terminal__banner{color:var(--text-color);display:flex;flex-direction:column;justify-content:center}.terminal .terminal__body .terminal__banner .terminal__author{text-align:right}.terminal .terminal__body .terminal__line{margin-bottom:8px}.terminal .terminal__body .terminal__line:before{color:var(--username-color);content:"Greg LEBRETON ~$ "}.terminal .terminal__body .terminal__line input[type=text]{background:none;border:none;color:var(--text-color);font-family:Ubuntu Mono,monospace;font-size:15px;outline:none;width:calc(100% - 150px)}.terminal .terminal__body .terminal__response{margin:8px 0 16px}.terminal .terminal__body .terminal__response table{border:1px dashed;padding:4px;width:100%}.terminal .terminal__body .terminal__response table a{color:#ff8c00;text-decoration:none}.terminal .terminal__body .terminal__response table thead th{border-bottom:1px solid #fff;color:#5f9ea0;font-weight:400;padding-bottom:4px}.terminal .terminal__body .terminal__response table tbody td{padding:4px}.terminal .terminal__body .terminal__response table tbody tr:not(:last-child) td{border-bottom:1px solid #fff}.socials{bottom:16px;display:flex;gap:16px;position:absolute;right:16px}.socials a{background:var(--bg-2-social);background:-webkit-linear-gradient(to left,var(--bg-1-social),var(--bg-2-social));background:linear-gradient(to left,var(--bg-1-social),var(--bg-2-social));border-radius:50%}.socials a,.socials a:hover{align-items:center;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;height:4em;justify-content:center;text-decoration:none;width:4em}.socials a:hover{background:var(--bg-2-social);background:-webkit-linear-gradient(to right,var(--bg-1-social),var(--bg-2-social));background:linear-gradient(to right,var(--bg-1-social),var(--bg-2-social))}.socials a i{color:#fff;font-size:2em}#banner-github{position:absolute;right:0;top:0}@media (max-width:880px){.terminal .terminal__body .terminal__banner pre{font-size:10px}}@media (max-width:640px){body{align-items:center;flex-direction:column;justify-content:space-evenly}canvas{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.terminal{height:unset;position:unset;resize:none;width:unset}.terminal .terminal__body{height:70vh;max-width:unset;width:90vw}.terminal .terminal__body .terminal__banner pre{font-size:5px}.socials{bottom:unset;font-size:13px;position:relative;right:unset}#banner-github img{height:100px;width:100px}#version{font-size:13px;right:38px;top:38px}}.snowflake{color:#fff;font-family:Arial,sans-serif;font-size:1em;text-shadow:0 0 5px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%,to{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{-webkit-animation-duration:10s,3s;animation-duration:10s,3s;-webkit-animation-iteration-count:infinite,infinite;animation-iteration-count:infinite,infinite;-webkit-animation-name:snowflakes-fall,snowflakes-shake;animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-play-state:running,running;animation-play-state:running,running;-webkit-animation-timing-function:linear,ease-in-out;animation-timing-function:linear,ease-in-out;cursor:default;position:fixed;top:-10%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999}.snowflake:nth-of-type(0){-webkit-animation-delay:0s,0s;animation-delay:0s,0s;left:1%}.snowflake:first-of-type{-webkit-animation-delay:1s,1s;animation-delay:1s,1s;left:10%}.snowflake:nth-of-type(2){-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s;left:20%}.snowflake:nth-of-type(3){-webkit-animation-delay:4s,2s;animation-delay:4s,2s;left:30%}.snowflake:nth-of-type(4){-webkit-animation-delay:2s,2s;animation-delay:2s,2s;left:40%}.snowflake:nth-of-type(5){-webkit-animation-delay:8s,3s;animation-delay:8s,3s;left:50%}.snowflake:nth-of-type(6){-webkit-animation-delay:6s,2s;animation-delay:6s,2s;left:60%}.snowflake:nth-of-type(7){-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s;left:70%}.snowflake:nth-of-type(8){-webkit-animation-delay:1s,0s;animation-delay:1s,0s;left:80%}.snowflake:nth-of-type(9){-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s;left:90%}.snowflake:nth-of-type(10){-webkit-animation-delay:2s,0s;animation-delay:2s,0s;left:25%}.snowflake:nth-of-type(11){-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s;left:65%}
|
|
/*# sourceMappingURL=index.777834ac.css.map */
|
|
|