From e5db0a52df532ad9d5f5f6e274c4f0b43e89d941 Mon Sep 17 00:00:00 2001 From: schmelczer Date: Wed, 28 Sep 2022 13:23:02 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20schmelcz?= =?UTF-8?q?er/schmelczer.github.io@1d4708607a4909954f94f31571ebb205461e607?= =?UTF-8?q?c=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 29 +++++++++++++++-------------- 1 file changed, 15 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index c64e384..564df3a 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,17 @@ -Portfolio | András Schmelczer \ No newline at end of file +main{height:100%;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;background:rgba(0,0,0,.005)}@media(hover: hover){main::-webkit-scrollbar-track,main::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:12px}main::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--border-radius)}}main>.blob{top:0;position:absolute;width:140px;border-radius:1000px;transition:background-color var(--transition-time)}main>.blob:nth-child(odd){background-color:#fff9e0}main>.blob:nth-child(even){background-color:#ffd6d6}@media print{main>.blob{display:none}}html[theme=dark] main>.blob{background-color:#2c477a} +.image-button{display:block;box-sizing:content-box;cursor:pointer;padding:var(--small-margin) 8px;text-align:center}.image-button:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.image-button svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--icon-size);height:var(--icon-size);transition:transform var(--transition-time);transform-origin:center center}.image-button .svg-container{position:relative;margin:auto;width:var(--icon-size);height:var(--icon-size)}.image-button .svg-container>svg{transition:stroke var(--transition-time),transform var(--transition-time)}.image-button p{font-size:.9rem;font-style:italic;text-align:center} +.timeline-element{display:flex;width:var(--body-width);margin:auto}.timeline-element>.line-container{position:relative;transform:translate3d(0, 0, 0)}.timeline-element>.line-container>.line{height:calc(33% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:before{height:calc(100% - 33% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:after{top:calc(33% - var(--icon-size) / 2)}.timeline-element>.line-container>.date{top:calc(33% - 0.5ch)}.timeline-element>.line-container>.line,.timeline-element>.line-container>.line:before{background:var(--accent-color);width:var(--line-width)}.timeline-element>.line-container>.line:before,.timeline-element>.line-container>.line:after{content:"";position:absolute}.timeline-element>.line-container>.line:before{left:0;bottom:0}.timeline-element>.line-container>.line:after{width:var(--icon-size);height:var(--icon-size);border-radius:1000px;border:var(--line-width) solid var(--accent-color);left:calc((var(--line-width) - var(--icon-size))/2)}.timeline-element>.line-container>.date{font:400 1rem "Open Sans",sans-serif;color:var(--special-text-color);hyphens:auto;font-style:italic;position:absolute;transform-origin:left center;transform:rotate(30deg) translateX(calc(var(--icon-size) / 2 + 6px)) translateY(-10%);padding-right:var(--normal-margin)}.timeline-element>.card{backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));box-shadow:var(--shadow);overflow:hidden;border-radius:var(--border-radius);background-color:var(--blurred-card-color);transition:background-color var(--transition-time)}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){.timeline-element>.card{background-color:var(--card-color)}}.timeline-element>.card>.figure-container{border-radius:var(--border-radius) var(--border-radius) 0 0}.timeline-element>.card>.lower>*{padding:0 var(--normal-margin);margin-top:var(--small-margin)}.timeline-element>.card>.lower>h2{text-align:center;margin-bottom:-6px}.timeline-element>.card>.lower>h2>a{font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto;position:relative}.timeline-element>.card>.lower>h2>a:before{content:"#";position:absolute;left:-0.5ch;top:50%;opacity:0;transform:translateX(-100%) translateY(-50%);transition:opacity var(--transition-time)}.timeline-element>.card>.lower>h2>a:hover:before{opacity:.5}.timeline-element>.card>.lower>.description{text-align:center}.timeline-element>.card>.lower>.more{overflow:hidden;margin:0;height:0;transition:height var(--transition-time-long)}.timeline-element>.card>.lower>.more>p{margin-top:var(--line-height)}.timeline-element>.card>.lower>.buttons{display:flex;justify-content:center;border-top:1px solid var(--normal-text-color);margin:0;padding:0;margin-top:var(--small-margin)}.timeline-element>.card>.lower>.buttons>*{flex:1}.timeline-element>.card>.lower>.buttons>*:not(:last-child){border-right:1px solid var(--normal-text-color)}@media(min-width: 700px){.timeline-element:first-of-type>.line-container>.line{border-radius:100px 100px 0 0}.timeline-element:last-of-type>.line-container>.line:before{border-radius:0 0 100px 100px}.timeline-element>.line-container{min-width:10rem}.timeline-element:not(:first-of-type)>.card{margin-top:var(--large-margin)}}@media(max-width: 699px){.timeline-element{flex-direction:column;align-items:center}.timeline-element>.line-container{height:150px;min-width:64%}.timeline-element>.line-container>.line{height:calc(50% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:before{height:calc(100% - 50% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:after{top:calc(50% - var(--icon-size) / 2)}.timeline-element>.line-container>.date{top:calc(50% - 0.5ch)}.timeline-element>.line-container>.date{transform:translateX(calc(var(--icon-size) / 2 + 12px)) translateY(-10%)}} +#up-arrow-button{backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));cursor:pointer;box-shadow:var(--shadow);transition:opacity var(--transition-time),visibility var(--transition-time),transform var(--transition-time);border-radius:var(--border-radius);position:fixed;bottom:var(--small-margin);right:var(--normal-margin);padding:.25rem}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){#up-arrow-button{background-color:var(--card-color)}}#up-arrow-button:hover{transform:scale(1.1)}#up-arrow-button svg{width:var(--large-icon-size);height:var(--large-icon-size)} +.figure-container.loaded>.start-button,.figure-container:not(.loaded)>video{visibility:hidden}.figure-container>video{position:absolute;top:0;left:0;height:100%;width:100%} +.image-anchor{display:flex;align-items:center}.image-anchor:not(:first-child){padding-top:var(--line-height)}.image-anchor svg{width:var(--icon-size);height:var(--icon-size);margin-right:calc(var(--small-margin)/2)}.image-anchor span{font:400 1rem "Open Sans",sans-serif;color:var(--special-text-color);hyphens:auto;font-style:italic;cursor:pointer;position:relative;display:inline-block;overflow:hidden;padding:0 3px 2px 0;font-size:1.4rem}.image-anchor span:before,.image-anchor span:after{content:"";display:block;position:absolute;bottom:0}.image-anchor span:before{width:calc(100% + 10px);border-bottom:2px dashed var(--accent-color);transition:transform var(--transition-time)}.image-anchor span:after{width:100%;height:2px;background:linear-gradient(90deg, var(--card-color) 0, transparent 4px, transparent calc(100% - 4px), var(--card-color) 100%)}.image-anchor span:hover:before{transform:translateX(-10px)} +.figure-container>.overlay{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}.figure-container>.overlay>.loading{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden}.figure-container>.overlay>iframe{width:100%;height:100%;border:none;position:absolute;left:0}.figure-container.loaded>.start-button{visibility:hidden}.figure-container.loaded>.overlay{pointer-events:all}.figure-container.loaded>.overlay>.loading{visibility:visible} +@font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(04d2b916.woff2) format("woff2"),url(29092020.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(a1535f45.woff2) format("woff2"),url(7958f4e4.woff) format("woff")}:root{--transition-time: 200ms;--transition-time-long: 300ms;--line-width: 4px;--line-height: 1.125rem;--accent-color: #b7455e;--sun-color: #f7f78c;--very-light-text-color: #ffffff;--background: #ffffff;--normal-text-color: #31343f;--card-color: #ffffff;--blurred-card-color: transparent;--blur-radius: 16px;--special-text-color: var(--accent-color);--inset-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.2);--border-radius: 0.85rem;--large-margin: 4.6rem;--normal-margin: 2.8rem;--small-margin: 1.4rem;--shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.2);--icon-size: 2.8rem;--large-icon-size: 3.75rem;--body-width: min(80%, 60rem)}@media(max-width: 699px){:root{--body-width: 90%;--large-margin: 2.8rem;--normal-margin: 2rem}}html[theme=dark]{--background: #242638;--normal-text-color: #ffffff;--card-color: #263551;--blurred-card-color: #212f4a77;--special-text-color: #ffffff;--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3), inset 0 0 4px rgba(0, 0, 0, 0.5)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion){*,*::before,*::after{transition:none !important;animation:none !important}}html[animations=off],html[animations=off] *,html[animations=off] *::before,html[animations=off] *::after{transition:none !important;animation:none !important}html{height:100%;overflow:hidden}@media(min-width: 1000px)and (max-width: 1440px){html{font-size:.875rem}}@media(max-width: 999px){html{font-size:.8rem}}@media print{html{font-size:.7rem}}body{background-color:var(--background);transition:background-color linear var(--transition-time);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);height:100%}@media print{body{height:auto}}noscript{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto}.image,video,iframe{user-select:none}button{border:none;background:none}svg{stroke:var(--normal-text-color)}p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto}a{text-decoration:none}:focus{outline:none}:focus:not(:hover){outline:var(--accent-color) solid var(--line-width)}::selection{background-color:var(--accent-color);color:var(--very-light-text-color)} + \ No newline at end of file