From 4ab23ae1513a7c842a0c85b25972d7c60c15a64d Mon Sep 17 00:00:00 2001 From: schmelczer Date: Mon, 24 Jan 2022 22:15:46 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20schmelcz?= =?UTF-8?q?er/schmelczer.github.io@7bf026a4f864f2476b852b2f077b574501da63b?= =?UTF-8?q?2=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index ce76a6b..4ac4a31 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,9 @@ picture,picture *{font-size:0} .timeline-element{display:flex;width:var(--body-width);margin:auto}.timeline-element .line-container{position:relative}.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{border-left:var(--line-width) solid var(--accent-color)}.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;border-left:var(--line-width) solid var(--accent-color)}.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);font-style:italic;transition:color var(--transition-time);position:absolute;transform-origin:left center;transform:rotate(30deg) translateX(calc(var(--icon-size) / 2 + 6px)) translateY(-10%);padding-right:var(--normal-margin)}@media(min-width: 925px){.timeline-element .line-container{min-width:160px}.timeline-element:not(:first-of-type) .card{margin-top:var(--large-margin)}}@media(max-width: 924px){.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%)}}.timeline-element .card{text-align:center;box-shadow:var(--shadow);border-radius:var(--border-radius);z-index:1;background-color:var(--blurred-card-color);transition:background-color var(--transition-time);backdrop-filter:blur(var(--blur-radius))}@supports not (backdrop-filter: blur(var(--blur-radius))){.timeline-element .card{background-color:var(--card-color)}}.timeline-element .card img,.timeline-element .card video,.timeline-element .card iframe{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>a{font:400 1.75rem "Comfortaa",serif;color:var(--normal-text-color);font-style:normal;hyphens:auto;transition:color var(--transition-time);text-decoration:none;position:relative}.timeline-element .card .lower h2>a:before{content:"#";position:absolute;left:-0.5ch;top:0;opacity:0;transform:translateX(-100%);transition:opacity var(--transition-time)}.timeline-element .card .lower h2>a:hover:before{opacity:.5}.timeline-element .card .lower>p{text-align:center}.timeline-element .card .lower .more{overflow:hidden;margin:0;height:0;transition:height var(--transition-time)}.timeline-element .card .lower .more .content p{margin-top:var(--line-height)}.timeline-element .card .lower .buttons{display:flex;justify-content:center;border-top:1px solid var(--normal-text-color);transition:border-color var(--transition-time);margin:0;padding:0;margin-top:var(--small-margin)}.timeline-element .card .lower .buttons .info-button{display:block;box-sizing:content-box;cursor:pointer;text-decoration:none;font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto;transition:color var(--transition-time)}.timeline-element .card .lower .buttons .info-button:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.timeline-element .card .lower .buttons .info-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}.timeline-element .card .lower .buttons .info-button .svgContainer{position:relative;margin:auto;width:var(--icon-size);height:var(--icon-size)}.timeline-element .card .lower .buttons .info-button .svgContainer svg{stroke:var(--normal-text-color);transition:stroke var(--transition-time)}.timeline-element .card .lower .buttons .info-button p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto;transition:color var(--transition-time);padding-bottom:var(--small-margin);font-size:.9rem;font-style:italic;padding:0 8px var(--small-margin) 8px}.timeline-element .card .lower .buttons>*{flex:1;padding-top:var(--small-margin)}.timeline-element .card .lower .buttons>*:not(:last-child){border-right:1px solid var(--normal-text-color);transition:border-color var(--transition-time)} @media(min-width: 925px){#timeline>:first-child{margin-top:var(--large-margin)}} #image-viewer{display:flex;align-items:center;justify-content:center;backdrop-filter:blur(var(--blur-radius));visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%}@supports not (backdrop-filter: blur(var(--blur-radius))){#image-viewer{background-color:var(--card-color)}}#image-viewer img{width:auto;height:auto}@media(min-width: 925px){#image-viewer img{max-width:80vw;max-height:80vh}}@media(max-width: 924px){#image-viewer img{max-width:92.5vw;max-height:92.5vh}}#image-viewer #cancel{display:block;box-sizing:content-box;cursor:pointer;text-decoration:none;width:calc(var(--large-icon-size) + var(--normal-margin)*2);height:calc(var(--large-icon-size) + var(--normal-margin)*2);position:absolute;right:0;top:0}#image-viewer #cancel:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}#image-viewer #cancel svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--large-icon-size);height:var(--large-icon-size);transition:transform var(--transition-time);transform-origin:center center}#image-viewer #cancel svg{stroke:var(--normal-text-color)} -#background{transform-style:preserve-3d}.blob{position:absolute;left:0;top:0;border-radius:1000px;transition:background-color var(--transition-time);transform:translateX(-100%)}.blob:nth-child(odd){background-color:#fff9e0}.blob:nth-child(even){background-color:#ffd6d6}@media print{.blob{display:none}}html[theme=dark] .blob{background-color:#2c477a} +#background{transform-style:preserve-3d;z-index:-1;position:absolute}.blob{position:absolute;left:0;top:0;border-radius:1000px;transition:background-color var(--transition-time)}.blob:nth-child(odd){background-color:#fff9e0}.blob:nth-child(even){background-color:#ffd6d6}@media print{.blob{display:none}}html[theme=dark] .blob{background-color:#2c477a} main{height:100%;overflow-x:hidden;overflow-y:scroll;perspective:5px;background:rgba(0,0,0,.005)}@media(hover: hover){main::-webkit-scrollbar-track,main::-webkit-scrollbar{background-color:transparent;width:12px}main::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--border-radius)}} .preview{position:relative}.preview .overlay{width:100%;height:100%;position:absolute;left:0;top:0}.preview .overlay iframe{position:absolute;left:0}.preview .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}.preview .overlay .loading>svg{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.preview .overlay iframe{width:100%;height:100%;border:none}.preview .overlay iframe:fullscreen{border-radius:0}.preview.loaded .figure-container,.preview.loaded .start-button{visibility:hidden}.preview.loaded .loading{visibility:visible} .image-anchor{display:block;box-sizing:content-box;cursor:pointer;text-decoration:none}.image-anchor:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.image-anchor 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-anchor .svgContainer{position:relative;margin:auto;width:var(--icon-size);height:var(--icon-size)}.image-anchor .svgContainer svg{stroke:var(--normal-text-color);transition:stroke var(--transition-time)}.image-anchor p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto;transition:color var(--transition-time);padding-bottom:var(--small-margin);font-size:.9rem;font-style:italic;padding:0 8px 8px 8px} .video-container .loading{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden}.video-container .loading>svg{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.video-container video{z-index:1;visibility:hidden}.video-container .start-button{z-index:1}.video-container.loaded .loading{visibility:visible}.video-container.fully-loaded video{visibility:visible} - \ No newline at end of file + \ No newline at end of file