diff --git a/_posts/2022-01-15-hackverse-future-in-space.md b/_posts/2022-01-15-hackverse-future-in-space.md deleted file mode 100644 index a628a88..0000000 --- a/_posts/2022-01-15-hackverse-future-in-space.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: post -current: post -cover: assets/images/futureinspace.jpeg -navigation: True -title: "HackVerse 3.0: FUTURE IN SPACE" -date: 2022-01-15 -tags: [hackverse3.0] -class: post-template -subclass: 'post hackverse' -author: -- Stavan Kudche -- Ishan Bhattacharya ---- - -Beep, beep, beep … the sound of sirens kept amplifying with every beep. Cody slowly opened their eyes. Around them were creatures they had not seen before, and they looked at Cody with relieved and welcoming expressions. There were wires connecting Cody to very sophisticated machines, and it suddenly struck them that they were not where they were meant to be. Something about the creatures reminded them of their friends on Earth, but Cody realised that they were elsewhere. - -Cody was told that they were found floating aimlessly in space and so were rescued and brought into this spaceship. Space? And a spaceship? Cody could not believe that they were with aliens! They tried to recollect what had happened. - -Cody remembered the thrilling underwater expedition they had embarked upon during HackVerse 2.0. After that rousing quest, they had begun to swim back to the surface and put themself on automatic mode in order to get some rest. But the rest lasted a bit too long, long enough to cross the Earth’s atmosphere and take them to space! Cody was a bit embarrassed, but the prospect of another adventure thrilled them. They began to thoroughly enjoy their time on the spaceship, visiting different planets and learning more about their extraterrestrial friends. - -“APPROACHING EARTH,” came a robotic voice, and a screen flashed the same. Cody could not control their excitement and was the first to alight from the spaceship to see their home planet. - -What Cody witnessed was an entirely different world. High rise buildings with an interconnected framework of skywalks, cars that hovered around like drones, technological marvels that Cody had never imagined would be possible! Everything they came across was fascinating and facilitated a very user-friendly experience. Cody soon came across a cosy café. It had a pleasant ambience and was filled with people, but something seemed strange. The people there had peculiar headsets on and were sitting all by themselves. On enquiry, Cody found that it was a café where people met and talked to each other virtually using VR headsets. A feeling of sorrow began to creep in as Cody recollected the wonderful moments they had spent with their creators and buddies; they missed being with them. Where were they now, and why did the Earth seem so different? - -On seeing Cody’s confusion, the aliens explained to them that this Earth was one of the alternative futures of the Earth that Cody had been on. To explain further, they decided to take them to a few other alternative futures of Earth. - -This time, the spaceship landed near a half-built school. Broken benches and tables were scattered around what seemed like a playground. The environment was dusty, and the town seemed to be facing the aftermath of complete chaos. Cody observed a sense of timidity in the atmosphere. Everyone appeared to be minding their own business, yet there was a rush in their step. Cody could not make sense of anything they saw and got back into the spaceship to escape the disturbing world. - -Soon, they came across another future Earth. On getting down from the spaceship, Cody found themself standing in front of a beautiful greenhouse filled with a wide variety of plants. There was a long queue outside and Cody was excited and curious to know why. But what they saw frightened them; the signboard at the entrance read “FRESH OXYGEN FOR $10 AN HOUR”. They went on to find that there were many such crowded oxygen booths all over the town. They were relieved that they did not need air to survive. But then what about their buddies, their HackVerse participants whom they loved so much? Would they have to be a part of this? - -After returning to the spaceship, Cody thought deeply about what could be done to save the Earth from such terrifying futures. They realised that the future is what we make it. Whether a utopian future or a dystopian one, it is in our hands. It is made up of all the tiny steps we take now, in the present. Today’s ideas will build tomorrow’s world. The future will be what we build together. - -And so … Cody is here to cheer you on as you embark upon your space adventure, on your journey to build our future. - diff --git a/assets/built/screen.css b/assets/built/screen.css deleted file mode 100644 index 3c8c2c6..0000000 --- a/assets/built/screen.css +++ /dev/null @@ -1,2 +0,0 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}@media (-ms-high-contrast:active),(-ms-high-contrast:none){blockquote,ol,p,ul{width:100%}}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.site-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.site-main{z-index:100;-ms-flex-positive:1;flex-grow:1}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-70px;padding-top:0}.home-template .site-nav{position:relative;top:-70px}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header:after{bottom:auto;height:80px;background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10vw 4vw;min-height:200px;max-height:450px;text-align:center}.site-title{z-index:10;margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{z-index:10;margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}@media (max-width:500px){.site-title{font-size:3rem}.site-description{font-size:1.8rem}}.site-nav{position:relative;z-index:300;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;height:40px;font-size:1.2rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:10px;padding-bottom:80px;letter-spacing:.4px;white-space:nowrap;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;padding:11px 0;color:#fff;font-size:1.7rem;line-height:1em;font-weight:700;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.nav{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav li{padding:0;text-transform:uppercase}.nav li,.nav li a{display:block;margin:0}.nav li a{padding:10px 12px;color:#fff;opacity:.8}.nav li a:hover{text-decoration:none;opacity:1}.site-nav-right{height:40px}.site-nav-right,.social-links{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}@media (max-width:700px){.site-header{padding-right:0;padding-left:0}.site-nav-left{margin-right:0;padding-left:4vw}.site-nav-right{display:none}}.post-feed{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;min-height:300px;background:#fff 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);transition:all .5s ease}.post-card:hover{box-shadow:0 0 1px rgba(39,44,49,.1),0 3px 16px rgba(39,44,49,.07);transition:all .3s ease;transform:translate3D(0,-1px,0)}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:5px 5px 0 0}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;font-size:1.2rem;line-height:1.15em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.post-card-title{margin-top:0}.post-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{padding:0 25px 25px}.author-profile-image{margin-right:5px;width:25px;height:25px;border-radius:100%;object-fit:cover}.post-card-author{font-size:1.3rem}.post-card-author,.reading-time{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.reading-time{font-size:1.2rem;line-height:33px;-ms-flex-negative:0;flex-shrink:0;margin-left:20px;float:right;margin-top:-4px;color:#738a94}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:5px 0 0 5px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image{position:absolute;width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin:0 20px 5vw}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{margin:0 auto;padding:6vw 3vw 3vw;max-width:1040px;text-align:center}@media (max-width:500px){.post-full-header{padding:14vw 3vw 10vw}}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#738a94;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{margin:0 -10vw -165px;height:1250px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:5px}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;height:900px;border-radius:0}}@media (max-width:800px){.post-full-image{height:600px}}.post-full-content{position:relative;margin:0 auto;padding:70px 100px 0;min-height:230px;font-family:Georgia,serif;font-size:2.2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{left:-5px;transform:rotate(-5deg)}.post-full-content:after,.post-full-content:before{content:"";position:absolute;top:15px;z-index:-1;display:block;width:20px;height:200px;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{right:-5px;transform:rotate(5deg)}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.footnotes,.post-full-comments,.post-full-content blockquote,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-full-content li{word-break:break-word}.post-full-content li p{margin:0}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{max-width:none;width:100vw}.post-full-content img+br+small{display:block;margin-top:-3em;margin-bottom:1.5em}.post-full-content iframe{margin:0 auto}.post-full-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:3px solid #3eb0ef}.post-full-content blockquote p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content pre code *{color:inherit}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:4vw 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{margin:.5em 0 .2em;font-size:4.6rem;font-weight:700}@media (max-width:500px){.post-full-content h1{font-size:2.8rem}}.post-full-content h2{margin:.5em 0 .2em;font-size:3.6rem;font-weight:700}@media (max-width:500px){.post-full-content h2{font-size:2.6rem}}.post-full-content h3{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h3{font-size:2.2rem}}.post-full-content h4{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h4{font-size:2.2rem}}.post-full-content h5{display:block;margin:.5em 0;padding:1em 0 1.5em;border:0;color:#3eb0ef;font-family:Georgia,serif;font-size:3.2rem;line-height:1.35em;text-align:center}@media (min-width:1180px){.post-full-content h5{max-width:1060px;width:100vw}}@media (max-width:500px){.post-full-content h5{padding:0 0 .5em;font-size:2.2rem}}.post-full-content h6{margin:.5em 0 .2em;font-size:2.3rem;font-weight:700}@media (max-width:500px){.post-full-content h6{font-size:2rem}}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{font-size:2.9rem}.post-full-image{margin-bottom:4vw;height:350px}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:#15171a;font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:700}.subscribe-form p{margin-bottom:1em;color:#738a94;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:420px}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{display:inline-block;margin:0 0 0 10px;padding:0 20px;height:41px;outline:none;color:#fff;font-size:1.5rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form p{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{-ms-flex-direction:column;flex-direction:column}.subscribe-form .form-group{width:100%}.subscribe-form button{margin:10px 0 0;width:100%}}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:3vw 0 6vw;max-width:840px}.author-card,.post-full-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .author-profile-image{margin-right:15px;width:60px;height:60px}.author-card-name{margin:0 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-comments{margin:0 auto;max-width:840px}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03)}.read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;padding-top:20px;text-align:center}.read-next-card-header-sitetitle{display:block;font-size:1.3rem;line-height:1.3em;opacity:.8}.read-next-card-header-title{margin:0;padding:0 20px;color:#fff;font-size:3rem;line-height:1.2em;letter-spacing:1px}.read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.read-next-card-header-title a:hover{text-decoration:none}.read-next-divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:40px;fill:transparent;stroke:#fff;stroke-width:.5px;stroke-opacity:.65}.read-next-card-content{position:relative;z-index:50;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;font-size:1.7rem}.read-next-card-content ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.5px}.read-next-card-content li a{display:block;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;transition:opacity .3s ease}.read-next-card-content li:first-of-type a{padding-top:10px}.read-next-card-content li a:hover{opacity:1}.read-next-card-footer{position:relative;margin:15px 0 3px;text-align:center}.read-next-card-footer a{color:#fff}.floating-header{visibility:hidden;position:fixed;top:0;right:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.95);transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate3d(0,-120%,0)}.floating-active{visibility:visible;transition:all .5s cubic-bezier(.22,1,.27,1);transform:translateZ(0)}.floating-header-logo{overflow:hidden;margin:0 0 0 20px;font-size:1.6rem;line-height:1em;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;line-height:1.1em;font-weight:700}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{margin:0 10px 0 0;max-height:20px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;overflow:hidden;margin:0;color:#2e2e2e;font-size:1.6rem;line-height:1.3em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{width:auto;height:16px;fill:#fff}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{margin:0 5px 0 10px;width:18px;height:18px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;width:60px;height:60px;color:#fff;line-height:48px;text-align:center;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}.progress{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:2px;border:none;color:#3eb0ef;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:#3eb0ef}.progress::-moz-progress-bar{background-color:#3eb0ef}.progress-container{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background-color:transparent}.progress-bar{display:block;width:50%;height:inherit;background-color:#3eb0ef}@media (max-width:900px){.floating-header{height:40px}.floating-header-logo,.floating-header-title{font-size:1.5rem}.floating-header-share-fb,.floating-header-share-tw{width:40px;height:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.site-header-content .author-profile-image{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:0 0 20px;width:100px;height:100px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:5px 0 10px;max-width:600px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{z-index:10;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}@media (max-width:500px){.site-header-content .author-bio{font-size:1.8rem;line-height:1.15em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,25,40,.97);opacity:0;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:6rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;font-family:Georgia,serif;font-size:3rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:500px}.subscribe-overlay .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-overlay-close:before{transform:rotate(45deg)}.subscribe-overlay-close:after,.subscribe-overlay-close:before{content:"";position:absolute;top:40px;right:25px;display:block;width:30px;height:2px;background:#fff;opacity:.8}.subscribe-overlay-close:after{transform:rotate(-45deg)}.subscribe-overlay-close:hover{cursor:default}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{-ms-flex-direction:column;flex-direction:column}.site-footer-nav a:first-child{margin-left:0}} -/*# sourceMappingURL=screen.css.map */ diff --git a/assets/css/screen.css b/assets/css/screen.css deleted file mode 100644 index 479d8d8..0000000 --- a/assets/css/screen.css +++ /dev/null @@ -1,1929 +0,0 @@ -/* Table of Contents -/* ------------------------------------------------------------ - -This is a development CSS file which is built to a minified -production stylesheet in assets/built/screen.css - -1. Global Styles -2. Layout -3. Special Templates -4. Site Header -5. Site Navigation -6. Post Feed -7. Single Post - 7.1. Subscribe Form - 7.2. Post Footer - 7.3. Comments - 7.4. Related Posts - 7.5. Floating Header -8. Author Template -9. Error Template -10. Subscribe Overlay -11. Site Footer - -*/ - - -/* 1. Global - Set up the things -/* ---------------------------------------------------------- */ -@import "global.css"; - -body { - background: #f4f8fb; -} - -.img { - display: block; - width: 100%; - height: 100%; - background-position: center center; - background-size: cover; - border-radius: 100%; -} - -.hidden { - visibility: hidden; - position: absolute; - text-indent: -9999px; -} - - -/* 2. Layout - Page building blocks -/* ---------------------------------------------------------- */ - -.site-wrapper { - display: flex; - flex-direction: column; - min-height: 100vh; -} - -.site-main { - z-index: 100; - flex-grow: 1; -} - -/* Full width page blocks */ -.outer { - position: relative; - padding: 0 4vw; -} - -/* Centered content container blocks */ -.inner { - margin: 0 auto; - max-width: 1040px; - width: 100%; -} - -/* Usage: - -
-
- Centered content -
-
- -*/ - -/* 3. Special Template Styles -/* ---------------------------------------------------------- */ - -@media (min-width: 900px) { - .home-template .post-feed, - .tag-template .post-feed, - .author-template .post-feed { - margin-top: -70px; - padding-top: 0; - } - .home-template .site-nav { - position: relative; - top: -70px; - } -} - - -/* 4. Site Header -/* ---------------------------------------------------------- */ - -.site-header { - position: relative; - padding-top: 12px; - padding-bottom: 12px; - color: #fff; - background: color(var(--darkgrey) l(-5%)) no-repeat center center; - background-size: cover; -} - -.site-header:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - display: block; - background: rgba(0,0,0,0.18); -} - -.site-header:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: auto; - left: 0; - z-index: 10; - display: block; - height: 80px; - background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0)); -} - -.site-header.no-cover:before, -.site-header.no-cover:after { - display: none; -} - -.site-header-content { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 10vw 4vw; - min-height: 200px; - max-height: 450px; - text-align: center; -} - -.site-title { - z-index: 10; - margin: 0; - padding: 0; - font-size: 3.8rem; - font-weight: 700; -} - -.site-logo { - max-height: 45px; -} - -.site-description { - z-index: 10; - margin: 0; - padding: 5px 0; - font-size: 2.2rem; - font-weight: 300; - letter-spacing: 0.5px; - opacity: 0.8; -} - -@media (max-width: 500px) { - .site-title { - font-size: 3rem; - } - .site-description { - font-size: 1.8rem; - } -} - - -/* 5. Site Navigation -/* ---------------------------------------------------------- */ - -.site-nav { - position: relative; - z-index: 300; - display: flex; - justify-content: space-between; - align-items: flex-start; - overflow-y: hidden; - height: 40px; - font-size: 1.2rem; -} - -.site-nav-left { - display: flex; - align-items: center; - overflow-x: auto; - overflow-y: hidden; - -webkit-overflow-scrolling: touch; - margin-right: 10px; - padding-bottom: 80px; - letter-spacing: 0.4px; - white-space: nowrap; - - -ms-overflow-scrolling: touch; -} - -/* Site Nav Hack Explanation (above): - -What's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them. - -The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result. - -*/ - -.site-nav-logo { - flex-shrink: 0; - display: block; - margin-right: 24px; - padding: 11px 0; - color: #fff; - font-size: 1.7rem; - line-height: 1em; - font-weight: bold; - letter-spacing: -0.5px; -} - -.site-nav-logo:hover { - text-decoration: none; -} - -.site-nav-logo img { - display: block; - width: auto; - height: 21px; -} - -.nav { - display: flex; - margin: 0 0 0 -12px; - padding: 0; - list-style: none; -} - -.nav li { - display: block; - margin: 0; - padding: 0; - text-transform: uppercase; -} - -.nav li a { - display: block; - margin: 0; - padding: 10px 12px; - color: #fff; - opacity: 0.8; -} - -.nav li a:hover { - text-decoration: none; - opacity: 1; -} - -.site-nav-right { - flex-shrink: 0; - display: flex; - align-items: center; - height: 40px; -} - -.social-links { - flex-shrink: 0; - display: flex; - align-items: center; -} - -.social-links a:last-of-type { - padding-right: 20px; -} - -.social-link { - display: flex; - justify-content: center; - align-items: center; - margin: 0; - padding: 10px; - color: #fff; - opacity: 0.8; -} - -.social-link:hover { - opacity: 1; -} - -.social-link svg { - height: 1.8rem; - fill: #fff; -} - -.social-link-fb svg { - height: 1.5rem; -} - -.social-link-wb svg { - height: 1.6rem; -} - -.social-link-wb svg path { - stroke: #fff; -} - -.social-link-rss svg { - height: 1.9rem; -} - -.subscribe-button { - display: block; - padding: 4px 10px; - border: #fff 1px solid; - color: #fff; - font-size: 1.2rem; - line-height: 1em; - border-radius: 10px; - opacity: 0.8; -} - -.subscribe-button:hover { - text-decoration: none; - opacity: 1; -} - -.rss-button { - opacity: 0.8; -} - -.rss-button:hover { - opacity: 1; -} - -.rss-button svg { - margin-bottom: 1px; - height: 2.1rem; - fill: #fff; -} - -@media (max-width: 700px) { - .site-header { - padding-right: 0; - padding-left: 0; - } - .site-nav-left { - margin-right: 0; - padding-left: 4vw; - } - .site-nav-right { - display: none; - } -} - - -/* 6. Post Feed -/* ---------------------------------------------------------- */ - -.post-feed { - position: relative; - display: flex; - flex-wrap: wrap; - margin: 0 -20px; - padding: 40px 0 0 0; -} - -.post-card { - flex: 1 1 300px; - display: flex; - flex-direction: column; - overflow: hidden; - margin: 0 20px 40px; - min-height: 300px; - background: #fff center center; - background-size: cover; - border-radius: 5px; - box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; - transition: all 0.5s ease; -} - -.post-card:hover { - box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07); - transition: all 0.3s ease; - transform: translate3D(0, -1px, 0); -} - -.post-card-image-link { - position: relative; - display: block; - overflow: hidden; - border-radius: 5px 5px 0 0; -} - -.post-card-image { - width: auto; - height: 200px; - background: var(--lightgrey) no-repeat center center; - background-size: cover; -} - -.post-card-content-link { - position: relative; - display: block; - padding: 25px 25px 0; - color: var(--darkgrey); -} - -.post-card-content-link:hover { - text-decoration: none; -} - -.post-card-tags { - display: block; - margin-bottom: 4px; - color: var(--midgrey); - font-size: 1.2rem; - line-height: 1.15em; - font-weight: 500; - letter-spacing: 0.5px; - text-transform: uppercase; -} - -.post-card-title { - margin-top: 0; -} - -.post-card-content { - flex-grow: 1; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.post-card-excerpt { - font-family: Georgia, serif; -} - -.post-card-meta { - padding: 0 25px 25px; -} - -.author-profile-image { - margin-right: 5px; - width: 25px; - height: 25px; - border-radius: 100%; - - object-fit: cover; -} - -.post-card-author { - font-size: 1.3rem; - font-weight: 500; - letter-spacing: 0.5px; - text-transform: uppercase; -} - -.reading-time { - font-size: 1.2rem; - font-weight: 500; - line-height: 33px; - flex-shrink: 0; - margin-left: 20px; - letter-spacing: .5px; - text-transform: uppercase; - float: right; - margin-top: -4px; - color: var(--midgrey); -} - -/* Special Styling for home page grid (below): - -The first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices. - - */ - -@media (min-width: 795px) { - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) { - flex: 1 1 100%; - flex-direction: row; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link { - position: relative; - flex: 1 1 auto; - border-radius: 5px 0 0 5px; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image { - position: absolute; - width: 100%; - height: 100%; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content { - flex: 0 1 357px; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 { - font-size: 2.6rem; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p { - font-size: 1.8rem; - line-height: 1.55em; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link { - padding: 30px 40px 0; - } - - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta { - padding: 0 40px 30px; - } -} - -.home-template .site-header:after { - display: none; -} - - -/* Adjust some margins for smaller screens */ -@media (max-width: 650px) { - .post-feed { - padding-top: 5vw; - } - .post-card { - margin: 0 20px 5vw; - } -} - - - -/* 7. Single Post -/* ---------------------------------------------------------- */ - -.post-template .site-main, -.page-template .site-main { - padding-bottom: 4vw; - background: #fff; -} - -.post-full { - position: relative; - z-index: 50; -} -/* ^ Required to make .post-full-content:before/after z-index stacking work */ - -.post-full-header { - margin: 0 auto; - padding: 6vw 3vw 3vw; - max-width: 1040px; - text-align: center; -} -@media (max-width: 500px) { - .post-full-header { - padding: 14vw 3vw 10vw; - } -} - -.post-full-meta { - display: flex; - justify-content: center; - align-items: center; - color: var(--midgrey); - font-size: 1.4rem; - font-weight: 600; - text-transform: uppercase; -} - -.post-full-meta-date { - color: var(--blue); -} - -.post-full-title { - margin: 0; - color: color(var(--darkgrey) l(-5%)); -} - -.date-divider { - display: inline-block; - margin: 0 6px 1px; -} - -.post-full-image { - margin: 0 -10vw -165px; - height: 1250px; - background-size: contain; - background-repeat: no-repeat; - background-position: center; - border-radius: 5px -} - -@media (max-width: 1170px) { - .post-full-image { - margin: 0 -4vw -100px; - height: 900px; - border-radius: 0; - } -} - -@media (max-width: 800px) { - .post-full-image { - height: 600px; - } -} - -.post-full-content { - position: relative; - margin: 0 auto; - padding: 70px 100px 0; - min-height: 230px; - font-family: Georgia, serif; - font-size: 2.2rem; - line-height: 1.6em; - background: #fff; -} - -@media (max-width: 1170px) { - .post-full-content { - padding: 5vw 7vw 0; - } -} -@media (max-width: 800px) { - .post-full-content { - font-size: 1.9rem; - } -} - -.post-full-content:before { - content: ""; - position: absolute; - top: 15px; - left: -5px; - z-index: -1; - display: block; - width: 20px; - height: 200px; - background: rgba(39,44,49,0.15); - filter: blur(5px); - transform: rotate(-5deg); -} - -.post-full-content:after { - content: ""; - position: absolute; - top: 15px; - right: -5px; - z-index: -1; - display: block; - width: 20px; - height: 200px; - background: rgba(39,44,49,0.15); - filter: blur(5px); - transform: rotate(5deg); -} - -.no-image .post-full-content { - padding-top: 0; -} - -.no-image .post-full-content:before, -.no-image .post-full-content:after { - display: none; -} - -.kg-card-markdown { - display: flex; - flex-direction: column; - align-items: center; - max-width: 920px; -} - -.post-full-content h1, -.post-full-content h2, -.post-full-content h3, -.post-full-content h4, -.post-full-content h5, -.post-full-content h6, -.post-full-content p, -.post-full-content ul, -.post-full-content ol, -.post-full-content dl, -.post-full-content pre, -.post-full-content blockquote, -.post-full-comments, -.footnotes { - min-width: 100%; -} - -.post-full-content li { - word-break: break-word; -} - -.post-full-content li p { - margin: 0; -} - -.post-template .kg-card-markdown > p:first-child { - font-size: 1.25em; - line-height: 1.5em; -} - -.post-full-content a { - color: #000; - box-shadow: var(--blue) 0 -1px 0 inset; -} - -.post-full-content a:hover { - color: var(--blue); - text-decoration: none; -} - -.post-full-content strong, -.post-full-content em { - color: color(var(--darkgrey) l(-5%)); -} - -.post-full-content small { - display: inline-block; - line-height: 1.6em; -} - -.post-full-content li:first-child { - margin-top: 0; -} - -.post-full-content img, -.post-full-content video { - display: block; - margin: 1.5em auto; - max-width: 1040px; -} -@media (max-width: 1040px) { - .post-full-content img, - .post-full-content video { - width: 100%; - } -} - - -/* Full bleed images (#full) -Super neat trick courtesy of @JoelDrapper - -Usage (In Ghost edtior): - -![img](/some/image.jpg#full) - -*/ -.post-full-content img[src$="#full"] { - max-width: none; - width: 100vw; -} - - -/* Image captions - -Usage (In Ghost editor): - -![img](/some/image.jpg) -Your image caption - -*/ -.post-full-content img + br + small { - display: block; - margin-top: -3em; - margin-bottom: 1.5em; -} - - -.post-full-content iframe { - margin: 0 auto; -} - -.post-full-content blockquote { - margin: 0 0 1.5em; - padding: 0 1.5em; - border-left: #3eb0ef 3px solid; -} - -.post-full-content blockquote p { - margin: 0 0 1em 0; - color: inherit; - font-size: inherit; - line-height: inherit; - font-style: italic; -} - -.post-full-content blockquote p:last-child { - margin-bottom: 0; -} - -.post-full-content code { - padding: 0 5px 2px; - font-size: 0.8em; - line-height: 1em; - font-weight: 400!important; - background: var(--whitegrey); - border-radius: 3px; -} - -.post-full-content pre { - overflow-x: auto; - margin: 1.5em 0 3em; - padding: 20px; - max-width: 100%; - border: color(var(--darkgrey) l(-10%)) 1px solid; - color: var(--whitegrey); - font-size: 1.4rem; - line-height: 1.5em; - background: color(var(--darkgrey) l(-3%)); - border-radius: 5px; -} - -.post-full-content pre code { - padding: 0; - font-size: inherit; - line-height: inherit; - background: transparent; -} - -.post-full-content pre code * { - color: inherit; -} - -.post-full-content .fluid-width-video-wrapper { - margin: 1.5em 0 3em; -} - -.post-full-content hr { - margin: 4vw 0; -} - -.post-full-content hr:after { - content: ""; - position: absolute; - top: -15px; - left: 50%; - display: block; - margin-left: -10px; - width: 1px; - height: 30px; - background: color(var(--lightgrey) l(+10%)); - box-shadow: #fff 0 0 0 5px; - transform: rotate(45deg); -} - -.post-full-content h1, -.post-full-content h2, -.post-full-content h3, -.post-full-content h4, -.post-full-content h5, -.post-full-content h6 { - color: color(var(--darkgrey) l(-5%)); - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; -} - -.post-full-content h1 { - margin: 0.5em 0 0.2em 0; - font-size: 4.6rem; - font-weight: 700; -} -@media (max-width: 500px) { - .post-full-content h1 { - font-size: 2.8rem; - } -} - -.post-full-content h2 { - margin: 0.5em 0 0.2em 0; - font-size: 3.6rem; - font-weight: 700; -} -@media (max-width: 500px) { - .post-full-content h2 { - font-size: 2.6rem; - } -} - -.post-full-content h3 { - margin: 0.5em 0 0.2em 0; - font-size: 2.8rem; - font-weight: 700; -} -@media (max-width: 500px) { - .post-full-content h3 { - font-size: 2.2rem; - } -} - -.post-full-content h4 { - margin: 0.5em 0 0.2em 0; - font-size: 2.8rem; - font-weight: 700; -} -@media (max-width: 500px) { - .post-full-content h4 { - font-size: 2.2rem; - } -} - -.post-full-content h5 { - display: block; - margin: 0.5em 0; - padding: 1em 0 1.5em; - border: 0; - color: var(--blue); - font-family: Georgia,serif; - font-size: 3.2rem; - line-height: 1.35em; - text-align: center; -} -@media (min-width: 1180px) { - .post-full-content h5 { - max-width: 1060px; - width: 100vw; - } -} -@media (max-width: 500px) { - .post-full-content h5 { - padding: 0 0 0.5em; - font-size: 2.2rem; - } -} - -.post-full-content h6 { - margin: 0.5em 0 0.2em 0; - font-size: 2.3rem; - font-weight: 700; -} -@media (max-width: 500px) { - .post-full-content h6 { - font-size: 2rem; - } -} - -.footnotes-sep { - margin-bottom: 30px; -} - -.footnotes { - font-size: 1.5rem; -} - -.footnotes p { - margin: 0; -} - -.footnote-backref { - color: var(--blue) !important; - font-size: 1.2rem; - font-weight: bold; - text-decoration: none !important; - box-shadow: none !important; -} - -/* Some grouped styles for smaller viewports */ -@media (max-width: 500px) { - .post-full-meta { - font-size: 1.2rem; - line-height: 1.3em; - } - .post-full-title { - font-size: 2.9rem; - } - .post-full-image { - margin-bottom: 4vw; - height: 350px; - } - .post-full-content { - padding: 0; - } - .post-full-content:before, - .post-full-content:after { - display: none; - } -} - -/* Tables */ -.post-full-content table { - display: inline-block; - overflow-x: auto; - margin: 0.5em 0 2.5em; - max-width: 100%; - width: auto; - border-spacing: 0; - border-collapse: collapse; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; - font-size: 1.6rem; - white-space: nowrap; - vertical-align: top; -} - -.post-full-content table { - -webkit-overflow-scrolling: touch; - background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center; - background-attachment: scroll, scroll; - background-size: 10px 100%, 10px 100%; - background-repeat: no-repeat; -} - -.post-full-content table td:first-child { - background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%); - background-size: 20px 100%; - background-repeat: no-repeat; -} - -.post-full-content table td:last-child { - background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%); - background-position: 100% 0; - background-size: 20px 100%; - background-repeat: no-repeat; -} - -.post-full-content table th { - color: var(--darkgrey); - font-size: 1.2rem; - font-weight: 700; - letter-spacing: 0.2px; - text-align: left; - text-transform: uppercase; - background-color: color(var(--whitegrey) l(+4%)); -} - -.post-full-content table th, -.post-full-content table td { - padding: 6px 12px; - border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid; -} - - -/* 7.1. Subscribe Form -/* ---------------------------------------------------------- */ - -.subscribe-form { - margin: 1.5em 0; - padding: 6.5vw 7vw 7vw; - border: color(var(--whitegrey) l(+2%)) 1px solid; - text-align: center; - background: color(var(--whitegrey) l(+4%)); - border-radius: 7px; -} - -.subscribe-form-title { - margin: 0 0 3px 0; - padding: 0; - color: var(--darkgrey); - font-size: 3.5rem; - line-height: 1; - font-weight: 700; -} - -.subscribe-form p { - margin-bottom: 1em; - color: var(--midgrey); - font-size: 2.2rem; - line-height: 1.55em; - letter-spacing: 0.2px; -} - -.subscribe-form form { - display: flex; - justify-content: center; - align-items: center; - margin: 0 auto; - max-width: 420px; -} - -.subscribe-form .form-group { - flex-grow: 1; -} - -.subscribe-email { - display: block; - padding: 10px; - width: 100%; - border: color(var(--lightgrey) l(+7%)) 1px solid; - color: var(--midgrey); - font-size: 1.8rem; - line-height: 1em; - font-weight: normal; - user-select: text; - border-radius: 5px; - transition: border-color 0.15s linear; - - -webkit-appearance: none; -} - -.subscribe-email:focus { - outline: 0; - border-color: color(var(--lightgrey) l(-2%)); -} - -.subscribe-form button { - display: inline-block; - margin: 0 0 0 10px; - padding: 0 20px; - height: 41px; - outline: none; - color: #fff; - font-size: 1.5rem; - line-height: 37px; - font-weight: 400; - text-align: center; - text-shadow: 0 -1px 0 rgba(0,0,0,0.1); - background: linear-gradient( - color(var(--blue) whiteness(+7%)), - color(var(--blue) lightness(-7%) saturation(-10%)) 60%, - color(var(--blue) lightness(-7%) saturation(-10%)) 90%, - color(var(--blue) lightness(-4%) saturation(-10%)) - ); - border-radius: 5px; - box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14); - - -webkit-font-smoothing: subpixel-antialiased; -} - -.subscribe-form button:active, -.subscribe-form button:focus { - background: color(var(--blue) lightness(-9%) saturation(-10%)); -} - -@media (max-width: 650px) { - .subscribe-form-title { - font-size: 2.4rem; - } - .subscribe-form p { - font-size: 1.6rem; - } -} - -@media (max-width: 500px) { - .subscribe-form form { - flex-direction: column; - } - .subscribe-form .form-group { - width: 100%; - } - .subscribe-form button { - margin: 10px 0 0 0; - width: 100%; - } -} - - -/* 7.2. Post Footer -/* ---------------------------------------------------------- */ - -.post-full-footer { - display: flex; - justify-content: space-between; - align-items: center; - margin: 0 auto; - padding: 3vw 0 6vw 0; - max-width: 840px; -} - -.author-card { - display: flex; - align-items: center; -} - -.author-card .author-profile-image { - margin-right: 15px; - width: 60px; - height: 60px; -} - -.author-card-name { - margin: 0 0 2px 0; - padding: 0; - font-size: 2rem; -} - -.author-card-name a { - color: var(--darkgrey); - font-weight: 700; -} - -.author-card-name a:hover { - text-decoration: none; -} - -.author-card-content p { - margin: 0; - color: var(--midgrey); - line-height: 1.3em; -} - -.post-full-footer-right { - flex-shrink: 0; - margin-left: 20px; -} - -.author-card-button { - display: block; - padding: 9px 16px; - border: color(var(--midgrey) l(+20%)) 1px solid; - color: var(--midgrey); - font-size: 1.2rem; - line-height: 1; - font-weight: 500; - border-radius: 20px; - transition: all ease 0.2s; -} - -.author-card-button:hover { - border-color: var(--blue); - color: var(--blue); - text-decoration: none; -} - - -/* 7.3. Comments -/* ---------------------------------------------------------- */ - -.post-full-comments { - margin: 0 auto; - max-width: 840px; -} - - -/* 7.4. Related posts -/* ---------------------------------------------------------- */ - -.read-next-feed { - display: flex; - flex-wrap: wrap; - margin: 0 -20px; - padding: 40px 0 0 0; -} - -.read-next-card { - position: relative; - flex: 1 1 300px; - display: flex; - flex-direction: column; - overflow: hidden; - margin: 0 20px 40px; - padding: 25px; - color: #fff; - background: var(--darkgrey) center center; - background-size: cover; - border-radius: 5px; - box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; -} - -.read-next-card:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; - background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%); - border-radius: 5px; - - backdrop-filter: blur(2px); -} - -.read-next-card-header { - position: relative; - z-index: 50; - padding-top: 20px; - text-align: center; -} - -.read-next-card-header-sitetitle { - display: block; - font-size: 1.3rem; - line-height: 1.3em; - opacity: 0.8; -} - -.read-next-card-header-title { - margin: 0; - padding: 0 20px; - color: #fff; - font-size: 3rem; - line-height: 1.2em; - letter-spacing: 1px; -} - -.read-next-card-header-title a { - color: #fff; - font-weight: 300; - text-decoration: none; -} - -.read-next-card-header-title a:hover { - text-decoration: none; -} - -.read-next-divider { - position: relative; - display: flex; - justify-content: center; - height: 80px; -} - -.read-next-divider svg { - width: 40px; - fill: transparent; - stroke: #fff; - - stroke-width: 0.5px; - stroke-opacity: 0.65; -} - -.read-next-card-content { - position: relative; - z-index: 50; - flex-grow: 1; - display: flex; - font-size: 1.7rem; -} - -.read-next-card-content ul { - display: flex; - flex-direction: column; - margin: 0 auto; - padding: 0; - text-align: center; - list-style: none; -} - -.read-next-card-content li { - margin: 0; - padding: 0; - font-size: 1.6rem; - line-height: 1.25em; - font-weight: 200; - letter-spacing: -0.5px; -} - -.read-next-card-content li a { - display: block; - padding: 20px 0; - border-bottom: rgba(255,255,255,0.3) 1px solid; - color: #fff; - font-weight: 500; - vertical-align: top; - transition: opacity 0.3s ease; -} - -.read-next-card-content li:first-of-type a { - padding-top: 10px; -} - -.read-next-card-content li a:hover { - opacity: 1; -} - -.read-next-card-footer { - position: relative; - margin: 15px 0 3px 0; - text-align: center; -} - -.read-next-card-footer a { - color: #fff; -} - - -/* 7.5. Floating Header -/* ---------------------------------------------------------- */ - -.floating-header { - visibility: hidden; - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1000; - display: flex; - align-items: center; - height: 60px; - border-bottom: rgba(0,0,0,0.06) 1px solid; - background: rgba(255,255,255,0.95); - transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); - transform: translate3d(0, -120%, 0); -} - -.floating-active { - visibility: visible; - transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1); - transform: translate3d(0, 0, 0); -} - -.floating-header-logo { - overflow: hidden; - margin: 0 0 0 20px; - font-size: 1.6rem; - line-height: 1em; - letter-spacing: -1px; - text-overflow: ellipsis; - white-space: nowrap; -} - -.floating-header-logo a { - display: flex; - align-items: center; - color: var(--darkgrey); - line-height: 1.1em; - font-weight: 700; -} - -.floating-header-logo a:hover { - text-decoration: none; -} - -.floating-header-logo img { - margin: 0 10px 0 0; - max-height: 20px; -} - -.floating-header-divider { - margin: 0 5px; - line-height: 1em; -} - -.floating-header-title { - flex: 1; - overflow: hidden; - margin: 0; - color: #2e2e2e; - font-size: 1.6rem; - line-height: 1.3em; - font-weight: bold; - text-overflow: ellipsis; - white-space: nowrap; -} - -.floating-header-share { - display: flex; - justify-content: flex-end; - align-items: center; - padding-left: 2%; - font-size: 1.3rem; - line-height: 1; -} - -.floating-header-share a { - display: flex; - justify-content: center; - align-items: center; -} - -.floating-header-share svg { - width: auto; - height: 16px; - fill: #fff; -} - -.floating-header-share-label { - flex-shrink: 0; - display: flex; - align-items: center; - margin-right: 10px; - color: rgba(0,0,0,0.7); - font-weight: 500; -} - -.floating-header-share-label svg { - margin: 0 5px 0 10px; - width: 18px; - height: 18px; - stroke: rgba(0,0,0,0.7); - transform: rotate(90deg); -} - -.floating-header-share-tw, -.floating-header-share-fb { - display: block; - align-items: center; - width: 60px; - height: 60px; - color: #fff; - line-height: 48px; - text-align: center; - transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); -} - -.floating-header-share-tw { - background: #33b1ff; -} - -.floating-header-share-fb { - background: #005e99; -} - -.progress { - position: absolute; - right: 0; - bottom: -1px; - left: 0; - width: 100%; - height: 2px; - border: none; - color: var(--blue); - background: transparent; - - appearance: none; -} - -.progress::-webkit-progress-bar { - background-color: transparent; -} - -.progress::-webkit-progress-value { - background-color: var(--blue); -} - -.progress::-moz-progress-bar { - background-color: var(--blue); -} - -.progress-container { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background-color: transparent; -} - -.progress-bar { - display: block; - width: 50%; - height: inherit; - background-color: var(--blue); -} - -@media (max-width: 900px) { - .floating-header { - height: 40px; - } - .floating-header-title, - .floating-header-logo { - font-size: 1.5rem; - } - .floating-header-share-tw, - .floating-header-share-fb { - width: 40px; - height: 40px; - line-height: 38px; - } -} - -@media (max-width: 800px) { - .floating-header-logo { - margin-left: 10px; - } - .floating-header-logo a { - color: #2e2e2e; - } - .floating-header-title, - .floating-header-divider { - visibility: hidden; - } -} - -@media (max-width: 450px) { - .floating-header-share-label { - display: none; - } -} - - -/* 8. Author Template -/* ---------------------------------------------------------- */ - -.site-header-content .author-profile-image { - z-index: 10; - flex-shrink: 0; - margin: 0 0 20px 0; - width: 100px; - height: 100px; - box-shadow: rgba(255,255,255,0.1) 0 0 0 6px; -} - -.site-header-content .author-bio { - z-index: 10; - flex-shrink: 0; - margin: 5px 0 10px 0; - max-width: 600px; - font-size: 2rem; - line-height: 1.3em; - font-weight: 300; - letter-spacing: 0.5px; - opacity: 0.8; -} - -.site-header-content .author-meta { - z-index: 10; - flex-shrink: 0; - display: flex; - justify-content: center; - align-items: center; - margin: 0 0 10px 0; - font-family: Georgia, serif; - font-style: italic; -} - -.site-header-content .author-location svg { - height: 1.9rem; - stroke: #fff; -} - -.site-header-content .bull { - display: inline-block; - margin: 0 12px; - opacity: 0.5; -} - -.site-header-content .social-link:first-of-type { - padding-left: 4px; -} - -@media (max-width: 500px) { - .site-header-content .author-bio { - font-size: 1.8rem; - line-height: 1.15em; - letter-spacing: 0; - } - .author-location, - .author-stats { - display: none; - } -} - - -/* 9. Error Template -/* ---------------------------------------------------------- */ - -.error-template .site-main { - padding: 7vw 4vw; -} - -.site-nav-center { - display: flex; - justify-content: center; - align-items: center; - text-align: center; -} - -.site-nav-center .site-nav-logo { - margin-right: 0; -} - -.error-message { - text-align: center; -} - -.error-code { - margin: 0; - font-size: 12vw; - line-height: 1em; - letter-spacing: -5px; - opacity: 0.3; -} - -.error-description { - margin: 0; - color: var(--midgrey); - font-size: 3rem; - line-height: 1.3em; - font-weight: 400; -} - -@media (max-width: 800px) { - .error-description { - margin: 5px 0 0 0; - font-size: 1.8rem; - } -} - -.error-link { - display: inline-block; - margin-top: 5px; -} - -.error-template .post-feed { - padding-top: 0; -} - - -/* 10. Subscribe Overlay -/* ---------------------------------------------------------- */ - -.subscribe-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 9000; - display: flex; - justify-content: center; - align-items: center; - background: rgba(0,25,40,0.97); - opacity: 0; - transition: opacity 200ms ease-in; - pointer-events: none; - - backdrop-filter: blur(3px); -} - -.subscribe-overlay:target { - opacity: 1; - pointer-events: auto; -} - -.subscribe-overlay-content { - position: relative; - z-index: 9999; - margin: 0 0 5vw 0; - padding: 4vw; - color: #fff; - text-align: center; -} - -.subscribe-overlay-logo { - position: fixed; - top: 23px; - left: 30px; - height: 30px; -} - -.subscribe-overlay-title { - display: inline-block; - margin: 0 0 10px 0; - font-size: 6rem; - line-height: 1.15em; -} - -.subscribe-overlay-description { - margin: 0 auto 50px; - max-width: 650px; - font-family: Georgia, serif; - font-size: 3rem; - line-height: 1.3em; - font-weight: 300; - opacity: 0.8; -} - -.subscribe-overlay form { - display: flex; - justify-content: center; - align-items: center; - margin: 0 auto; - max-width: 500px; -} - -.subscribe-overlay .form-group { - flex-grow: 1; -} - -.subscribe-overlay .subscribe-email { - display: block; - padding: 14px 20px; - width: 100%; - border: none; - color: var(--midgrey); - font-size: 2rem; - line-height: 1em; - font-weight: normal; - letter-spacing: 0.5px; - user-select: text; - border-radius: 8px; - transition: border-color 0.15s linear; - - -webkit-appearance: none; -} - -.subscribe-email:focus { - outline: 0; - border-color: color(var(--lightgrey) l(-2%)); -} - -.subscribe-overlay button { - display: inline-block; - margin: 0 0 0 15px; - padding: 0 25px; - height: 52px; - outline: none; - color: #fff; - font-size: 1.7rem; - line-height: 37px; - font-weight: 400; - text-align: center; - text-shadow: 0 -1px 0 rgba(0,0,0,0.1); - background: linear-gradient( - color(var(--blue) whiteness(+7%)), - color(var(--blue) lightness(-7%) saturation(-10%)) 60%, - color(var(--blue) lightness(-7%) saturation(-10%)) 90%, - color(var(--blue) lightness(-4%) saturation(-10%)) - ); - border-radius: 8px; - box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14); - - -webkit-font-smoothing: subpixel-antialiased; -} - -.subscribe-overlay button:active, -.subscribe-overlay button:focus { - background: color(var(--blue) lightness(-9%) saturation(-10%)); -} - -.subscribe-overlay-close { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; -} - -.subscribe-overlay-close:before { - content: ""; - position: absolute; - top: 40px; - right: 25px; - display: block; - width: 30px; - height: 2px; - background: #fff; - opacity: 0.8; - transform: rotate(45deg); -} - -.subscribe-overlay-close:after { - content: ""; - position: absolute; - top: 40px; - right: 25px; - display: block; - width: 30px; - height: 2px; - background: #fff; - opacity: 0.8; - transform: rotate(-45deg); -} - -.subscribe-overlay-close:hover { - cursor: default; -} - - -/* 11. Site Footer -/* ---------------------------------------------------------- */ - -.site-footer { - position: relative; - padding-top: 20px; - padding-bottom: 60px; - color: #fff; - background: color(var(--darkgrey) l(-15%)); -} - -.site-footer-content { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - color: rgba(255,255,255,0.7); - font-size: 1.3rem; -} - -.site-footer-content a { - color: rgba(255,255,255,0.7); -} - -.site-footer-content a:hover { - color: rgba(255,255,255,1); - text-decoration: none; -} - -.site-footer-nav { - display: flex; -} - -.site-footer-nav a { - position: relative; - margin-left: 20px; -} - -.site-footer-nav a:before { - content: ""; - position: absolute; - top: 11px; - left: -11px; - display: block; - width: 2px; - height: 2px; - background: #fff; - border-radius: 100%; -} - -.site-footer-nav a:first-of-type:before { - display: none; -} - -@media (max-width: 650px) { - .site-footer-content { - flex-direction: column; - } - .site-footer-nav a:first-child { - margin-left: 0; - } -} diff --git a/assets/images/HackVerse-4-Theme.png b/assets/images/HackVerse-4-Theme.png index 9959456..f33736b 100644 Binary files a/assets/images/HackVerse-4-Theme.png and b/assets/images/HackVerse-4-Theme.png differ diff --git a/assets/images/behind-the-scenes/cover.jpeg b/assets/images/behind-the-scenes/cover.jpeg index 827c8f7..d3bccec 100644 Binary files a/assets/images/behind-the-scenes/cover.jpeg and b/assets/images/behind-the-scenes/cover.jpeg differ diff --git a/assets/images/behind-the-scenes/team-group.jpg b/assets/images/behind-the-scenes/team-group.jpg index 6e676f4..5286f5c 100644 Binary files a/assets/images/behind-the-scenes/team-group.jpg and b/assets/images/behind-the-scenes/team-group.jpg differ diff --git a/assets/images/edgar.gif b/assets/images/edgar.gif index f3e830a..3220c1d 100644 Binary files a/assets/images/edgar.gif and b/assets/images/edgar.gif differ diff --git a/assets/images/explorers-guide-to-hackverse/1.png b/assets/images/explorers-guide-to-hackverse/1.png index 37b1d20..d6d1323 100644 Binary files a/assets/images/explorers-guide-to-hackverse/1.png and b/assets/images/explorers-guide-to-hackverse/1.png differ diff --git a/assets/images/explorers-guide-to-hackverse/2.png b/assets/images/explorers-guide-to-hackverse/2.png index 492dc9c..c0d7d0c 100644 Binary files a/assets/images/explorers-guide-to-hackverse/2.png and b/assets/images/explorers-guide-to-hackverse/2.png differ diff --git a/assets/images/explorers-guide-to-hackverse/3.png b/assets/images/explorers-guide-to-hackverse/3.png index 13542b2..9a17258 100644 Binary files a/assets/images/explorers-guide-to-hackverse/3.png and b/assets/images/explorers-guide-to-hackverse/3.png differ diff --git a/assets/images/explorers-guide-to-hackverse/4.png b/assets/images/explorers-guide-to-hackverse/4.png index 2b531c3..091c92f 100644 Binary files a/assets/images/explorers-guide-to-hackverse/4.png and b/assets/images/explorers-guide-to-hackverse/4.png differ diff --git a/assets/images/explorers-guide-to-hackverse/cover.jpeg b/assets/images/explorers-guide-to-hackverse/cover.jpeg index 710dcc8..73738aa 100644 Binary files a/assets/images/explorers-guide-to-hackverse/cover.jpeg and b/assets/images/explorers-guide-to-hackverse/cover.jpeg differ diff --git a/assets/images/explorers-guide-to-hackverse/devfolio.jpg b/assets/images/explorers-guide-to-hackverse/devfolio.jpg index 7b0eabb..0ebe85f 100644 Binary files a/assets/images/explorers-guide-to-hackverse/devfolio.jpg and b/assets/images/explorers-guide-to-hackverse/devfolio.jpg differ diff --git a/assets/images/explorers-guide-to-hackverse/website.jpg b/assets/images/explorers-guide-to-hackverse/website.jpg index 41f4152..9871357 100644 Binary files a/assets/images/explorers-guide-to-hackverse/website.jpg and b/assets/images/explorers-guide-to-hackverse/website.jpg differ diff --git a/assets/images/expo-1400.jpeg b/assets/images/expo-1400.jpeg index e1596b2..96cdf70 100644 Binary files a/assets/images/expo-1400.jpeg and b/assets/images/expo-1400.jpeg differ diff --git a/assets/images/futureinspace.jpeg b/assets/images/futureinspace.jpeg index cf9c9ea..f3a1edb 100644 Binary files a/assets/images/futureinspace.jpeg and b/assets/images/futureinspace.jpeg differ diff --git a/assets/images/hackverse-prizes.jpeg b/assets/images/hackverse-prizes.jpeg index a91f619..15514a2 100644 Binary files a/assets/images/hackverse-prizes.jpeg and b/assets/images/hackverse-prizes.jpeg differ diff --git a/assets/images/hackverse-tracks-and-sample-solutions.jpeg b/assets/images/hackverse-tracks-and-sample-solutions.jpeg index aa88fc9..f0d6338 100644 Binary files a/assets/images/hackverse-tracks-and-sample-solutions.jpeg and b/assets/images/hackverse-tracks-and-sample-solutions.jpeg differ diff --git a/assets/images/hackverse-tracks/2.jpg b/assets/images/hackverse-tracks/2.jpg index 327118e..eadf492 100644 Binary files a/assets/images/hackverse-tracks/2.jpg and b/assets/images/hackverse-tracks/2.jpg differ diff --git a/assets/images/hackverse-tracks/3.jpg b/assets/images/hackverse-tracks/3.jpg index bceec22..37222aa 100644 Binary files a/assets/images/hackverse-tracks/3.jpg and b/assets/images/hackverse-tracks/3.jpg differ diff --git a/assets/images/hackverse-tracks/4.jpg b/assets/images/hackverse-tracks/4.jpg index 73def5a..0968d9e 100644 Binary files a/assets/images/hackverse-tracks/4.jpg and b/assets/images/hackverse-tracks/4.jpg differ diff --git a/assets/images/hackverse-tracks/cover.jpg b/assets/images/hackverse-tracks/cover.jpg index 0b58a1d..a12bdb4 100644 Binary files a/assets/images/hackverse-tracks/cover.jpg and b/assets/images/hackverse-tracks/cover.jpg differ diff --git a/assets/images/interstellar_guide_hackverse.jpeg b/assets/images/interstellar_guide_hackverse.jpeg index 01bb0b5..0197be1 100644 Binary files a/assets/images/interstellar_guide_hackverse.jpeg and b/assets/images/interstellar_guide_hackverse.jpeg differ diff --git a/assets/images/intro-0900.jpeg b/assets/images/intro-0900.jpeg index d6b7de5..3a8e6ae 100644 Binary files a/assets/images/intro-0900.jpeg and b/assets/images/intro-0900.jpeg differ diff --git a/assets/images/intro-hublio.jpeg b/assets/images/intro-hublio.jpeg index 7dfd882..219198f 100644 Binary files a/assets/images/intro-hublio.jpeg and b/assets/images/intro-hublio.jpeg differ diff --git a/assets/images/ishan.jpeg b/assets/images/ishan.jpeg index 10ac3b2..ff0a3d2 100644 Binary files a/assets/images/ishan.jpeg and b/assets/images/ishan.jpeg differ diff --git a/assets/images/kriti.jpeg b/assets/images/kriti.jpeg index e476715..55f4be2 100644 Binary files a/assets/images/kriti.jpeg and b/assets/images/kriti.jpeg differ diff --git a/assets/images/lounge-1900.jpeg b/assets/images/lounge-1900.jpeg index f23ade6..8a0e721 100644 Binary files a/assets/images/lounge-1900.jpeg and b/assets/images/lounge-1900.jpeg differ diff --git a/assets/images/manas.jpg b/assets/images/manas.jpg index ed4c970..7a971b9 100644 Binary files a/assets/images/manas.jpg and b/assets/images/manas.jpg differ diff --git a/assets/images/meet-cartoon.gif b/assets/images/meet-cartoon.gif index d4bcb19..d7ce24d 100644 Binary files a/assets/images/meet-cartoon.gif and b/assets/images/meet-cartoon.gif differ diff --git a/assets/images/meet.gif b/assets/images/meet.gif index 7cd63d0..ca96bd3 100644 Binary files a/assets/images/meet.gif and b/assets/images/meet.gif differ diff --git a/assets/images/niraj.jpg b/assets/images/niraj.jpg index 8e8dd1b..f908a71 100644 Binary files a/assets/images/niraj.jpg and b/assets/images/niraj.jpg differ diff --git a/assets/images/ramya.jpeg b/assets/images/ramya.jpeg index d89d27b..5e8772c 100644 Binary files a/assets/images/ramya.jpeg and b/assets/images/ramya.jpeg differ diff --git a/assets/images/rooms-1200.jpeg b/assets/images/rooms-1200.jpeg index 9153265..157cb7e 100644 Binary files a/assets/images/rooms-1200.jpeg and b/assets/images/rooms-1200.jpeg differ diff --git a/assets/images/stavank.jpeg b/assets/images/stavank.jpeg index 7928d15..3960f2c 100644 Binary files a/assets/images/stavank.jpeg and b/assets/images/stavank.jpeg differ