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
21 KiB
1 lines
21 KiB
{"mappings":"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","sources":["src/scss/style.scss","%3Cinput%20css%20QjRNKz%3E","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: \"Antoine DAUTRY ~$ \";\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",":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 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);\n /* fallback for old browsers */\n background: -webkit-linear-gradient(to right, var(--bg-1), var(--bg-2), var(--bg-3));\n /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(to right, var(--bg-1), var(--bg-2), var(--bg-3));\n /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n}\nbody.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}\nbody.dark-mode.firework {\n --terminal-bg: rgb(0 0 0 / 15%);\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 .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: 5px;\n border-top-left-radius: 5px;\n cursor: move;\n}\n.terminal .terminal__header .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.terminal .terminal__header .fake-button.fake-close {\n left: 6px;\n background-color: #ff3b47;\n border-color: #9d252b;\n}\n.terminal .terminal__header .fake-button.fake-minimize {\n left: 11px;\n background-color: #ffc100;\n border-color: #9d802c;\n}\n.terminal .terminal__header .fake-button.fake-zoom {\n left: 16px;\n background-color: #00d742;\n border-color: #049931;\n}\n.terminal .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, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;\n border-bottom-right-radius: 5px;\n border-bottom-left-radius: 5px;\n height: calc(100% - 41px);\n}\n.terminal .terminal__body code {\n color: var(--text-accent-color);\n font-size: 14px;\n}\n.terminal .terminal__body .terminal__banner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: var(--text-color);\n}\n.terminal .terminal__body .terminal__banner .terminal__author {\n text-align: right;\n}\n.terminal .terminal__body .terminal__line {\n margin-bottom: 8px;\n}\n.terminal .terminal__body .terminal__line::before {\n content: \"Antoine DAUTRY ~$ \";\n color: var(--username-color);\n}\n.terminal .terminal__body .terminal__line 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.terminal .terminal__body .terminal__response {\n margin: 8px 0 16px 0;\n}\n.terminal .terminal__body .terminal__response table {\n border: 1px dashed;\n padding: 4px;\n width: 100%;\n}\n.terminal .terminal__body .terminal__response table a {\n text-decoration: none;\n color: darkorange;\n}\n.terminal .terminal__body .terminal__response table thead th {\n font-weight: normal;\n color: cadetblue;\n border-bottom: 1px solid white;\n padding-bottom: 4px;\n}\n.terminal .terminal__body .terminal__response table tbody td {\n padding: 4px;\n}\n.terminal .terminal__body .terminal__response table tbody tr:not(:last-child) td {\n border-bottom: 1px solid white;\n}\n\n.socials {\n position: absolute;\n right: 16px;\n bottom: 16px;\n display: flex;\n gap: 16px;\n}\n.socials a {\n border-radius: 50%;\n background: var(--bg-2-social);\n /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, var(--bg-1-social), var(--bg-2-social));\n /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(to left, var(--bg-1-social), 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.socials a:hover {\n background: var(--bg-2-social);\n /* fallback for old browsers */\n background: -webkit-linear-gradient(to right, var(--bg-1-social), var(--bg-2-social));\n /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(to right, var(--bg-1-social), 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.socials a i {\n color: white;\n font-size: 2em;\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 .terminal__banner pre {\n font-size: 10px;\n }\n}\n@media (max-width: 640px) {\n body {\n align-items: center;\n flex-direction: column;\n justify-content: space-evenly;\n }\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 }\n .terminal .terminal__body {\n max-width: unset;\n width: 90vw;\n height: 70vh;\n }\n .terminal .terminal__body .terminal__banner pre {\n font-size: 5px;\n }\n\n .socials {\n font-size: 13px;\n position: relative;\n bottom: unset;\n right: unset;\n }\n\n #banner-github img {\n width: 100px;\n height: 100px;\n }\n\n #version {\n top: 38px;\n right: 38px;\n font-size: 13px;\n }\n}\n.snowflake {\n color: #fff;\n font-size: 1em;\n font-family: Arial, sans-serif;\n text-shadow: 0 0 5px #000;\n}\n\n@-webkit-keyframes snowflakes-fall {\n 0% {\n top: -10%;\n }\n 100% {\n top: 100%;\n }\n}\n@-webkit-keyframes snowflakes-shake {\n 0%, 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 50% {\n -webkit-transform: translateX(80px);\n transform: translateX(80px);\n }\n}\n@keyframes snowflakes-fall {\n 0% {\n top: -10%;\n }\n 100% {\n top: 100%;\n }\n}\n@keyframes snowflakes-shake {\n 0%, 100% {\n transform: translateX(0);\n }\n 50% {\n transform: translateX(80px);\n }\n}\n.snowflake {\n position: fixed;\n top: -10%;\n z-index: 9999;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: default;\n -webkit-animation-name: snowflakes-fall, snowflakes-shake;\n -webkit-animation-duration: 10s, 3s;\n -webkit-animation-timing-function: linear, ease-in-out;\n -webkit-animation-iteration-count: infinite, infinite;\n -webkit-animation-play-state: running, running;\n animation-name: snowflakes-fall, snowflakes-shake;\n animation-duration: 10s, 3s;\n animation-timing-function: linear, ease-in-out;\n animation-iteration-count: infinite, infinite;\n animation-play-state: running, running;\n}\n\n.snowflake:nth-of-type(0) {\n left: 1%;\n -webkit-animation-delay: 0s, 0s;\n animation-delay: 0s, 0s;\n}\n\n.snowflake:nth-of-type(1) {\n left: 10%;\n -webkit-animation-delay: 1s, 1s;\n animation-delay: 1s, 1s;\n}\n\n.snowflake:nth-of-type(2) {\n left: 20%;\n -webkit-animation-delay: 6s, 0.5s;\n animation-delay: 6s, 0.5s;\n}\n\n.snowflake:nth-of-type(3) {\n left: 30%;\n -webkit-animation-delay: 4s, 2s;\n animation-delay: 4s, 2s;\n}\n\n.snowflake:nth-of-type(4) {\n left: 40%;\n -webkit-animation-delay: 2s, 2s;\n animation-delay: 2s, 2s;\n}\n\n.snowflake:nth-of-type(5) {\n left: 50%;\n -webkit-animation-delay: 8s, 3s;\n animation-delay: 8s, 3s;\n}\n\n.snowflake:nth-of-type(6) {\n left: 60%;\n -webkit-animation-delay: 6s, 2s;\n animation-delay: 6s, 2s;\n}\n\n.snowflake:nth-of-type(7) {\n left: 70%;\n -webkit-animation-delay: 2.5s, 1s;\n animation-delay: 2.5s, 1s;\n}\n\n.snowflake:nth-of-type(8) {\n left: 80%;\n -webkit-animation-delay: 1s, 0s;\n animation-delay: 1s, 0s;\n}\n\n.snowflake:nth-of-type(9) {\n left: 90%;\n -webkit-animation-delay: 3s, 1.5s;\n animation-delay: 3s, 1.5s;\n}\n\n.snowflake:nth-of-type(10) {\n left: 25%;\n -webkit-animation-delay: 2s, 0s;\n animation-delay: 2s, 0s;\n}\n\n.snowflake:nth-of-type(11) {\n left: 65%;\n -webkit-animation-delay: 4s, 2.5s;\n animation-delay: 4s, 2.5s;\n}\n/*# sourceMappingURL=index.5152cf61.css.map */\n",".snowflake {\n color: #fff;\n font-size: 1em;\n font-family: Arial, sans-serif;\n text-shadow: 0 0 5px #000;\n}\n\n@-webkit-keyframes snowflakes-fall {\n 0% {\n top: -10%\n }\n 100% {\n top: 100%\n }\n}\n\n@-webkit-keyframes snowflakes-shake {\n 0%, 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0)\n }\n 50% {\n -webkit-transform: translateX(80px);\n transform: translateX(80px)\n }\n}\n\n@keyframes snowflakes-fall {\n 0% {\n top: -10%\n }\n 100% {\n top: 100%\n }\n}\n\n@keyframes snowflakes-shake {\n 0%, 100% {\n transform: translateX(0)\n }\n 50% {\n transform: translateX(80px)\n }\n}\n\n.snowflake {\n position: fixed;\n top: -10%;\n z-index: 9999;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: default;\n -webkit-animation-name: snowflakes-fall, snowflakes-shake;\n -webkit-animation-duration: 10s, 3s;\n -webkit-animation-timing-function: linear, ease-in-out;\n -webkit-animation-iteration-count: infinite, infinite;\n -webkit-animation-play-state: running, running;\n animation-name: snowflakes-fall, snowflakes-shake;\n animation-duration: 10s, 3s;\n animation-timing-function: linear, ease-in-out;\n animation-iteration-count: infinite, infinite;\n animation-play-state: running, running\n}\n\n.snowflake:nth-of-type(0) {\n left: 1%;\n -webkit-animation-delay: 0s, 0s;\n animation-delay: 0s, 0s\n}\n\n.snowflake:nth-of-type(1) {\n left: 10%;\n -webkit-animation-delay: 1s, 1s;\n animation-delay: 1s, 1s\n}\n\n.snowflake:nth-of-type(2) {\n left: 20%;\n -webkit-animation-delay: 6s, .5s;\n animation-delay: 6s, .5s\n}\n\n.snowflake:nth-of-type(3) {\n left: 30%;\n -webkit-animation-delay: 4s, 2s;\n animation-delay: 4s, 2s\n}\n\n.snowflake:nth-of-type(4) {\n left: 40%;\n -webkit-animation-delay: 2s, 2s;\n animation-delay: 2s, 2s\n}\n\n.snowflake:nth-of-type(5) {\n left: 50%;\n -webkit-animation-delay: 8s, 3s;\n animation-delay: 8s, 3s\n}\n\n.snowflake:nth-of-type(6) {\n left: 60%;\n -webkit-animation-delay: 6s, 2s;\n animation-delay: 6s, 2s\n}\n\n.snowflake:nth-of-type(7) {\n left: 70%;\n -webkit-animation-delay: 2.5s, 1s;\n animation-delay: 2.5s, 1s\n}\n\n.snowflake:nth-of-type(8) {\n left: 80%;\n -webkit-animation-delay: 1s, 0s;\n animation-delay: 1s, 0s\n}\n\n.snowflake:nth-of-type(9) {\n left: 90%;\n -webkit-animation-delay: 3s, 1.5s;\n animation-delay: 3s, 1.5s\n}\n\n.snowflake:nth-of-type(10) {\n left: 25%;\n -webkit-animation-delay: 2s, 0s;\n animation-delay: 2s, 0s\n}\n\n.snowflake:nth-of-type(11) {\n left: 65%;\n -webkit-animation-delay: 4s, 2.5s;\n animation-delay: 4s, 2.5s\n}\n"],"names":[],"version":3,"file":"index.5152cf61.css.map"} |