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.
1 lines
8.6 KiB
1 lines
8.6 KiB
{"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAgBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAyB;EACzB;AAKG;EACH;AAKG;;AAlCH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;;;AAyBN;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,yBAtEY;EAuEZ,wBAvEY;EAwEZ;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA,4BAnHY;EAoHZ,2BApHY;EAqHZ;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAKF;EACE;;AAIA;EACE;;;AASd;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;AAAgC;EAChC;AAIG;EACH;AAIG;EACH;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;AAAgC;EAChC;AAIG;EACH;AAIG;EACH;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;EACA;;;AAGF;EAGM;IACE;;;AAMR;EACE;IACE;IACA;IACA;;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EAGE;IACE;;;EAKR;IACE;IACA;IACA;IACA;;;EAGA;IACE;IACA;;;EAGJ;IACE;IACA;IACA;;;ACrTJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA","sources":["src/scss/style.scss","src/scss/_snowflakes.scss"],"sourcesContent":["$border-radius: 5px;\n\n:root {\n --text-color: #fff;\n --text-accent-color: darksalmon;\n --link-color: darkorange;\n --bg-1: #f27121;\n --bg-2: #e94057;\n --bg-3: #8a2387;\n --bg-1-social: #f3a183;\n --bg-2-social: #ec6f66;\n --username-color: cadetblue;\n --terminal-bg: rgba(56, 4, 40, 0.9);\n --terminal-header-bg: #bbb;\n}\n\nbody {\n &.dark-mode {\n --text-accent-color: #ffca85;\n --link-color: burlywood;\n --bg-1: #211F20;\n --bg-2: #292D34;\n --bg-3: #213030;\n --bg-1-social: #414141;\n --bg-2-social: #485461;\n --username-color: #858585;\n --terminal-bg: rgb(0 0 0 / 90%);\n --terminal-header-bg: #585252;\n &.firework {\n --terminal-bg: rgb(0 0 0 / 15%);\n }\n }\n box-sizing: border-box;\n margin: 0;\n display: flex;\n justify-content: space-around;\n align-items: center;\n flex-direction: column;\n height: 100vh;\n background: var(--bg-3); /* fallback for old browsers */\n background: -webkit-linear-gradient(\n to right,\n var(--bg-1),\n var(--bg-2),\n var(--bg-3)\n ); /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(\n to right,\n var(--bg-1),\n var(--bg-2),\n var(--bg-3)\n ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n}\n\nul {\n margin: 0;\n}\n\n.terminal {\n position: absolute;\n resize: both;\n overflow: hidden;\n height: 450px;\n width: min(900px, 90vw);\n\n .terminal__header {\n height: 25px;\n padding: 0 8px;\n background-color: var(--terminal-header-bg);\n margin: 0 auto;\n border-top-right-radius: $border-radius;\n border-top-left-radius: $border-radius;\n cursor: move;\n\n .fake-button {\n height: 10px;\n width: 10px;\n border-radius: 50%;\n border: 1px solid #000;\n position: relative;\n top: 6px;\n left: 6px;\n display: inline-block;\n cursor: pointer;\n\n &.fake-close {\n left: 6px;\n background-color: #ff3b47;\n border-color: #9d252b;\n }\n\n &.fake-minimize {\n left: 11px;\n background-color: #ffc100;\n border-color: #9d802c;\n }\n\n &.fake-zoom {\n left: 16px;\n background-color: #00d742;\n border-color: #049931;\n }\n }\n }\n\n .terminal__body {\n font-family: \"Ubuntu Mono\", monospace;\n background: var(--terminal-bg);\n color: var(--text-color);\n padding: 8px;\n overflow-y: scroll;\n overflow-x: hidden;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,\n rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,\n rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;\n border-bottom-right-radius: $border-radius;\n border-bottom-left-radius: $border-radius;\n height: calc(100% - 41px);\n\n code {\n color: var(--text-accent-color);\n font-size: 14px;\n }\n\n .terminal__banner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: var(--text-color);\n\n .terminal__author {\n text-align: right;\n }\n }\n\n .terminal__line {\n margin-bottom: 8px;\n\n &::before {\n content: \"Greg LEBRETON ~$ \";\n color: var(--username-color);\n }\n\n input[type=\"text\"] {\n background: none;\n border: none;\n font-family: \"Ubuntu Mono\", monospace;\n color: var(--text-color);\n outline: none;\n font-size: 15px;\n width: calc(100% - 150px);\n }\n }\n\n .terminal__response {\n margin: 8px 0 16px 0;\n\n table {\n border: 1px dashed;\n padding: 4px;\n width: 100%;\n\n a {\n text-decoration: none;\n color: darkorange;\n }\n\n thead {\n th {\n font-weight: normal;\n color: cadetblue;\n border-bottom: 1px solid white;\n padding-bottom: 4px;\n }\n }\n\n tbody {\n td {\n padding: 4px;\n }\n\n tr:not(:last-child) {\n td {\n border-bottom: 1px solid white;\n }\n }\n }\n }\n }\n }\n}\n\n.socials {\n position: absolute;\n right: 16px;\n bottom: 16px;\n display: flex;\n gap: 16px;\n\n a {\n border-radius: 50%;\n background: var(--bg-2-social); /* fallback for old browsers */\n background: -webkit-linear-gradient(\n to left,\n var(--bg-1-social),\n var(--bg-2-social)\n ); /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(\n to left,\n var(--bg-1-social),\n var(--bg-2-social)\n ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n width: 4em;\n height: 4em;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n &:hover {\n background: var(--bg-2-social); /* fallback for old browsers */\n background: -webkit-linear-gradient(\n to right,\n var(--bg-1-social),\n var(--bg-2-social)\n ); /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(\n to right,\n var(--bg-1-social),\n var(--bg-2-social)\n ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n width: 4em;\n height: 4em;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n }\n i {\n color: white;\n font-size: 2em;\n }\n }\n}\n\n#banner-github {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n@media (max-width: 880px) {\n .terminal .terminal__body {\n .terminal__banner {\n pre {\n font-size: 10px;\n }\n }\n }\n}\n\n@media (max-width: 640px) {\n body {\n align-items: center;\n flex-direction: column;\n justify-content: space-evenly;\n }\n canvas {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: -1;\n }\n\n .terminal {\n position: unset;\n width: unset;\n height: unset;\n resize: none;\n .terminal__body {\n max-width: unset;\n width: 90vw;\n height: 70vh;\n\n .terminal__banner {\n pre {\n font-size: 5px;\n }\n }\n }\n }\n .socials {\n font-size: 13px;\n position: relative;\n bottom: unset;\n right: unset;\n }\n #banner-github {\n img {\n width: 100px;\n height: 100px;\n }\n }\n #version {\n top: 38px;\n right: 38px;\n font-size: 13px;\n }\n}\n\n@import \"snowflakes\";\n",null],"names":[],"version":3,"file":"index.c63bad94.css.map","sourceRoot":"/__parcel_source_root/"} |