From d132b53e5d3fb275e14fd262c2884b575052eb66 Mon Sep 17 00:00:00 2001 From: lumunge Date: Mon, 21 Feb 2022 16:53:28 +0300 Subject: [PATCH 01/35] styling --- assets/css/screen.css | 2237 +++++++++++++++++++++-------------------- 1 file changed, 1173 insertions(+), 1064 deletions(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 706afe4..f4f188a 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -10,6 +10,7 @@ production stylesheet in assets/built/screen.css 4. Site Header 5. Site Navigation 6. Post Feed + 6.1 side-bar 7. Single Post 7.1. Subscribe Form 7.2. Post Footer @@ -23,56 +24,54 @@ production stylesheet in assets/built/screen.css */ - /* 1. Global - Set up the things /* ---------------------------------------------------------- */ @import "global.css"; body { - background: #f4f8fb; + background: #f4f8fb; } .img { - display: block; - width: 100%; - height: 100%; - background-position: center center; - background-size: cover; - border-radius: 100%; + display: block; + width: 100%; + height: 100%; + background-position: center center; + background-size: cover; + border-radius: 100%; } .hidden { - visibility: hidden; - position: absolute; - text-indent: -9999px; + visibility: hidden; + position: absolute; + text-indent: -9999px; } - /* 2. Layout - Page building blocks /* ---------------------------------------------------------- */ .site-wrapper { - display: flex; - flex-direction: column; - min-height: 100vh; + display: flex; + flex-direction: column; + min-height: 100vh; } .site-main { - z-index: 100; - flex-grow: 1; + z-index: 100; + flex-grow: 1; } /* Full width page blocks */ .outer { - position: relative; - padding: 0 4vw; + position: relative; + padding: 0 4vw; } /* Centered content container blocks */ .inner { - margin: 0 auto; - max-width: 1040px; - width: 100%; + margin: 0 auto; + max-width: 1040px; + width: 100%; } /* Usage: @@ -89,91 +88,104 @@ body { /* ---------------------------------------------------------- */ @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: 0px; - } + .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: 0px; + } } - /* 4. Site Header /* ---------------------------------------------------------- */ .site-header { - position: relative; - padding-top: 12px; - padding-bottom: 12px; - color: #fff; - background:#351ded no-repeat 50%; - background-size:cover; - background: #351ded; /* Old browsers */ - background: -moz-linear-gradient(-45deg, #351ded 0%, #5e46c9 64%, #05abe0 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(-45deg, #351ded 0%,#5e46c9 64%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(135deg, #351ded 0%,#5e46c9 64%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#351ded', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + position: relative; + padding-top: 12px; + padding-bottom: 12px; + color: #fff; + background: #351ded no-repeat 50%; + background-size: cover; + background: #351ded; /* Old browsers */ + background: -moz-linear-gradient( + -45deg, + #351ded 0%, + #5e46c9 64%, + #05abe0 100% + ); /* FF3.6-15 */ + background: -webkit-linear-gradient( + -45deg, + #351ded 0%, + #5e46c9 64%, + #05abe0 100% + ); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient( + 135deg, + #351ded 0%, + #5e46c9 64%, + #05abe0 100% + ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#351ded', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .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); + 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)); + 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; + 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; + 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; + z-index: 10; + margin: 0; + padding: 0; + font-size: 3.8rem; + font-weight: 700; } .site-logo { - max-height: 45px; + max-height: 45px; } - -.site-slogan{ +.site-slogan { z-index: 10; margin: 0; padding: 5px 0; @@ -181,44 +193,43 @@ body { letter-spacing: 0.5px; opacity: 0.8; - font-weight:100; + font-weight: 100; } @media (max-width: 500px) { - .site-title { - font-size: 3rem; - } - .site-description { - font-size: 1.8rem; - } + .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; + 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; + 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; + -ms-overflow-scrolling: touch; } /* Site Nav Hack Explanation (above): @@ -230,253 +241,323 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o */ .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; + 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; + text-decoration: none; } .site-nav-logo img { - display: block; - width: auto; - height: 21px; + display: block; + width: auto; + height: 21px; } .nav { - display: flex; - margin: 0 0 0 -12px; - padding: 0; - list-style: none; + display: flex; + margin: 0 0 0 -12px; + padding: 0; + list-style: none; } .nav li { - display: block; - margin: 0; - padding: 0; - text-transform: uppercase; + display: block; + margin: 0; + padding: 0; + text-transform: uppercase; } .nav li a { - display: block; - margin: 0; - padding: 10px 12px; - color: #fff; - opacity: 0.8; + display: block; + margin: 0; + padding: 10px 12px; + color: #fff; + opacity: 0.8; } .nav li a:hover { - text-decoration: none; - opacity: 1; + text-decoration: none; + opacity: 1; } .site-nav-right { - flex-shrink: 0; - display: flex; - align-items: center; - height: 40px; + flex-shrink: 0; + display: flex; + align-items: center; + height: 40px; } .social-links { - flex-shrink: 0; - display: flex; - align-items: center; + flex-shrink: 0; + display: flex; + align-items: center; } .social-links a:last-of-type { - padding-right: 20px; + padding-right: 20px; } .social-link { - display: flex; - justify-content: center; - align-items: center; - margin: 0; - padding: 10px; - color: #fff; - opacity: 0.8; + display: flex; + justify-content: center; + align-items: center; + margin: 0; + padding: 10px; + color: #fff; + opacity: 0.8; } .social-link:hover { - opacity: 1; + opacity: 1; } .social-link svg { - height: 1.8rem; - fill: #fff; + height: 1.8rem; + fill: #fff; } .social-link-fb svg { - height: 1.5rem; + height: 1.5rem; } .social-link-wb svg { - height: 1.6rem; + height: 1.6rem; } .social-link-wb svg path { - stroke: #fff; + stroke: #fff; } .social-link-rss svg { - height: 1.9rem; + 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; + 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; + text-decoration: none; + opacity: 1; } .rss-button { - opacity: 0.8; + opacity: 0.8; } .rss-button:hover { - opacity: 1; + opacity: 1; } .rss-button svg { - margin-bottom: 1px; - height: 2.1rem; - fill: #fff; + 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; - } + .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; + position: relative; + display: flex; + flex-wrap: wrap; + 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; + 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); + box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 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; + 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; + 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); + position: relative; + display: block; + padding: 25px 25px 0; + color: var(--darkgrey); } .post-card-content-link:hover { - text-decoration: none; + 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; + 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; + margin-top: 0; } .post-card-content { - flex-grow: 1; - display: flex; - flex-direction: column; - justify-content: space-between; + flex-grow: 1; + display: flex; + flex-direction: column; + justify-content: space-between; } .post-card-excerpt { - font-family: Georgia, serif; + font-family: Georgia, serif; } .post-card-meta { - padding: 0 25px 25px; + padding: 0 25px 25px; } .author-profile-image { - margin-right: 5px; - width: 25px; - height: 25px; - border-radius: 100%; + margin-right: 5px; + width: 25px; + height: 25px; + border-radius: 100%; - object-fit: cover; + object-fit: cover; } .post-card-author { - font-size: 1.3rem; - font-weight: 500; - letter-spacing: 0.5px; - text-transform: uppercase; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.5px; + text-transform: uppercase; } +/* 6.1 right-side-bar styling. */ +.main-posts { + display: flex; + max-width: 1264px; + margin: 0 auto; +} + +.left-side-bar { + max-width: 164px; + width: 100%; +} +.left-side-bar-inner { + position: fixed; + width: 164px; + overflow-y: scroll; + max-height: calc(90vh - 80px); +} +.left-side-bar-inner-scroll { + position: static; + overflow-y: scroll; +} + +.right-side-bar { + width: 300px; +} + +.right-side-bar-article { + background-color: #fff; + margin: 1rem 0; + border: 1px solid #000; + border-radius: 5px; +} + +.right-side-bar-article-header { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: 40px; + width: 90%; + left: -40px; + padding-left: 5px; + background-color: #000; + color: #fff; + font-weight: bold; + margin: 1rem 0; +} + +.right-side-bar-article-content { + padding-left: 10px; + list-style: none; +} + +.right-side-bar-article-content a:hover { + color: #05abe0; + transition: all ease 0.2s; +} +@media (max-width: 768px) { + .right-side-bar { + display: none; + } +} + +@media (max-width: 600px) { + .left-side-bar { + display: none; + } +} + +/* end right-side-bar styling */ + /* 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. @@ -484,198 +565,215 @@ The first (most recent) post in the list is styled to be bigger than the others */ @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) { + 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) + .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) 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) 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-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 + .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; + display: none; } - /* Adjust some margins for smaller screens */ @media (max-width: 650px) { - .post-feed { - padding-top: 5vw; - } - .post-card { - margin: 0 20px 5vw; - } + .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; + padding-bottom: 4vw; + background: #fff; } .post-full { - position: relative; - z-index: 50; + position: relative; + z-index: 50; } /* ^ Required to make .post-full-content:before/after z-index stacking work */ .post-full-header { - margin: 0 auto; - padding: 2vw 3vw 3vw; - max-width: 1040px; - text-align: center; + margin: 0 auto; + padding: 2vw 3vw 3vw; + max-width: 1040px; + text-align: center; } @media (max-width: 500px) { - .post-full-header { - padding: 2vw 3vw 10vw; - } + .post-full-header { + padding: 2vw 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; + 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); + color: var(--blue); } .post-full-title { - margin: 20px; - color: color(var(--darkgrey) l(-5%)); + margin: 20px; + color: color(var(--darkgrey) l(-5%)); } .date-divider { - display: inline-block; - margin: 0 6px 1px; + display: inline-block; + margin: 0 6px 1px; } .post-full-image { - margin: 0 -10vw -165px; - height: 800px; - background: var(--lightgrey) center center; - background-size: cover; - border-radius: 5px; + margin: 0 -10vw -165px; + height: 800px; + background: var(--lightgrey) center center; + background-size: cover; + border-radius: 5px; } @media (max-width: 1170px) { - .post-full-image { - margin: 0 -4vw -100px; - height: 600px; - border-radius: 0; - } + .post-full-image { + margin: 0 -4vw -100px; + height: 600px; + border-radius: 0; + } } @media (max-width: 800px) { - .post-full-image { - height: 400px; - } + .post-full-image { + height: 400px; + } +} + +.post-content { + width: 100%; } .post-full-content { - position: relative; - margin: 0 auto; - padding: 20px 100px 0; - min-height: 230px; - font-family: Arial; - font-size: 1.4rem; - line-height: 1.6em; - background: #fff; + position: relative; + margin: 0 auto; + padding: 20px 100px 0; + min-height: 230px; + font-family: Arial; + font-size: 1.4rem; + line-height: 1.6em; + background: #fff; + width: 90%; } @media (max-width: 1170px) { - .post-full-content { - padding: 2vw 7vw 0; - } + .post-full-content { + padding: 2vw 7vw 0; + } } @media (max-width: 800px) { - .post-full-content { - font-size: 1.4rem; - } + .post-full-content { + font-size: 1.4rem; + } } .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); + 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); + 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; + padding-top: 0; } .no-image .post-full-content:before, .no-image .post-full-content:after { - display: none; + display: none; } .kg-card-markdown { - display: flex; - flex-direction: column; - align-items: center; - max-width: 920px; + display: flex; + flex-direction: column; + align-items: center; + max-width: 920px; } .post-full-content h1, @@ -692,60 +790,59 @@ The first (most recent) post in the list is styled to be bigger than the others .post-full-content blockquote, .post-full-comments, .footnotes { - min-width: 100%; + min-width: 100%; } .post-full-content li { - word-break: break-word; + word-break: break-word; } .post-full-content li p { - margin: 0; + margin: 0; } .post-template .kg-card-markdown > p:first-child { - font-size: 1.25em; - line-height: 1.5em; + font-size: 1.25em; + line-height: 1.5em; } .post-full-content a { - color: #000; - box-shadow: var(--blue) 0 -1px 0 inset; + color: #000; + box-shadow: var(--blue) 0 -1px 0 inset; } .post-full-content a:hover { - color: var(--blue); - text-decoration: none; + color: var(--blue); + text-decoration: none; } .post-full-content strong, .post-full-content em { - color: color(var(--darkgrey) l(-5%)); + color: color(var(--darkgrey) l(-5%)); } .post-full-content small { - display: inline-block; - line-height: 1.6em; + display: inline-block; + line-height: 1.6em; } .post-full-content li:first-child { - margin-top: 0; + margin-top: 0; } .post-full-content img, .post-full-content video { - display: block; - margin: 1.5em auto; - max-width: 1040px; + 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, + .post-full-content video { + width: 100%; + } } - /* Full bleed images (#full) Super neat trick courtesy of @JoelDrapper @@ -755,11 +852,10 @@ Usage (In Ghost edtior): */ .post-full-content img[src$="#full"] { - max-width: none; - width: 100vw; + max-width: none; + width: 100vw; } - /* Image captions Usage (In Ghost editor): @@ -769,87 +865,86 @@ Usage (In Ghost editor): */ .post-full-content img + br + small { - display: block; - margin-top: -3em; - margin-bottom: 1.5em; + display: block; + margin-top: -3em; + margin-bottom: 1.5em; } - .post-full-content iframe { - margin: 0 auto; + margin: 0 auto; } .post-full-content blockquote { - margin: 0 0 1.5em; - padding: 0 1.5em; - border-left: #3eb0ef 3px solid; + 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; + 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; + 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; + 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; + 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; + border-radius: 5px; } .post-full-content pre code { - padding: 0; - font-size: inherit; - line-height: inherit; - background: transparent; + padding: 0; + font-size: inherit; + line-height: inherit; + background: transparent; } .post-full-content pre code * { - color: inherit; + color: inherit; } .post-full-content .fluid-width-video-wrapper { - margin: 1.5em 0 3em; + margin: 1.5em 0 3em; } .post-full-content hr { - margin: 4vw 0; + 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); + 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, @@ -858,1066 +953,1080 @@ Usage (In Ghost editor): .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; + 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; + 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 h1 { + font-size: 2.8rem; + } } .post-full-content h2 { - margin: 0.5em 0 0.2em 0; - font-size: 3.6rem; - font-weight: 700; + 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 h2 { + font-size: 2.6rem; + } } .post-full-content h3 { - margin: 0.5em 0 0.2em 0; - font-size: 2.8rem; - font-weight: 700; + 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 h3 { + font-size: 2.2rem; + } } .post-full-content h4 { - margin: 0.5em 0 0.2em 0; - font-size: 2.8rem; - font-weight: 700; + 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 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; + 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; - } + .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 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; + 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; - } + .post-full-content h6 { + font-size: 2rem; + } } .footnotes-sep { - margin-bottom: 30px; + margin-bottom: 30px; } .footnotes { - font-size: 1.5rem; + font-size: 1.5rem; } .footnotes p { - margin: 0; + margin: 0; } .footnote-backref { - color: var(--blue) !important; - font-size: 1.2rem; - font-weight: bold; - text-decoration: none !important; - box-shadow: none !important; + 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; - } + .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; + 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; + -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; + 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; + 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%)); + 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; + 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; + 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; + 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; + 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; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + max-width: 420px; } .subscribe-form .form-group { - flex-grow: 1; + 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; + 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; + -webkit-appearance: none; } .subscribe-email:focus { - outline: 0; - border-color: color(var(--lightgrey) l(-2%)); + 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( + 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); + ); + border-radius: 5px; + box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.14); - -webkit-font-smoothing: subpixel-antialiased; + -webkit-font-smoothing: subpixel-antialiased; } .subscribe-form button:active, .subscribe-form button:focus { - background: color(var(--blue) lightness(-9%) saturation(-10%)); + 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; - } + .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%; - } + .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; + 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; + display: flex; + align-items: center; } .author-card .author-profile-image { - margin-right: 15px; - width: 60px; - height: 60px; + margin-right: 15px; + width: 60px; + height: 60px; } .author-card-name { - margin: 0 0 2px 0; - padding: 0; - font-size: 2rem; + margin: 0 0 2px 0; + padding: 0; + font-size: 2rem; } .author-card-name a { - color: var(--darkgrey); - font-weight: 700; + color: var(--darkgrey); + font-weight: 700; } .author-card-name a:hover { - text-decoration: none; + text-decoration: none; } .author-card-content p { - margin: 0; - color: var(--midgrey); - line-height: 1.3em; + margin: 0; + color: var(--midgrey); + line-height: 1.3em; } .post-full-footer-right { - flex-shrink: 0; - margin-left: 20px; + 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; + 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; + border-color: var(--blue); + color: var(--blue); + text-decoration: none; } - /* 7.3. Comments /* ---------------------------------------------------------- */ .post-full-comments { - margin: 0 auto; - max-width: 840px; + 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; + 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; + 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); + 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; + 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; + 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; + 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; + color: #fff; + font-weight: 300; + text-decoration: none; } .read-next-card-header-title a:hover { - text-decoration: none; + text-decoration: none; } .read-next-divider { - position: relative; - display: flex; - justify-content: center; - height: 80px; + 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; + 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; + 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; + 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; + 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; + 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; + padding-top: 10px; } .read-next-card-content li a:hover { - opacity: 1; + opacity: 1; } .read-next-card-footer { - position: relative; - margin: 15px 0 3px 0; - text-align: center; + position: relative; + margin: 15px 0 3px 0; + text-align: center; } .read-next-card-footer a { - color: #fff; + 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); + 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); + 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; + 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; + display: flex; + align-items: center; + color: var(--darkgrey); + line-height: 1.1em; + font-weight: 700; } .floating-header-logo a:hover { - text-decoration: none; + text-decoration: none; } .floating-header-logo img { - margin: 0 10px 0 0; - max-height: 20px; + margin: 0 10px 0 0; + max-height: 20px; } .floating-header-divider { - margin: 0 5px; - line-height: 1em; + 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; + 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; + 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; + display: flex; + justify-content: center; + align-items: center; } .floating-header-share svg { - width: auto; - height: 16px; - fill: #fff; + 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; + 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); + 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-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; + background: #33b1ff; } .floating-header-share-fb { - background: #005e99; + background: #005e99; } .progress { - position: absolute; - right: 0; - bottom: -1px; - left: 0; - width: 100%; - height: 2px; - border: none; - color: var(--blue); - background: transparent; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + width: 100%; + height: 2px; + border: none; + color: var(--blue); + background: transparent; - appearance: none; + appearance: none; } .progress::-webkit-progress-bar { - background-color: transparent; + background-color: transparent; } .progress::-webkit-progress-value { - background-color: var(--blue); + background-color: var(--blue); } .progress::-moz-progress-bar { - background-color: var(--blue); + background-color: var(--blue); } .progress-container { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background-color: transparent; + 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); + 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; - } - + .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; - } + .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; - } + .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; + 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; + 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; + 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; + height: 1.9rem; + stroke: #fff; } .site-header-content .bull { - display: inline-block; - margin: 0 12px; - opacity: 0.5; + display: inline-block; + margin: 0 12px; + opacity: 0.5; } .site-header-content .social-link:first-of-type { - padding-left: 4px; + 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; - } + .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; + padding: 7vw 4vw; } .site-nav-center { - display: flex; - justify-content: center; - align-items: center; - text-align: center; + display: flex; + justify-content: center; + align-items: center; + text-align: center; } .site-nav-center .site-nav-logo { - margin-right: 0; + margin-right: 0; } .error-message { - text-align: center; + text-align: center; } .error-code { - margin: 0; - font-size: 12vw; - line-height: 1em; - letter-spacing: -5px; - opacity: 0.3; + 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; + 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-description { + margin: 5px 0 0 0; + font-size: 1.8rem; + } } .error-link { - display: inline-block; - margin-top: 5px; + display: inline-block; + margin-top: 5px; } .error-template .post-feed { - padding-top: 0; + 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); + 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; + 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; + 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; + 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; + 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; + 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; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + max-width: 500px; } .subscribe-overlay .form-group { - flex-grow: 1; + 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; + 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; + -webkit-appearance: none; } .subscribe-email:focus { - outline: 0; - border-color: color(var(--lightgrey) l(-2%)); + 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( + 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); + ); + border-radius: 8px; + box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.14); - -webkit-font-smoothing: subpixel-antialiased; + -webkit-font-smoothing: subpixel-antialiased; } .subscribe-overlay button:active, .subscribe-overlay button:focus { - background: color(var(--blue) lightness(-9%) saturation(-10%)); + background: color(var(--blue) lightness(-9%) saturation(-10%)); } .subscribe-overlay-close { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; + 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); + 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); + 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; + cursor: default; } - /* 11. Site Footer /* ---------------------------------------------------------- */ .site-footer { - position: relative; - padding-top: 20px; - padding-bottom: 60px; - color: #fff; - background: color(black); + position: relative; + padding-top: 20px; + padding-bottom: 60px; + color: #fff; + background: color(black); } .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; + 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); + color: rgba(255, 255, 255, 0.7); } .site-footer-content a:hover { - color: rgba(255,255,255,1); - text-decoration: none; + color: rgba(255, 255, 255, 1); + text-decoration: none; } .site-footer-nav { - display: flex; + display: flex; } .site-footer-nav a { - position: relative; - margin-left: 20px; + 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%; + 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; + display: none; } @media (max-width: 650px) { - .site-footer-content { - flex-direction: column; - } - .site-footer-nav a:first-child { - margin-left: 0; - } + .site-footer-content { + flex-direction: column; + } + .site-footer-nav a:first-child { + margin-left: 0; + } } From 43a9bfebcc9ac2786d74cb1df01a31f4427ab4bd Mon Sep 17 00:00:00 2001 From: lumunge Date: Mon, 21 Feb 2022 16:56:45 +0300 Subject: [PATCH 02/35] sidebar markup and javascript --- assets/js/left-sidebar.js | 11 ++++++ partials/left-side-bar.hbs | 7 ++++ partials/right-side-bar.hbs | 77 +++++++++++++++++++++++++++++++++++++ 3 files changed, 95 insertions(+) create mode 100644 assets/js/left-sidebar.js create mode 100644 partials/left-side-bar.hbs create mode 100644 partials/right-side-bar.hbs diff --git a/assets/js/left-sidebar.js b/assets/js/left-sidebar.js new file mode 100644 index 0000000..3aea608 --- /dev/null +++ b/assets/js/left-sidebar.js @@ -0,0 +1,11 @@ +var leftSideBar = document.querySelector(".left-side-bar-inner"); + +const changePosition = () => { + this.scrollY > 400 + ? leftSideBar.setAttribute("class", "left-side-bar-inner-scroll") + : leftSideBar.setAttribute("class", "left-side-bar-inner"); +}; + +window.addEventListener("scroll", changePosition, false); + +console.log(document.height); diff --git a/partials/left-side-bar.hbs b/partials/left-side-bar.hbs new file mode 100644 index 0000000..6e524ae --- /dev/null +++ b/partials/left-side-bar.hbs @@ -0,0 +1,7 @@ + \ No newline at end of file diff --git a/partials/right-side-bar.hbs b/partials/right-side-bar.hbs new file mode 100644 index 0000000..9c12afa --- /dev/null +++ b/partials/right-side-bar.hbs @@ -0,0 +1,77 @@ + \ No newline at end of file From 377477b8258fa97a2a0ff3b48401c271d481d171 Mon Sep 17 00:00:00 2001 From: lumunge Date: Mon, 21 Feb 2022 16:58:22 +0300 Subject: [PATCH 03/35] single post --- post.hbs | 35 +++++++++++++++++++++++++++-------- 1 file changed, 27 insertions(+), 8 deletions(-) diff --git a/post.hbs b/post.hbs index 30f64f1..442122e 100644 --- a/post.hbs +++ b/post.hbs @@ -43,6 +43,15 @@ into the {body} of the default.hbs template --}} {{#post}}
+
+ {{!-- LEFT SIDE BAR --}} + {{#if tags}} + + {{/if}} + + {{!-- INNER CONTENT --}}
@@ -108,7 +117,6 @@ into the {body} of the default.hbs template --}} {{!-- taglist : display the list of tags --}}

-
@@ -139,20 +147,30 @@ into the {body} of the default.hbs template --}} +
{{content}}
+ + +
+
+ {{!-- RIGHT SIDE BAR --}} +
+ {{> "right-side-bar"}} +
+

{{!-- Email subscribe form at the bottom of the page --}} {{#if @labs.subscribers}} @@ -161,7 +179,7 @@ into the {body} of the default.hbs template --}}
{{!-- Everything inside the #author tags pulls data from the author --}}
- {{#author}} + {{#primary_author}}
{{#if profile_image}} @@ -187,7 +205,7 @@ into the {body} of the default.hbs template --}} - {{/author}} + {{/primary_author}}
{{!-- Displaying secondary authors --}} @@ -231,6 +249,8 @@ into the {body} of the default.hbs template --}}
+ + + style="background-image: url({{../primary_tag.feature_image}})" {{else}} {{#if @site.cover_image}} + style="background-image: url({{@site.cover_image}})" {{/if}} {{/if}}>
- — {{@blog.title}} — + — {{@site.title}} — {{#../primary_tag}}

{{name}}

{{/../primary_tag}} @@ -560,7 +580,6 @@ into the {body} of the default.hbs template --}} questions[c].children[i].style.display = "block"; } } - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/search-image.jpg b/assets/images/search-image.jpg new file mode 100644 index 0000000000000000000000000000000000000000..436503651bb7e7f79efdcf7bc279347fbc69eb83 GIT binary patch literal 34178 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¨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 literal 0 HcmV?d00001 diff --git a/assets/js/Courses/courses.js b/assets/js/Courses/courses.js new file mode 100644 index 0000000..84ebe9f --- /dev/null +++ b/assets/js/Courses/courses.js @@ -0,0 +1,53 @@ + +var courses = [ + { + "title": "graph", + "description": "graph algorithms", + "time": "12 days", + "level": "beginner", + "url" : "'https://www.google.com'" + }, + { + "title": "graph colouring", + "description": "graph colouring algorithms", + "time": "5 days", + "level": "advanced", + "url" : "'https://www.google.com'" + } + ]; + + +var title; +var description; +var time; +var level; +var url; +var course_container=document.getElementById('course_cntainer'); + +for(i=0 ;i

'+time+'

'+title+'

'+description+'

'+level+'

'; + course_container.innerHTML+=course_item; +} + +// search bar code +const searchBar = document.forms['search-courses'].querySelector('input'); +searchBar.addEventListener('keyup',function(e){ + const term = e.target.value.toLowerCase(); + const courses=document.getElementsByClassName('course_title'); + Array.from(courses).forEach(function(course){ + const title = course.textContent; + if(title.toLowerCase().indexOf(term)!=-1){ + course.parentElement.style.display='block'; + }else { + course.parentElement.style.display='none'; + } + }) +}) diff --git a/assets/js/chatbox.js b/assets/js/chatbox.js new file mode 100644 index 0000000..a365260 --- /dev/null +++ b/assets/js/chatbox.js @@ -0,0 +1,30 @@ + + + + // Discourse forum popup and the live support feature goes here +var discourse_msg_active=false; + + $(document).ready(function(){ + + $('#Discourse_button').click(function(){ + + if(discourse_msg_active==false){ + + $('#Discourse_Forum').slideDown(300); + discourse_msg_active=true; + + }else{ + $('#Discourse_Forum').slideUp(300); + + discourse_msg_active=false; + + } + + }); + // Controls for the close button for this popup + $('#Discourse_close').click(function(){ + $('#Discourse_Forum').slideUp(300); + discourse_msg_active=false; + + }); + }) diff --git a/assets/js/infinitescroll.js b/assets/js/infinitescroll.js new file mode 100644 index 0000000..005d189 --- /dev/null +++ b/assets/js/infinitescroll.js @@ -0,0 +1,83 @@ +// Code snippet inspired by https://github.com/douglasrodrigues5/ghost-blog-infinite-scroll +$(function ($) { + var currentPage = 1; + var pathname = window.location.pathname; + var $document = $(document); + var $result = $('.post-feed'); + var buffer = 100; + + var ticking = false; + var isLoading = false; + + var lastScrollY = window.scrollY; + var lastWindowHeight = window.innerHeight; + var lastDocumentHeight = $document.height(); + + // remove hash params from pathname + pathname = pathname.replace(/#(.*)$/g, '').replace('/\//g', '/'); + + function onScroll() { + lastScrollY = window.scrollY; + requestTick(); + } + + function onResize() { + lastWindowHeight = window.innerHeight; + lastDocumentHeight = $document.height(); + requestTick(); + } + + function requestTick() { + if (!ticking) { + requestAnimationFrame(infiniteScroll) + } + ticking = true; + } + + function infiniteScroll () { + // return if already loading + if (isLoading) { + return; + } + + // return if not scroll to the bottom + if (lastScrollY + lastWindowHeight <= lastDocumentHeight - buffer) { + ticking = false; + return; + } + + // return if currentPage is the last page already + if (currentPage === maxPages) { + return; + } + + isLoading = true; + + // next page + currentPage++; + + // Load more + var nextPage = pathname + 'page/' + currentPage + '/'; + + $.get(nextPage, function (content) { + $result.append($(content).find('.post').hide().fadeIn(100)); + + }).fail(function (xhr) { + // 404 indicates we've run out of pages + if (xhr.status === 404) { + window.removeEventListener('scroll', onScroll, {passive: true}); + window.removeEventListener('resize', onResize); + } + + }).always(function () { + lastDocumentHeight = $document.height(); + isLoading = false; + ticking = false; + }); + } + + window.addEventListener('scroll', onScroll, {passive: true}); + window.addEventListener('resize', onResize); + + infiniteScroll(); +}); diff --git a/assets/js/jquery.fitvids.js b/assets/js/jquery.fitvids.js new file mode 100644 index 0000000..edf1d7f --- /dev/null +++ b/assets/js/jquery.fitvids.js @@ -0,0 +1,89 @@ +/*jshint browser:true */ +/*! +* FitVids 1.3 +* +* +* Copyright 2017, Chris Coyier + Dave Rupert + Ghost Foundation +* This is an unofficial release, ported by John O'Nolan +* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ +* Released under the MIT license +* +*/ + +;(function( $ ){ + + 'use strict'; + + $.fn.fitVids = function( options ) { + var settings = { + customSelector: null, + ignore: null + }; + + if(!document.getElementById('fit-vids-style')) { + // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js + var head = document.head || document.getElementsByTagName('head')[0]; + var css = '.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; + var div = document.createElement("div"); + div.innerHTML = '

x

'; + head.appendChild(div.childNodes[1]); + } + + if ( options ) { + $.extend( settings, options ); + } + + return this.each(function(){ + var selectors = [ + 'iframe[src*="player.vimeo.com"]', + 'iframe[src*="youtube.com"]', + 'iframe[src*="youtube-nocookie.com"]', + 'iframe[src*="kickstarter.com"][src*="video.html"]', + 'object', + 'embed' + ]; + + if (settings.customSelector) { + selectors.push(settings.customSelector); + } + + var ignoreList = '.fitvidsignore'; + + if(settings.ignore) { + ignoreList = ignoreList + ', ' + settings.ignore; + } + + var $allVideos = $(this).find(selectors.join(',')); + $allVideos = $allVideos.not('object object'); // SwfObj conflict patch + $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. + + $allVideos.each(function(){ + var $this = $(this); + if($this.parents(ignoreList).length > 0) { + return; // Disable FitVids on this video. + } + if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } + if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) + { + $this.attr('height', 9); + $this.attr('width', 16); + } + var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), + width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), + aspectRatio = height / width; + if(!$this.attr('name')){ + var videoName = 'fitvid' + $.fn.fitVids._count; + $this.attr('name', videoName); + $.fn.fitVids._count++; + } + $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); + $this.removeAttr('height').removeAttr('width'); + }); + }); + }; + + // Internal counter for unique video names. + $.fn.fitVids._count = 0; + +// Works with either jQuery or Zepto +})( window.jQuery || window.Zepto ); diff --git a/assets/js/left-sidebar.js b/assets/js/left-sidebar.js new file mode 100644 index 0000000..3aea608 --- /dev/null +++ b/assets/js/left-sidebar.js @@ -0,0 +1,11 @@ +var leftSideBar = document.querySelector(".left-side-bar-inner"); + +const changePosition = () => { + this.scrollY > 400 + ? leftSideBar.setAttribute("class", "left-side-bar-inner-scroll") + : leftSideBar.setAttribute("class", "left-side-bar-inner"); +}; + +window.addEventListener("scroll", changePosition, false); + +console.log(document.height); diff --git a/assets/js/lightbox/lightbox.js b/assets/js/lightbox/lightbox.js new file mode 100644 index 0000000..d4d6c6a --- /dev/null +++ b/assets/js/lightbox/lightbox.js @@ -0,0 +1,489 @@ + + +// Uses Node, AMD or browser globals to create a module. +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + // Browser globals (root is window) + root.lightbox = factory(root.jQuery); + } +}(this, function ($) { + + function Lightbox(options) { + this.album = []; + this.currentImageIndex = void 0; + this.init(); + + // options + this.options = $.extend({}, this.constructor.defaults); + this.option(options); + } + + + Lightbox.defaults = { + albumLabel: 'Image %1 of %2', + alwaysShowNavOnTouchDevices: false, + fadeDuration: 600, + fitImagesInViewport: true, + imageFadeDuration: 600, + // maxWidth: 800, + // maxHeight: 600, + positionFromTop: 50, + resizeDuration: 700, + showImageNumberLabel: true, + wrapAround: false, + disableScrolling: false, + /* + Sanitize Title + If the caption data is trusted, for example you are hardcoding it in, then leave this to false. + This will free you to add html tags, such as links, in the caption. + + If the caption data is user submitted or from some other untrusted source, then set this to true + to prevent xss and other injection attacks. + */ + sanitizeTitle: false + }; + + Lightbox.prototype.option = function(options) { + $.extend(this.options, options); + }; + + Lightbox.prototype.imageCountLabel = function(currentImageNum, totalImages) { + return this.options.albumLabel.replace(/%1/g, currentImageNum).replace(/%2/g, totalImages); + }; + + Lightbox.prototype.init = function() { + var self = this; + // Both enable and build methods require the body tag to be in the DOM. + $(document).ready(function() { + self.enable(); + self.build(); + }); + }; + + // Loop through anchors and areamaps looking for either data-lightbox attributes or rel attributes + // that contain 'lightbox'. When these are clicked, start lightbox. + Lightbox.prototype.enable = function() { + var self = this; + $('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) { + self.start($(event.currentTarget)); + return false; + }); + }; + + // Build html for the lightbox and the overlay. + // Attach event handlers to the new DOM elements. click click click + Lightbox.prototype.build = function() { + if ($('#lightbox').length > 0) { + return; + } + + var self = this; + $('
').appendTo($('body')); + + // Cache jQuery objects + this.$lightbox = $('#lightbox'); + this.$overlay = $('#lightboxOverlay'); + this.$outerContainer = this.$lightbox.find('.lb-outerContainer'); + this.$container = this.$lightbox.find('.lb-container'); + this.$image = this.$lightbox.find('.lb-image'); + this.$nav = this.$lightbox.find('.lb-nav'); + + // Store css values for future lookup + this.containerPadding = { + top: parseInt(this.$container.css('padding-top'), 10), + right: parseInt(this.$container.css('padding-right'), 10), + bottom: parseInt(this.$container.css('padding-bottom'), 10), + left: parseInt(this.$container.css('padding-left'), 10) + }; + + this.imageBorderWidth = { + top: parseInt(this.$image.css('border-top-width'), 10), + right: parseInt(this.$image.css('border-right-width'), 10), + bottom: parseInt(this.$image.css('border-bottom-width'), 10), + left: parseInt(this.$image.css('border-left-width'), 10) + }; + + // Attach event handlers to the newly minted DOM elements + this.$overlay.hide().on('click', function() { + self.end(); + return false; + }); + + this.$lightbox.hide().on('click', function(event) { + if ($(event.target).attr('id') === 'lightbox') { + self.end(); + } + return false; + }); + + this.$outerContainer.on('click', function(event) { + if ($(event.target).attr('id') === 'lightbox') { + self.end(); + } + return false; + }); + + this.$lightbox.find('.lb-prev').on('click', function() { + if (self.currentImageIndex === 0) { + self.changeImage(self.album.length - 1); + } else { + self.changeImage(self.currentImageIndex - 1); + } + return false; + }); + + this.$lightbox.find('.lb-next').on('click', function() { + if (self.currentImageIndex === self.album.length - 1) { + self.changeImage(0); + } else { + self.changeImage(self.currentImageIndex + 1); + } + return false; + }); + + + this.$nav.on('mousedown', function(event) { + if (event.which === 3) { + self.$nav.css('pointer-events', 'none'); + + self.$lightbox.one('contextmenu', function() { + setTimeout(function() { + this.$nav.css('pointer-events', 'auto'); + }.bind(self), 0); + }); + } + }); + + + this.$lightbox.find('.lb-loader, .lb-close').on('click', function() { + self.end(); + return false; + }); + }; + + // Show overlay and lightbox. If the image is part of a set, add siblings to album array. + Lightbox.prototype.start = function($link) { + var self = this; + var $window = $(window); + + $window.on('resize', $.proxy(this.sizeOverlay, this)); + + $('select, object, embed').css({ + visibility: 'hidden' + }); + + this.sizeOverlay(); + + this.album = []; + var imageNumber = 0; + + function addToAlbum($link) { + self.album.push({ + alt: $link.attr('data-alt'), + link: $link.attr('href'), + title: $link.attr('data-title') || $link.attr('title') + }); + } + + // Support both data-lightbox attribute and rel attribute implementations + var dataLightboxValue = $link.attr('data-lightbox'); + var $links; + + if (dataLightboxValue) { + $links = $($link.prop('tagName') + '[data-lightbox="' + dataLightboxValue + '"]'); + for (var i = 0; i < $links.length; i = ++i) { + addToAlbum($($links[i])); + if ($links[i] === $link[0]) { + imageNumber = i; + } + } + } else { + if ($link.attr('rel') === 'lightbox') { + // If image is not part of a set + addToAlbum($link); + } else { + // If image is part of a set + $links = $($link.prop('tagName') + '[rel="' + $link.attr('rel') + '"]'); + for (var j = 0; j < $links.length; j = ++j) { + addToAlbum($($links[j])); + if ($links[j] === $link[0]) { + imageNumber = j; + } + } + } + } + + // Position Lightbox + var top = $window.scrollTop() + this.options.positionFromTop; + var left = $window.scrollLeft(); + this.$lightbox.css({ + top: top + 'px', + left: left + 'px' + }).fadeIn(this.options.fadeDuration); + + // Disable scrolling of the page while open + if (this.options.disableScrolling) { + $('html').addClass('lb-disable-scrolling'); + } + + this.changeImage(imageNumber); + }; + + // Hide most UI elements in preparation for the animated resizing of the lightbox. + Lightbox.prototype.changeImage = function(imageNumber) { + var self = this; + + this.disableKeyboardNav(); + var $image = this.$lightbox.find('.lb-image'); + + this.$overlay.fadeIn(this.options.fadeDuration); + + $('.lb-loader').fadeIn('slow'); + this.$lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide(); + + this.$outerContainer.addClass('animating'); + + // When image to show is preloaded, we send the width and height to sizeContainer() + var preloader = new Image(); + preloader.onload = function() { + var $preloader; + var imageHeight; + var imageWidth; + var maxImageHeight; + var maxImageWidth; + var windowHeight; + var windowWidth; + + $image.attr({ + 'alt': self.album[imageNumber].alt, + 'src': self.album[imageNumber].link + }); + + $preloader = $(preloader); + + $image.width(preloader.width); + $image.height(preloader.height); + + if (self.options.fitImagesInViewport) { + // Fit image inside the viewport. + // Take into account the border around the image and an additional 10px gutter on each side. + + windowWidth = $(window).width(); + windowHeight = $(window).height(); + maxImageWidth = windowWidth - self.containerPadding.left - self.containerPadding.right - self.imageBorderWidth.left - self.imageBorderWidth.right - 20; + maxImageHeight = windowHeight - self.containerPadding.top - self.containerPadding.bottom - self.imageBorderWidth.top - self.imageBorderWidth.bottom - 120; + + // Check if image size is larger then maxWidth|maxHeight in settings + if (self.options.maxWidth && self.options.maxWidth < maxImageWidth) { + maxImageWidth = self.options.maxWidth; + } + if (self.options.maxHeight && self.options.maxHeight < maxImageWidth) { + maxImageHeight = self.options.maxHeight; + } + + // Is the current image's width or height is greater than the maxImageWidth or maxImageHeight + // option than we need to size down while maintaining the aspect ratio. + if ((preloader.width > maxImageWidth) ) { + + imageWidth = maxImageWidth; + imageHeight = parseInt(preloader.height / (preloader.width / imageWidth), 10); + $image.width(imageWidth); + $image.height(imageHeight); + + } + } + self.sizeContainer($image.width(), $image.height()); + }; + + preloader.src = this.album[imageNumber].link; + this.currentImageIndex = imageNumber; + }; + + // Stretch overlay to fit the viewport + Lightbox.prototype.sizeOverlay = function() { + this.$overlay + .width($(document).width()) + .height($(document).height()); + }; + + // Animate the size of the lightbox to fit the image we are showing + Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) { + var self = this; + + var oldWidth = this.$outerContainer.outerWidth(); + var oldHeight = this.$outerContainer.outerHeight(); + var newWidth = imageWidth + this.containerPadding.left + this.containerPadding.right + this.imageBorderWidth.left + this.imageBorderWidth.right; + var newHeight = imageHeight + this.containerPadding.top + this.containerPadding.bottom + this.imageBorderWidth.top + this.imageBorderWidth.bottom; + + function postResize() { + self.$lightbox.find('.lb-dataContainer').width(newWidth); + self.$lightbox.find('.lb-prevLink').height(newHeight); + self.$lightbox.find('.lb-nextLink').height(newHeight); + self.showImage(); + } + + if (oldWidth !== newWidth || oldHeight !== newHeight) { + this.$outerContainer.animate({ + width: newWidth, + height: newHeight + }, this.options.resizeDuration, 'swing', function() { + postResize(); + }); + } else { + postResize(); + } + }; + + // Display the image and its details and begin preload neighboring images. + Lightbox.prototype.showImage = function() { + this.$lightbox.find('.lb-loader').stop(true).hide(); + this.$lightbox.find('.lb-image').fadeIn(this.options.imageFadeDuration); + + this.updateNav(); + this.updateDetails(); + this.preloadNeighboringImages(); + this.enableKeyboardNav(); + }; + + // Display previous and next navigation if appropriate. + Lightbox.prototype.updateNav = function() { + // Check to see if the browser supports touch events. If so, we take the conservative approach + // and assume that mouse hover events are not supported and always show prev/next navigation + // arrows in image sets. + var alwaysShowNav = false; + try { + document.createEvent('TouchEvent'); + alwaysShowNav = (this.options.alwaysShowNavOnTouchDevices) ? true : false; + } catch (e) {} + + this.$lightbox.find('.lb-nav').show(); + + if (this.album.length > 1) { + if (this.options.wrapAround) { + if (alwaysShowNav) { + this.$lightbox.find('.lb-prev, .lb-next').css('opacity', '1'); + } + this.$lightbox.find('.lb-prev, .lb-next').show(); + } else { + if (this.currentImageIndex > 0) { + this.$lightbox.find('.lb-prev').show(); + if (alwaysShowNav) { + this.$lightbox.find('.lb-prev').css('opacity', '1'); + } + } + if (this.currentImageIndex < this.album.length - 1) { + this.$lightbox.find('.lb-next').show(); + if (alwaysShowNav) { + this.$lightbox.find('.lb-next').css('opacity', '1'); + } + } + } + } + }; + + // Display caption, image number, and closing button. + Lightbox.prototype.updateDetails = function() { + var self = this; + + // Enable anchor clicks in the injected caption html. + + if (typeof this.album[this.currentImageIndex].title !== 'undefined' && + this.album[this.currentImageIndex].title !== '') { + var $caption = this.$lightbox.find('.lb-caption'); + if (this.options.sanitizeTitle) { + $caption.text(this.album[this.currentImageIndex].title); + } else { + $caption.html(this.album[this.currentImageIndex].title); + } + $caption.fadeIn('fast') + .find('a').on('click', function(event) { + if ($(this).attr('target') !== undefined) { + window.open($(this).attr('href'), $(this).attr('target')); + } else { + location.href = $(this).attr('href'); + } + }); + } + + if (this.album.length > 1 && this.options.showImageNumberLabel) { + var labelText = this.imageCountLabel(this.currentImageIndex + 1, this.album.length); + this.$lightbox.find('.lb-number').text(labelText).fadeIn('fast'); + } else { + this.$lightbox.find('.lb-number').hide(); + } + + this.$outerContainer.removeClass('animating'); + + this.$lightbox.find('.lb-dataContainer').fadeIn(this.options.resizeDuration, function() { + return self.sizeOverlay(); + }); + }; + + // Preload previous and next images in set. + Lightbox.prototype.preloadNeighboringImages = function() { + if (this.album.length > this.currentImageIndex + 1) { + var preloadNext = new Image(); + preloadNext.src = this.album[this.currentImageIndex + 1].link; + } + if (this.currentImageIndex > 0) { + var preloadPrev = new Image(); + preloadPrev.src = this.album[this.currentImageIndex - 1].link; + } + }; + + Lightbox.prototype.enableKeyboardNav = function() { + $(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this)); + }; + + Lightbox.prototype.disableKeyboardNav = function() { + $(document).off('.keyboard'); + }; + + Lightbox.prototype.keyboardAction = function(event) { + var KEYCODE_ESC = 27; + var KEYCODE_LEFTARROW = 37; + var KEYCODE_RIGHTARROW = 39; + + var keycode = event.keyCode; + var key = String.fromCharCode(keycode).toLowerCase(); + if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) { + this.end(); + } else if (key === 'p' || keycode === KEYCODE_LEFTARROW) { + if (this.currentImageIndex !== 0) { + this.changeImage(this.currentImageIndex - 1); + } else if (this.options.wrapAround && this.album.length > 1) { + this.changeImage(this.album.length - 1); + } + } else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) { + if (this.currentImageIndex !== this.album.length - 1) { + this.changeImage(this.currentImageIndex + 1); + } else if (this.options.wrapAround && this.album.length > 1) { + this.changeImage(0); + } + } + }; + + // Closing time. :-( + Lightbox.prototype.end = function() { + this.disableKeyboardNav(); + $(window).off('resize', this.sizeOverlay); + this.$lightbox.fadeOut(this.options.fadeDuration); + this.$overlay.fadeOut(this.options.fadeDuration); + $('select, object, embed').css({ + visibility: 'visible' + }); + if (this.options.disableScrolling) { + $('html').removeClass('lb-disable-scrolling'); + } + }; + + return new Lightbox(); +})); diff --git a/assets/js/map/data/search-map.js b/assets/js/map/data/search-map.js new file mode 100644 index 0000000..5578c8d --- /dev/null +++ b/assets/js/map/data/search-map.js @@ -0,0 +1,145 @@ +const map = { + "nodes":[ + { + "text":"Search algorithms", + "url":"http://github.com/opengenus", + "category":"wiki", + "selector":"https://github.com", + "fx":-26.54482654584558, + "fy":-276.5486286463314 + }, + { + "text":"binary search", + "selector":"", + "url":"", + "fx":-442.05492872462196, + "fy":-479.64907166675795 + }, + { + "text":"exponential search", + "selector":"", + "url":"", + "fx":-331.7084090172766, + "fy":-28.781401207523203 + }, + { + "text":"fibonacci search", + "selector":"", + "url":"", + "fx":-6.009030681073291, + "fy":-69.36991080636218 + }, + { + "text":"fuzzy search", + "selector":"", + "url":"", + "fx":366.3712396634651, + "fy":-474.44894485229764 + }, + { + "text":"interpolation search", + "selector":"", + "url":"", + "fx":319.531682218641, + "fy":-58.63586635094762 + }, + { + "text":"jump search", + "selector":"", + "url":"", + "fx":-456.54482347549197, + "fy":-218.46618457601136 + }, + { + "text":"linear search", + "selector":"", + "url":"", + "fx":421.9031511460596, + "fy":-245.45003383110492 + }, + { + "text":"ternary search", + "selector":"", + "url":"", + "fx":-6.018578988319206, + "fy":-483.2794440423308 + } + ], + "subnodes":[ + + ], + "connections":[ + { + "source":"binary search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":0 + }, + { + "source":"exponential search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":1 + }, + { + "source":"fibonacci search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":2 + }, + { + "source":"fuzzy search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":3 + }, + { + "source":"interpolation search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":4 + }, + { + "source":"jump search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":5 + }, + { + "source":"linear search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":6 + }, + { + "source":"ternary search", + "target":"Search algorithms", + "curve":{ + "x":null, + "y":null + }, + "index":7 + } + ] +} \ No newline at end of file diff --git a/assets/js/map/react-mindmap.js b/assets/js/map/react-mindmap.js new file mode 100644 index 0000000..4e8d7d9 --- /dev/null +++ b/assets/js/map/react-mindmap.js @@ -0,0 +1,4988 @@ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("react")); + else if(typeof define === 'function' && define.amd) + define(["react"], factory); + else if(typeof exports === 'object') + exports["MindMap"] = factory(require("react")); + else + root["MindMap"] = factory(root["React"]); +})(this, function(__WEBPACK_EXTERNAL_MODULE_10__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { +/******/ configurable: false, +/******/ enumerable: true, +/******/ get: getter +/******/ }); +/******/ } +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 8); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +// shim for using process in browser +var process = module.exports = {}; + +// cached from whatever global is present so that test runners that stub it +// don't break things. But we need to wrap it in a try catch in case it is +// wrapped in strict mode code which doesn't define any globals. It's inside a +// function because try/catches deoptimize in certain engines. + +var cachedSetTimeout; +var cachedClearTimeout; + +function defaultSetTimout() { + throw new Error('setTimeout has not been defined'); +} +function defaultClearTimeout() { + throw new Error('clearTimeout has not been defined'); +} +(function () { + try { + if (typeof setTimeout === 'function') { + cachedSetTimeout = setTimeout; + } else { + cachedSetTimeout = defaultSetTimout; + } + } catch (e) { + cachedSetTimeout = defaultSetTimout; + } + try { + if (typeof clearTimeout === 'function') { + cachedClearTimeout = clearTimeout; + } else { + cachedClearTimeout = defaultClearTimeout; + } + } catch (e) { + cachedClearTimeout = defaultClearTimeout; + } +})(); +function runTimeout(fun) { + if (cachedSetTimeout === setTimeout) { + //normal enviroments in sane situations + return setTimeout(fun, 0); + } + // if setTimeout wasn't available but was latter defined + if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { + cachedSetTimeout = setTimeout; + return setTimeout(fun, 0); + } + try { + // when when somebody has screwed with setTimeout but no I.E. maddness + return cachedSetTimeout(fun, 0); + } catch (e) { + try { + // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally + return cachedSetTimeout.call(null, fun, 0); + } catch (e) { + // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error + return cachedSetTimeout.call(this, fun, 0); + } + } +} +function runClearTimeout(marker) { + if (cachedClearTimeout === clearTimeout) { + //normal enviroments in sane situations + return clearTimeout(marker); + } + // if clearTimeout wasn't available but was latter defined + if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { + cachedClearTimeout = clearTimeout; + return clearTimeout(marker); + } + try { + // when when somebody has screwed with setTimeout but no I.E. maddness + return cachedClearTimeout(marker); + } catch (e) { + try { + // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally + return cachedClearTimeout.call(null, marker); + } catch (e) { + // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. + // Some versions of I.E. have different rules for clearTimeout vs setTimeout + return cachedClearTimeout.call(this, marker); + } + } +} +var queue = []; +var draining = false; +var currentQueue; +var queueIndex = -1; + +function cleanUpNextTick() { + if (!draining || !currentQueue) { + return; + } + draining = false; + if (currentQueue.length) { + queue = currentQueue.concat(queue); + } else { + queueIndex = -1; + } + if (queue.length) { + drainQueue(); + } +} + +function drainQueue() { + if (draining) { + return; + } + var timeout = runTimeout(cleanUpNextTick); + draining = true; + + var len = queue.length; + while (len) { + currentQueue = queue; + queue = []; + while (++queueIndex < len) { + if (currentQueue) { + currentQueue[queueIndex].run(); + } + } + queueIndex = -1; + len = queue.length; + } + currentQueue = null; + draining = false; + runClearTimeout(timeout); +} + +process.nextTick = function (fun) { + var args = new Array(arguments.length - 1); + if (arguments.length > 1) { + for (var i = 1; i < arguments.length; i++) { + args[i - 1] = arguments[i]; + } + } + queue.push(new Item(fun, args)); + if (queue.length === 1 && !draining) { + runTimeout(drainQueue); + } +}; + +// v8 likes predictible objects +function Item(fun, array) { + this.fun = fun; + this.array = array; +} +Item.prototype.run = function () { + this.fun.apply(null, this.array); +}; +process.title = 'browser'; +process.browser = true; +process.env = {}; +process.argv = []; +process.version = ''; // empty string to avoid regexp issues +process.versions = {}; + +function noop() {} + +process.on = noop; +process.addListener = noop; +process.once = noop; +process.off = noop; +process.removeListener = noop; +process.removeAllListeners = noop; +process.emit = noop; +process.prependListener = noop; +process.prependOnceListener = noop; + +process.listeners = function (name) { + return []; +}; + +process.binding = function (name) { + throw new Error('process.binding is not supported'); +}; + +process.cwd = function () { + return '/'; +}; +process.chdir = function (dir) { + throw new Error('process.chdir is not supported'); +}; +process.umask = function () { + return 0; +}; + +/***/ }), +/* 1 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * + * + */ + +function makeEmptyFunction(arg) { + return function () { + return arg; + }; +} + +/** + * This function accepts and discards inputs; it has no side effects. This is + * primarily useful idiomatically for overridable function endpoints which + * always need to be callable, since JS lacks a null-call idiom ala Cocoa. + */ +var emptyFunction = function emptyFunction() {}; + +emptyFunction.thatReturns = makeEmptyFunction; +emptyFunction.thatReturnsFalse = makeEmptyFunction(false); +emptyFunction.thatReturnsTrue = makeEmptyFunction(true); +emptyFunction.thatReturnsNull = makeEmptyFunction(null); +emptyFunction.thatReturnsThis = function () { + return this; +}; +emptyFunction.thatReturnsArgument = function (arg) { + return arg; +}; + +module.exports = emptyFunction; + +/***/ }), +/* 2 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) {/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * + */ + + + +/** + * Use invariant() to assert state which your program assumes to be true. + * + * Provide sprintf-style format (only %s is supported) and arguments + * to provide information about what broke and what you were + * expecting. + * + * The invariant message will be stripped in production, but the invariant + * will remain to ensure logic does not differ in production. + */ + +var validateFormat = function validateFormat(format) {}; + +if (process.env.NODE_ENV !== 'production') { + validateFormat = function validateFormat(format) { + if (format === undefined) { + throw new Error('invariant requires an error message argument'); + } + }; +} + +function invariant(condition, format, a, b, c, d, e, f) { + validateFormat(format); + + if (!condition) { + var error; + if (format === undefined) { + error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.'); + } else { + var args = [a, b, c, d, e, f]; + var argIndex = 0; + error = new Error(format.replace(/%s/g, function () { + return args[argIndex++]; + })); + error.name = 'Invariant Violation'; + } + + error.framesToPop = 1; // we don't care about invariant's own frame + throw error; + } +} + +module.exports = invariant; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0))) + +/***/ }), +/* 3 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + + + +var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; + +module.exports = ReactPropTypesSecret; + +/***/ }), +/* 4 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) {/** + * Copyright (c) 2014-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * + */ + + + +var emptyFunction = __webpack_require__(1); + +/** + * Similar to invariant but only logs a warning if the condition is not met. + * This can be used to log issues in development environments in critical + * paths. Removing the logging code for production environments will keep the + * same logic and follow the same code paths. + */ + +var warning = emptyFunction; + +if (process.env.NODE_ENV !== 'production') { + var printWarning = function printWarning(format) { + for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + var argIndex = 0; + var message = 'Warning: ' + format.replace(/%s/g, function () { + return args[argIndex++]; + }); + if (typeof console !== 'undefined') { + console.error(message); + } + try { + // --- Welcome to debugging React --- + // This error was thrown as a convenience so that you can use this stack + // to find the callsite that caused this warning to fire. + throw new Error(message); + } catch (x) {} + }; + + warning = function warning(condition, format) { + if (format === undefined) { + throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument'); + } + + if (format.indexOf('Failed Composite propType: ') === 0) { + return; // Ignore CompositeComponent proptype check. + } + + if (!condition) { + for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) { + args[_key2 - 2] = arguments[_key2]; + } + + printWarning.apply(undefined, [format].concat(args)); + } + }; +} + +module.exports = warning; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0))) + +/***/ }), +/* 5 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +!function (t, n) { + "object" == ( false ? "undefined" : _typeof(exports)) && "undefined" != typeof module ? n(exports) : true ? !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (n), + __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? + (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), + __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) : n(t.d3 = {}); +}(undefined, function (t) { + "use strict"; + function n() { + for (var t, n = 0, r = arguments.length, i = {}; n < r; ++n) { + if (!(t = arguments[n] + "") || t in i) throw new Error("illegal type: " + t);i[t] = []; + }return new e(i); + }function e(t) { + this._ = t; + }function r(t, n) { + return t.trim().split(/^|\s+/).map(function (t) { + var e = "", + r = t.indexOf(".");if (r >= 0 && (e = t.slice(r + 1), t = t.slice(0, r)), t && !n.hasOwnProperty(t)) throw new Error("unknown type: " + t);return { type: t, name: e }; + }); + }function i(t, n) { + for (var e, r = 0, i = t.length; r < i; ++r) { + if ((e = t[r]).name === n) return e.value; + } + }function o(t, n, e) { + for (var r = 0, i = t.length; r < i; ++r) { + if (t[r].name === n) { + t[r] = gr, t = t.slice(0, r).concat(t.slice(r + 1));break; + } + }return null != e && t.push({ name: n, value: e }), t; + }function a(t) { + return function () { + var n = this.ownerDocument, + e = this.namespaceURI;return e === br && n.documentElement.namespaceURI === br ? n.createElement(t) : n.createElementNS(e, t); + }; + }function u(t) { + return function () { + return this.ownerDocument.createElementNS(t.space, t.local); + }; + }function c(t, n, e) { + return t = f(t, n, e), function (n) { + var e = n.relatedTarget;e && (e === this || 8 & e.compareDocumentPosition(this)) || t.call(this, n); + }; + }function f(n, e, r) { + return function (i) { + var o = t.event;t.event = i;try { + n.call(this, this.__data__, e, r); + } finally { + t.event = o; + } + }; + }function s(t) { + return t.trim().split(/^|\s+/).map(function (t) { + var n = "", + e = t.indexOf(".");return e >= 0 && (n = t.slice(e + 1), t = t.slice(0, e)), { type: t, name: n }; + }); + }function h(t) { + return function () { + var n = this.__on;if (n) { + for (var e, r = 0, i = -1, o = n.length; r < o; ++r) { + e = n[r], t.type && e.type !== t.type || e.name !== t.name ? n[++i] = e : this.removeEventListener(e.type, e.listener, e.capture); + }++i ? n.length = i : delete this.__on; + } + }; + }function l(t, n, e) { + var r = kr.hasOwnProperty(t.type) ? c : f;return function (i, o, a) { + var u, + c = this.__on, + f = r(n, o, a);if (c) for (var s = 0, h = c.length; s < h; ++s) { + if ((u = c[s]).type === t.type && u.name === t.name) return this.removeEventListener(u.type, u.listener, u.capture), this.addEventListener(u.type, u.listener = f, u.capture = e), void (u.value = n); + }this.addEventListener(t.type, f, e), u = { type: t.type, name: t.name, value: n, listener: f, capture: e }, c ? c.push(u) : this.__on = [u]; + }; + }function d(n, e, r, i) { + var o = t.event;n.sourceEvent = t.event, t.event = n;try { + return e.apply(r, i); + } finally { + t.event = o; + } + }function p() {}function v() { + return []; + }function y(t, n) { + this.ownerDocument = t.ownerDocument, this.namespaceURI = t.namespaceURI, this._next = null, this._parent = t, this.__data__ = n; + }function g(t, n, e, r, i, o) { + for (var a, u = 0, c = n.length, f = o.length; u < f; ++u) { + (a = n[u]) ? (a.__data__ = o[u], r[u] = a) : e[u] = new y(t, o[u]); + }for (; u < c; ++u) { + (a = n[u]) && (i[u] = a); + } + }function b(t, n, e, r, i, o, a) { + var u, + c, + f, + s = {}, + h = n.length, + l = o.length, + d = new Array(h);for (u = 0; u < h; ++u) { + (c = n[u]) && (d[u] = f = Yr + a.call(c, c.__data__, u, n), f in s ? i[u] = c : s[f] = c); + }for (u = 0; u < l; ++u) { + (c = s[f = Yr + a.call(t, o[u], u, o)]) ? (r[u] = c, c.__data__ = o[u], s[f] = null) : e[u] = new y(t, o[u]); + }for (u = 0; u < h; ++u) { + (c = n[u]) && s[d[u]] === c && (i[u] = c); + } + }function m(t, n) { + return t < n ? -1 : t > n ? 1 : t >= n ? 0 : NaN; + }function _(t) { + return function () { + this.removeAttribute(t); + }; + }function w(t) { + return function () { + this.removeAttributeNS(t.space, t.local); + }; + }function x(t, n) { + return function () { + this.setAttribute(t, n); + }; + }function M(t, n) { + return function () { + this.setAttributeNS(t.space, t.local, n); + }; + }function T(t, n) { + return function () { + var e = n.apply(this, arguments);null == e ? this.removeAttribute(t) : this.setAttribute(t, e); + }; + }function A(t, n) { + return function () { + var e = n.apply(this, arguments);null == e ? this.removeAttributeNS(t.space, t.local) : this.setAttributeNS(t.space, t.local, e); + }; + }function k(t) { + return function () { + this.style.removeProperty(t); + }; + }function N(t, n, e) { + return function () { + this.style.setProperty(t, n, e); + }; + }function C(t, n, e) { + return function () { + var r = n.apply(this, arguments);null == r ? this.style.removeProperty(t) : this.style.setProperty(t, r, e); + }; + }function S(t, n) { + return t.style.getPropertyValue(n) || Fr(t).getComputedStyle(t, null).getPropertyValue(n); + }function z(t) { + return function () { + delete this[t]; + }; + }function U(t, n) { + return function () { + this[t] = n; + }; + }function D(t, n) { + return function () { + var e = n.apply(this, arguments);null == e ? delete this[t] : this[t] = e; + }; + }function E(t) { + return t.trim().split(/^|\s+/); + }function Y(t) { + return t.classList || new F(t); + }function F(t) { + this._node = t, this._names = E(t.getAttribute("class") || ""); + }function q(t, n) { + for (var e = Y(t), r = -1, i = n.length; ++r < i;) { + e.add(n[r]); + } + }function P(t, n) { + for (var e = Y(t), r = -1, i = n.length; ++r < i;) { + e.remove(n[r]); + } + }function H(t) { + return function () { + q(this, t); + }; + }function X(t) { + return function () { + P(this, t); + }; + }function j(t, n) { + return function () { + (n.apply(this, arguments) ? q : P)(this, t); + }; + }function L() { + this.textContent = ""; + }function O(t) { + return function () { + this.textContent = t; + }; + }function I(t) { + return function () { + var n = t.apply(this, arguments);this.textContent = null == n ? "" : n; + }; + }function $() { + this.innerHTML = ""; + }function R(t) { + return function () { + this.innerHTML = t; + }; + }function V(t) { + return function () { + var n = t.apply(this, arguments);this.innerHTML = null == n ? "" : n; + }; + }function B() { + this.nextSibling && this.parentNode.appendChild(this); + }function Z() { + this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild); + }function W() { + return null; + }function J() { + var t = this.parentNode;t && t.removeChild(this); + }function G(t, n, e) { + var r = Fr(t), + i = r.CustomEvent;"function" == typeof i ? i = new i(n, e) : (i = r.document.createEvent("Event"), e ? (i.initEvent(n, e.bubbles, e.cancelable), i.detail = e.detail) : i.initEvent(n, !1, !1)), t.dispatchEvent(i); + }function K(t, n) { + return function () { + return G(this, t, n); + }; + }function Q(t, n) { + return function () { + return G(this, t, n.apply(this, arguments)); + }; + }function tt(t, n) { + this._groups = t, this._parents = n; + }function nt() { + return new tt([[document.documentElement]], qr); + }function et() { + t.event.stopImmediatePropagation(); + }function rt(t, n) { + var e = t.document.documentElement, + r = Pr(t).on("dragstart.drag", null);n && (r.on("click.drag", Xr, !0), setTimeout(function () { + r.on("click.drag", null); + }, 0)), "onselectstart" in e ? r.on("selectstart.drag", null) : (e.style.MozUserSelect = e.__noselect, delete e.__noselect); + }function it(t, n, e, r, i, o, a, u, c, f) { + this.target = t, this.type = n, this.subject = e, this.identifier = r, this.active = i, this.x = o, this.y = a, this.dx = u, this.dy = c, this._ = f; + }function ot() { + return !t.event.button; + }function at() { + return this.parentNode; + }function ut(n) { + return null == n ? { x: t.event.x, y: t.event.y } : n; + }function ct() { + return "ontouchstart" in this; + }function ft(t, n) { + var e = Object.create(t.prototype);for (var r in n) { + e[r] = n[r]; + }return e; + }function st() {}function ht(t) { + var n;return t = (t + "").trim().toLowerCase(), (n = Vr.exec(t)) ? (n = parseInt(n[1], 16), new yt(n >> 8 & 15 | n >> 4 & 240, n >> 4 & 15 | 240 & n, (15 & n) << 4 | 15 & n, 1)) : (n = Br.exec(t)) ? lt(parseInt(n[1], 16)) : (n = Zr.exec(t)) ? new yt(n[1], n[2], n[3], 1) : (n = Wr.exec(t)) ? new yt(255 * n[1] / 100, 255 * n[2] / 100, 255 * n[3] / 100, 1) : (n = Jr.exec(t)) ? dt(n[1], n[2], n[3], n[4]) : (n = Gr.exec(t)) ? dt(255 * n[1] / 100, 255 * n[2] / 100, 255 * n[3] / 100, n[4]) : (n = Kr.exec(t)) ? gt(n[1], n[2] / 100, n[3] / 100, 1) : (n = Qr.exec(t)) ? gt(n[1], n[2] / 100, n[3] / 100, n[4]) : ti.hasOwnProperty(t) ? lt(ti[t]) : "transparent" === t ? new yt(NaN, NaN, NaN, 0) : null; + }function lt(t) { + return new yt(t >> 16 & 255, t >> 8 & 255, 255 & t, 1); + }function dt(t, n, e, r) { + return r <= 0 && (t = n = e = NaN), new yt(t, n, e, r); + }function pt(t) { + return t instanceof st || (t = ht(t)), t ? (t = t.rgb(), new yt(t.r, t.g, t.b, t.opacity)) : new yt(); + }function vt(t, n, e, r) { + return 1 === arguments.length ? pt(t) : new yt(t, n, e, null == r ? 1 : r); + }function yt(t, n, e, r) { + this.r = +t, this.g = +n, this.b = +e, this.opacity = +r; + }function gt(t, n, e, r) { + return r <= 0 ? t = n = e = NaN : e <= 0 || e >= 1 ? t = n = NaN : n <= 0 && (t = NaN), new mt(t, n, e, r); + }function bt(t) { + if (t instanceof mt) return new mt(t.h, t.s, t.l, t.opacity);if (t instanceof st || (t = ht(t)), !t) return new mt();if (t instanceof mt) return t;var n = (t = t.rgb()).r / 255, + e = t.g / 255, + r = t.b / 255, + i = Math.min(n, e, r), + o = Math.max(n, e, r), + a = NaN, + u = o - i, + c = (o + i) / 2;return u ? (a = n === o ? (e - r) / u + 6 * (e < r) : e === o ? (r - n) / u + 2 : (n - e) / u + 4, u /= c < .5 ? o + i : 2 - o - i, a *= 60) : u = c > 0 && c < 1 ? 0 : a, new mt(a, u, c, t.opacity); + }function mt(t, n, e, r) { + this.h = +t, this.s = +n, this.l = +e, this.opacity = +r; + }function _t(t, n, e) { + return 255 * (t < 60 ? n + (e - n) * t / 60 : t < 180 ? e : t < 240 ? n + (e - n) * (240 - t) / 60 : n); + }function wt(t) { + if (t instanceof xt) return new xt(t.l, t.a, t.b, t.opacity);if (t instanceof Ct) { + var n = t.h * ni;return new xt(t.l, Math.cos(n) * t.c, Math.sin(n) * t.c, t.opacity); + }t instanceof yt || (t = pt(t));var e = kt(t.r), + r = kt(t.g), + i = kt(t.b), + o = Mt((.4124564 * e + .3575761 * r + .1804375 * i) / ri), + a = Mt((.2126729 * e + .7151522 * r + .072175 * i) / ii);return new xt(116 * a - 16, 500 * (o - a), 200 * (a - Mt((.0193339 * e + .119192 * r + .9503041 * i) / oi)), t.opacity); + }function xt(t, n, e, r) { + this.l = +t, this.a = +n, this.b = +e, this.opacity = +r; + }function Mt(t) { + return t > fi ? Math.pow(t, 1 / 3) : t / ci + ai; + }function Tt(t) { + return t > ui ? t * t * t : ci * (t - ai); + }function At(t) { + return 255 * (t <= .0031308 ? 12.92 * t : 1.055 * Math.pow(t, 1 / 2.4) - .055); + }function kt(t) { + return (t /= 255) <= .04045 ? t / 12.92 : Math.pow((t + .055) / 1.055, 2.4); + }function Nt(t) { + if (t instanceof Ct) return new Ct(t.h, t.c, t.l, t.opacity);t instanceof xt || (t = wt(t));var n = Math.atan2(t.b, t.a) * ei;return new Ct(n < 0 ? n + 360 : n, Math.sqrt(t.a * t.a + t.b * t.b), t.l, t.opacity); + }function Ct(t, n, e, r) { + this.h = +t, this.c = +n, this.l = +e, this.opacity = +r; + }function St(t) { + if (t instanceof Ut) return new Ut(t.h, t.s, t.l, t.opacity);t instanceof yt || (t = pt(t));var n = t.r / 255, + e = t.g / 255, + r = t.b / 255, + i = (gi * r + vi * n - yi * e) / (gi + vi - yi), + o = r - i, + a = (pi * (e - i) - li * o) / di, + u = Math.sqrt(a * a + o * o) / (pi * i * (1 - i)), + c = u ? Math.atan2(a, o) * ei - 120 : NaN;return new Ut(c < 0 ? c + 360 : c, u, i, t.opacity); + }function zt(t, n, e, r) { + return 1 === arguments.length ? St(t) : new Ut(t, n, e, null == r ? 1 : r); + }function Ut(t, n, e, r) { + this.h = +t, this.s = +n, this.l = +e, this.opacity = +r; + }function Dt(t, n) { + return function (e) { + return t + e * n; + }; + }function Et(t, n, e) { + return t = Math.pow(t, e), n = Math.pow(n, e) - t, e = 1 / e, function (r) { + return Math.pow(t + r * n, e); + }; + }function Yt(t) { + return 1 == (t = +t) ? Ft : function (n, e) { + return e - n ? Et(n, e, t) : xi(isNaN(n) ? e : n); + }; + }function Ft(t, n) { + var e = n - t;return e ? Dt(t, e) : xi(isNaN(t) ? n : t); + }function qt(t) { + return function () { + return t; + }; + }function Pt(t) { + return function (n) { + return t(n) + ""; + }; + }function Ht(t, n, e, r) { + function i(t) { + return t.length ? t.pop() + " " : ""; + }function o(t, r, i, o, a, u) { + if (t !== i || r !== o) { + var c = a.push("translate(", null, n, null, e);u.push({ i: c - 4, x: Ti(t, i) }, { i: c - 2, x: Ti(r, o) }); + } else (i || o) && a.push("translate(" + i + n + o + e); + }function a(t, n, e, o) { + t !== n ? (t - n > 180 ? n += 360 : n - t > 180 && (t += 360), o.push({ i: e.push(i(e) + "rotate(", null, r) - 2, x: Ti(t, n) })) : n && e.push(i(e) + "rotate(" + n + r); + }function u(t, n, e, o) { + t !== n ? o.push({ i: e.push(i(e) + "skewX(", null, r) - 2, x: Ti(t, n) }) : n && e.push(i(e) + "skewX(" + n + r); + }function c(t, n, e, r, o, a) { + if (t !== e || n !== r) { + var u = o.push(i(o) + "scale(", null, ",", null, ")");a.push({ i: u - 4, x: Ti(t, e) }, { i: u - 2, x: Ti(n, r) }); + } else 1 === e && 1 === r || o.push(i(o) + "scale(" + e + "," + r + ")"); + }return function (n, e) { + var r = [], + i = [];return n = t(n), e = t(e), o(n.translateX, n.translateY, e.translateX, e.translateY, r, i), a(n.rotate, e.rotate, r, i), u(n.skewX, e.skewX, r, i), c(n.scaleX, n.scaleY, e.scaleX, e.scaleY, r, i), n = e = null, function (t) { + for (var n, e = -1, o = i.length; ++e < o;) { + r[(n = i[e]).i] = n.x(t); + }return r.join(""); + }; + }; + }function Xt(t) { + return ((t = Math.exp(t)) + 1 / t) / 2; + }function jt(t) { + return ((t = Math.exp(t)) - 1 / t) / 2; + }function Lt(t) { + return ((t = Math.exp(2 * t)) - 1) / (t + 1); + }function Ot(t) { + return function n(e) { + function r(n, r) { + var i = t((n = zt(n)).h, (r = zt(r)).h), + o = Ft(n.s, r.s), + a = Ft(n.l, r.l), + u = Ft(n.opacity, r.opacity);return function (t) { + return n.h = i(t), n.s = o(t), n.l = a(Math.pow(t, e)), n.opacity = u(t), n + ""; + }; + }return e = +e, r.gamma = n, r; + }(1); + }function It() { + return Ii || (Vi($t), Ii = Ri.now() + $i); + }function $t() { + Ii = 0; + }function Rt() { + this._call = this._time = this._next = null; + }function Vt(t, n, e) { + var r = new Rt();return r.restart(t, n, e), r; + }function Bt() { + It(), ++Hi;for (var t, n = Fi; n;) { + (t = Ii - n._time) >= 0 && n._call.call(null, t), n = n._next; + }--Hi; + }function Zt() { + Ii = (Oi = Ri.now()) + $i, Hi = Xi = 0;try { + Bt(); + } finally { + Hi = 0, Jt(), Ii = 0; + } + }function Wt() { + var t = Ri.now(), + n = t - Oi;n > Li && ($i -= n, Oi = t); + }function Jt() { + for (var t, n, e = Fi, r = 1 / 0; e;) { + e._call ? (r > e._time && (r = e._time), t = e, e = e._next) : (n = e._next, e._next = null, e = t ? t._next = n : Fi = n); + }qi = t, Gt(r); + }function Gt(t) { + Hi || (Xi && (Xi = clearTimeout(Xi)), t - Ii > 24 ? (t < 1 / 0 && (Xi = setTimeout(Zt, t - Ri.now() - $i)), ji && (ji = clearInterval(ji))) : (ji || (Oi = Ri.now(), ji = setInterval(Wt, Li)), Hi = 1, Vi(Zt))); + }function Kt(t, n) { + var e = t.__transition;if (!e || !(e = e[n]) || e.state > Ji) throw new Error("too late");return e; + }function Qt(t, n) { + var e = t.__transition;if (!e || !(e = e[n]) || e.state > Ki) throw new Error("too late");return e; + }function tn(t, n) { + var e = t.__transition;if (!e || !(e = e[n])) throw new Error("too late");return e; + }function nn(t, n, e) { + function r(c) { + var f, s, h, l;if (e.state !== Gi) return o();for (f in u) { + if ((l = u[f]).name === e.name) { + if (l.state === Qi) return Bi(r);l.state === to ? (l.state = eo, l.timer.stop(), l.on.call("interrupt", t, t.__data__, l.index, l.group), delete u[f]) : +f < n && (l.state = eo, l.timer.stop(), delete u[f]); + } + }if (Bi(function () { + e.state === Qi && (e.state = to, e.timer.restart(i, e.delay, e.time), i(c)); + }), e.state = Ki, e.on.call("start", t, t.__data__, e.index, e.group), e.state === Ki) { + for (e.state = Qi, a = new Array(h = e.tween.length), f = 0, s = -1; f < h; ++f) { + (l = e.tween[f].value.call(t, t.__data__, e.index, e.group)) && (a[++s] = l); + }a.length = s + 1; + } + }function i(n) { + for (var r = n < e.duration ? e.ease.call(null, n / e.duration) : (e.timer.restart(o), e.state = no, 1), i = -1, u = a.length; ++i < u;) { + a[i].call(null, r); + }e.state === no && (e.on.call("end", t, t.__data__, e.index, e.group), o()); + }function o() { + e.state = eo, e.timer.stop(), delete u[n];for (var r in u) { + return; + }delete t.__transition; + }var a, + u = t.__transition;u[n] = e, e.timer = Vt(function (t) { + e.state = Gi, e.timer.restart(r, e.delay, e.time), e.delay <= t && r(t - e.delay); + }, 0, e.time); + }function en(t, n) { + var e, r;return function () { + var i = Qt(this, t), + o = i.tween;if (o !== e) for (var a = 0, u = (r = e = o).length; a < u; ++a) { + if (r[a].name === n) { + (r = r.slice()).splice(a, 1);break; + } + }i.tween = r; + }; + }function rn(t, n, e) { + var r, i;if ("function" != typeof e) throw new Error();return function () { + var o = Qt(this, t), + a = o.tween;if (a !== r) { + i = (r = a).slice();for (var u = { name: n, value: e }, c = 0, f = i.length; c < f; ++c) { + if (i[c].name === n) { + i[c] = u;break; + } + }c === f && i.push(u); + }o.tween = i; + }; + }function on(t, n, e) { + var r = t._id;return t.each(function () { + var t = Qt(this, r);(t.value || (t.value = {}))[n] = e.apply(this, arguments); + }), function (t) { + return tn(t, r).value[n]; + }; + }function an(t) { + return function () { + this.removeAttribute(t); + }; + }function un(t) { + return function () { + this.removeAttributeNS(t.space, t.local); + }; + }function cn(t, n, e) { + var r, i;return function () { + var o = this.getAttribute(t);return o === e ? null : o === r ? i : i = n(r = o, e); + }; + }function fn(t, n, e) { + var r, i;return function () { + var o = this.getAttributeNS(t.space, t.local);return o === e ? null : o === r ? i : i = n(r = o, e); + }; + }function sn(t, n, e) { + var r, i, o;return function () { + var a, + u = e(this);{ + if (null != u) return (a = this.getAttribute(t)) === u ? null : a === r && u === i ? o : o = n(r = a, i = u);this.removeAttribute(t); + } + }; + }function hn(t, n, e) { + var r, i, o;return function () { + var a, + u = e(this);{ + if (null != u) return (a = this.getAttributeNS(t.space, t.local)) === u ? null : a === r && u === i ? o : o = n(r = a, i = u);this.removeAttributeNS(t.space, t.local); + } + }; + }function ln(t, n) { + function e() { + var e = this, + r = n.apply(e, arguments);return r && function (n) { + e.setAttributeNS(t.space, t.local, r(n)); + }; + }return e._value = n, e; + }function dn(t, n) { + function e() { + var e = this, + r = n.apply(e, arguments);return r && function (n) { + e.setAttribute(t, r(n)); + }; + }return e._value = n, e; + }function pn(t, n) { + return function () { + Kt(this, t).delay = +n.apply(this, arguments); + }; + }function vn(t, n) { + return n = +n, function () { + Kt(this, t).delay = n; + }; + }function yn(t, n) { + return function () { + Qt(this, t).duration = +n.apply(this, arguments); + }; + }function gn(t, n) { + return n = +n, function () { + Qt(this, t).duration = n; + }; + }function bn(t, n) { + if ("function" != typeof n) throw new Error();return function () { + Qt(this, t).ease = n; + }; + }function mn(t) { + return (t + "").trim().split(/^|\s+/).every(function (t) { + var n = t.indexOf(".");return n >= 0 && (t = t.slice(0, n)), !t || "start" === t; + }); + }function _n(t, n, e) { + var r, + i, + o = mn(n) ? Kt : Qt;return function () { + var a = o(this, t), + u = a.on;u !== r && (i = (r = u).copy()).on(n, e), a.on = i; + }; + }function wn(t) { + return function () { + var n = this.parentNode;for (var e in this.__transition) { + if (+e !== t) return; + }n && n.removeChild(this); + }; + }function xn(t, n) { + var e, r, i;return function () { + var o = S(this, t), + a = (this.style.removeProperty(t), S(this, t));return o === a ? null : o === e && a === r ? i : i = n(e = o, r = a); + }; + }function Mn(t) { + return function () { + this.style.removeProperty(t); + }; + }function Tn(t, n, e) { + var r, i;return function () { + var o = S(this, t);return o === e ? null : o === r ? i : i = n(r = o, e); + }; + }function An(t, n, e) { + var r, i, o;return function () { + var a = S(this, t), + u = e(this);return null == u && (this.style.removeProperty(t), u = S(this, t)), a === u ? null : a === r && u === i ? o : o = n(r = a, i = u); + }; + }function kn(t, n, e) { + function r() { + var r = this, + i = n.apply(r, arguments);return i && function (n) { + r.style.setProperty(t, i(n), e); + }; + }return r._value = n, r; + }function Nn(t) { + return function () { + this.textContent = t; + }; + }function Cn(t) { + return function () { + var n = t(this);this.textContent = null == n ? "" : n; + }; + }function Sn(t, n, e, r) { + this._groups = t, this._parents = n, this._name = e, this._id = r; + }function zn() { + return ++uo; + }function Un(t, n) { + for (var e; !(e = t.__transition) || !(e = e[n]);) { + if (!(t = t.parentNode)) return fo.time = It(), fo; + }return e; + }function Dn(t) { + return { type: t }; + }function En() {}function Yn(t, n) { + var e = new En();if (t instanceof En) t.each(function (t, n) { + e.set(n, t); + });else if (Array.isArray(t)) { + var r, + i = -1, + o = t.length;if (null == n) for (; ++i < o;) { + e.set(i, t[i]); + } else for (; ++i < o;) { + e.set(n(r = t[i], i, t), r); + } + } else if (t) for (var a in t) { + e.set(a, t[a]); + }return e; + }function Fn(t) { + return new Function("d", "return {" + t.map(function (t, n) { + return JSON.stringify(t) + ": d[" + n + "]"; + }).join(",") + "}"); + }function qn(t, n) { + var e = Fn(t);return function (r, i) { + return n(e(r), i, t); + }; + }function Pn(t) { + var n = Object.create(null), + e = [];return t.forEach(function (t) { + for (var r in t) { + r in n || e.push(n[r] = r); + } + }), e; + }function Hn(t, n, e, r) { + if (isNaN(n) || isNaN(e)) return t;var i, + o, + a, + u, + c, + f, + s, + h, + l, + d = t._root, + p = { data: r }, + v = t._x0, + y = t._y0, + g = t._x1, + b = t._y1;if (!d) return t._root = p, t;for (; d.length;) { + if ((f = n >= (o = (v + g) / 2)) ? v = o : g = o, (s = e >= (a = (y + b) / 2)) ? y = a : b = a, i = d, !(d = d[h = s << 1 | f])) return i[h] = p, t; + }if (u = +t._x.call(null, d.data), c = +t._y.call(null, d.data), n === u && e === c) return p.next = d, i ? i[h] = p : t._root = p, t;do { + i = i ? i[h] = new Array(4) : t._root = new Array(4), (f = n >= (o = (v + g) / 2)) ? v = o : g = o, (s = e >= (a = (y + b) / 2)) ? y = a : b = a; + } while ((h = s << 1 | f) == (l = (c >= a) << 1 | u >= o));return i[l] = d, i[h] = p, t; + }function Xn(t) { + return t[0]; + }function jn(t) { + return t[1]; + }function Ln(t, n, e) { + var r = new On(null == n ? Xn : n, null == e ? jn : e, NaN, NaN, NaN, NaN);return null == t ? r : r.addAll(t); + }function On(t, n, e, r, i, o) { + this._x = t, this._y = n, this._x0 = e, this._y0 = r, this._x1 = i, this._y1 = o, this._root = void 0; + }function In(t) { + for (var n = { data: t.data }, e = n; t = t.next;) { + e = e.next = { data: t.data }; + }return n; + }function $n(t) { + return t.x + t.vx; + }function Rn(t) { + return t.y + t.vy; + }function Vn(t) { + return t.index; + }function Bn(t, n) { + var e = t.get(n);if (!e) throw new Error("missing: " + n);return e; + }function Zn(t) { + return t.x; + }function Wn(t) { + return t.y; + }function Jn() { + this.reset(); + }function Gn(t, n, e) { + var r = t.s = n + e, + i = r - n, + o = r - i;t.t = n - o + (e - i); + }function Kn(t) { + return t > 1 ? 0 : t < -1 ? zo : Math.acos(t); + }function Qn(t) { + return t > 1 ? Uo : t < -1 ? -Uo : Math.asin(t); + }function te(t) { + return function (n, e) { + var r = Yo(n), + i = Yo(e), + o = t(r * i);return [o * i * Fo(n), o * Fo(e)]; + }; + }function ne(t) { + return function (n, e) { + var r = qo(n * n + e * e), + i = t(r), + o = Fo(i), + a = Yo(i);return [Eo(n * o, r * a), Qn(r && e * o / r)]; + }; + }function ee(t, n, e, r) { + function i(n) { + return t(n = new Date(+n)), n; + }return i.floor = i, i.ceil = function (e) { + return t(e = new Date(e - 1)), n(e, 1), t(e), e; + }, i.round = function (t) { + var n = i(t), + e = i.ceil(t);return t - n < e - t ? n : e; + }, i.offset = function (t, e) { + return n(t = new Date(+t), null == e ? 1 : Math.floor(e)), t; + }, i.range = function (e, r, o) { + var a = [];if (e = i.ceil(e), o = null == o ? 1 : Math.floor(o), !(e < r && o > 0)) return a;do { + a.push(new Date(+e)); + } while ((n(e, o), t(e), e < r));return a; + }, i.filter = function (e) { + return ee(function (n) { + if (n >= n) for (; t(n), !e(n);) { + n.setTime(n - 1); + } + }, function (t, r) { + if (t >= t) if (r < 0) for (; ++r <= 0;) { + for (; n(t, -1), !e(t);) {} + } else for (; --r >= 0;) { + for (; n(t, 1), !e(t);) {} + } + }); + }, e && (i.count = function (n, r) { + return Po.setTime(+n), Ho.setTime(+r), t(Po), t(Ho), Math.floor(e(Po, Ho)); + }, i.every = function (t) { + return t = Math.floor(t), isFinite(t) && t > 0 ? t > 1 ? i.filter(r ? function (n) { + return r(n) % t == 0; + } : function (n) { + return i.count(0, n) % t == 0; + }) : i : null; + }), i; + }function re(t) { + return ee(function (n) { + n.setDate(n.getDate() - (n.getDay() + 7 - t) % 7), n.setHours(0, 0, 0, 0); + }, function (t, n) { + t.setDate(t.getDate() + 7 * n); + }, function (t, n) { + return (n - t - (n.getTimezoneOffset() - t.getTimezoneOffset()) * jo) / Lo; + }); + }function ie(t) { + return ee(function (n) { + n.setUTCDate(n.getUTCDate() - (n.getUTCDay() + 7 - t) % 7), n.setUTCHours(0, 0, 0, 0); + }, function (t, n) { + t.setUTCDate(t.getUTCDate() + 7 * n); + }, function (t, n) { + return (n - t) / Lo; + }); + }function oe(t) { + if (0 <= t.y && t.y < 100) { + var n = new Date(-1, t.m, t.d, t.H, t.M, t.S, t.L);return n.setFullYear(t.y), n; + }return new Date(t.y, t.m, t.d, t.H, t.M, t.S, t.L); + }function ae(t) { + if (0 <= t.y && t.y < 100) { + var n = new Date(Date.UTC(-1, t.m, t.d, t.H, t.M, t.S, t.L));return n.setUTCFullYear(t.y), n; + }return new Date(Date.UTC(t.y, t.m, t.d, t.H, t.M, t.S, t.L)); + }function ue(t) { + return { y: t, m: 0, d: 1, H: 0, M: 0, S: 0, L: 0 }; + }function ce(t) { + function n(t, n) { + return function (e) { + var r, + i, + o, + a = [], + u = -1, + c = 0, + f = t.length;for (e instanceof Date || (e = new Date(+e)); ++u < f;) { + 37 === t.charCodeAt(u) && (a.push(t.slice(c, u)), null != (i = Qo[r = t.charAt(++u)]) ? r = t.charAt(++u) : i = "e" === r ? " " : "0", (o = n[r]) && (r = o(e, i)), a.push(r), c = u + 1); + }return a.push(t.slice(c, u)), a.join(""); + }; + }function e(t, n) { + return function (e) { + var i = ue(1900);if (r(i, t, e += "", 0) != e.length) return null;if ("p" in i && (i.H = i.H % 12 + 12 * i.p), "W" in i || "U" in i) { + "w" in i || (i.w = "W" in i ? 1 : 0);var o = "Z" in i ? ae(ue(i.y)).getUTCDay() : n(ue(i.y)).getDay();i.m = 0, i.d = "W" in i ? (i.w + 6) % 7 + 7 * i.W - (o + 5) % 7 : i.w + 7 * i.U - (o + 6) % 7; + }return "Z" in i ? (i.H += i.Z / 100 | 0, i.M += i.Z % 100, ae(i)) : n(i); + }; + }function r(t, n, e, r) { + for (var i, o, a = 0, u = n.length, c = e.length; a < u;) { + if (r >= c) return -1;if (37 === (i = n.charCodeAt(a++))) { + if (i = n.charAt(a++), !(o = T[i in Qo ? n.charAt(a++) : i]) || (r = o(t, e, r)) < 0) return -1; + } else if (i != e.charCodeAt(r++)) return -1; + }return r; + }var i = t.dateTime, + o = t.date, + a = t.time, + u = t.periods, + c = t.days, + f = t.shortDays, + s = t.months, + h = t.shortMonths, + l = he(u), + d = le(u), + p = he(c), + v = le(c), + y = he(f), + g = le(f), + b = he(s), + m = le(s), + _ = he(h), + w = le(h), + x = { a: function a(t) { + return f[t.getDay()]; + }, A: function A(t) { + return c[t.getDay()]; + }, b: function b(t) { + return h[t.getMonth()]; + }, B: function B(t) { + return s[t.getMonth()]; + }, c: null, d: Ne, e: Ne, H: Ce, I: Se, j: ze, L: Ue, m: De, M: Ee, p: function p(t) { + return u[+(t.getHours() >= 12)]; + }, S: Ye, U: Fe, w: qe, W: Pe, x: null, X: null, y: He, Y: Xe, Z: je, "%": nr }, + M = { a: function a(t) { + return f[t.getUTCDay()]; + }, A: function A(t) { + return c[t.getUTCDay()]; + }, b: function b(t) { + return h[t.getUTCMonth()]; + }, B: function B(t) { + return s[t.getUTCMonth()]; + }, c: null, d: Le, e: Le, H: Oe, I: Ie, j: $e, L: Re, m: Ve, M: Be, p: function p(t) { + return u[+(t.getUTCHours() >= 12)]; + }, S: Ze, U: We, w: Je, W: Ge, x: null, X: null, y: Ke, Y: Qe, Z: tr, "%": nr }, + T = { a: function a(t, n, e) { + var r = y.exec(n.slice(e));return r ? (t.w = g[r[0].toLowerCase()], e + r[0].length) : -1; + }, A: function A(t, n, e) { + var r = p.exec(n.slice(e));return r ? (t.w = v[r[0].toLowerCase()], e + r[0].length) : -1; + }, b: function b(t, n, e) { + var r = _.exec(n.slice(e));return r ? (t.m = w[r[0].toLowerCase()], e + r[0].length) : -1; + }, B: function B(t, n, e) { + var r = b.exec(n.slice(e));return r ? (t.m = m[r[0].toLowerCase()], e + r[0].length) : -1; + }, c: function c(t, n, e) { + return r(t, i, n, e); + }, d: _e, e: _e, H: xe, I: xe, j: we, L: Ae, m: me, M: Me, p: function p(t, n, e) { + var r = l.exec(n.slice(e));return r ? (t.p = d[r[0].toLowerCase()], e + r[0].length) : -1; + }, S: Te, U: pe, w: de, W: ve, x: function x(t, n, e) { + return r(t, o, n, e); + }, X: function X(t, n, e) { + return r(t, a, n, e); + }, y: ge, Y: ye, Z: be, "%": ke };return x.x = n(o, x), x.X = n(a, x), x.c = n(i, x), M.x = n(o, M), M.X = n(a, M), M.c = n(i, M), { format: function format(t) { + var e = n(t += "", x);return e.toString = function () { + return t; + }, e; + }, parse: function parse(t) { + var n = e(t += "", oe);return n.toString = function () { + return t; + }, n; + }, utcFormat: function utcFormat(t) { + var e = n(t += "", M);return e.toString = function () { + return t; + }, e; + }, utcParse: function utcParse(t) { + var n = e(t, ae);return n.toString = function () { + return t; + }, n; + } }; + }function fe(t, n, e) { + var r = t < 0 ? "-" : "", + i = (r ? -t : t) + "", + o = i.length;return r + (o < e ? new Array(e - o + 1).join(n) + i : i); + }function se(t) { + return t.replace(ea, "\\$&"); + }function he(t) { + return new RegExp("^(?:" + t.map(se).join("|") + ")", "i"); + }function le(t) { + for (var n = {}, e = -1, r = t.length; ++e < r;) { + n[t[e].toLowerCase()] = e; + }return n; + }function de(t, n, e) { + var r = ta.exec(n.slice(e, e + 1));return r ? (t.w = +r[0], e + r[0].length) : -1; + }function pe(t, n, e) { + var r = ta.exec(n.slice(e));return r ? (t.U = +r[0], e + r[0].length) : -1; + }function ve(t, n, e) { + var r = ta.exec(n.slice(e));return r ? (t.W = +r[0], e + r[0].length) : -1; + }function ye(t, n, e) { + var r = ta.exec(n.slice(e, e + 4));return r ? (t.y = +r[0], e + r[0].length) : -1; + }function ge(t, n, e) { + var r = ta.exec(n.slice(e, e + 2));return r ? (t.y = +r[0] + (+r[0] > 68 ? 1900 : 2e3), e + r[0].length) : -1; + }function be(t, n, e) { + var r = /^(Z)|([+-]\d\d)(?:\:?(\d\d))?/.exec(n.slice(e, e + 6));return r ? (t.Z = r[1] ? 0 : -(r[2] + (r[3] || "00")), e + r[0].length) : -1; + }function me(t, n, e) { + var r = ta.exec(n.slice(e, e + 2));return r ? (t.m = r[0] - 1, e + r[0].length) : -1; + }function _e(t, n, e) { + var r = ta.exec(n.slice(e, e + 2));return r ? (t.d = +r[0], e + r[0].length) : -1; + }function we(t, n, e) { + var r = ta.exec(n.slice(e, e + 3));return r ? (t.m = 0, t.d = +r[0], e + r[0].length) : -1; + }function xe(t, n, e) { + var r = ta.exec(n.slice(e, e + 2));return r ? (t.H = +r[0], e + r[0].length) : -1; + }function Me(t, n, e) { + var r = ta.exec(n.slice(e, e + 2));return r ? (t.M = +r[0], e + r[0].length) : -1; + }function Te(t, n, e) { + var r = ta.exec(n.slice(e, e + 2));return r ? (t.S = +r[0], e + r[0].length) : -1; + }function Ae(t, n, e) { + var r = ta.exec(n.slice(e, e + 3));return r ? (t.L = +r[0], e + r[0].length) : -1; + }function ke(t, n, e) { + var r = na.exec(n.slice(e, e + 1));return r ? e + r[0].length : -1; + }function Ne(t, n) { + return fe(t.getDate(), n, 2); + }function Ce(t, n) { + return fe(t.getHours(), n, 2); + }function Se(t, n) { + return fe(t.getHours() % 12 || 12, n, 2); + }function ze(t, n) { + return fe(1 + Oo.count(Ro(t), t), n, 3); + }function Ue(t, n) { + return fe(t.getMilliseconds(), n, 3); + }function De(t, n) { + return fe(t.getMonth() + 1, n, 2); + }function Ee(t, n) { + return fe(t.getMinutes(), n, 2); + }function Ye(t, n) { + return fe(t.getSeconds(), n, 2); + }function Fe(t, n) { + return fe(Io.count(Ro(t), t), n, 2); + }function qe(t) { + return t.getDay(); + }function Pe(t, n) { + return fe($o.count(Ro(t), t), n, 2); + }function He(t, n) { + return fe(t.getFullYear() % 100, n, 2); + }function Xe(t, n) { + return fe(t.getFullYear() % 1e4, n, 4); + }function je(t) { + var n = t.getTimezoneOffset();return (n > 0 ? "-" : (n *= -1, "+")) + fe(n / 60 | 0, "0", 2) + fe(n % 60, "0", 2); + }function Le(t, n) { + return fe(t.getUTCDate(), n, 2); + }function Oe(t, n) { + return fe(t.getUTCHours(), n, 2); + }function Ie(t, n) { + return fe(t.getUTCHours() % 12 || 12, n, 2); + }function $e(t, n) { + return fe(1 + Vo.count(Wo(t), t), n, 3); + }function Re(t, n) { + return fe(t.getUTCMilliseconds(), n, 3); + }function Ve(t, n) { + return fe(t.getUTCMonth() + 1, n, 2); + }function Be(t, n) { + return fe(t.getUTCMinutes(), n, 2); + }function Ze(t, n) { + return fe(t.getUTCSeconds(), n, 2); + }function We(t, n) { + return fe(Bo.count(Wo(t), t), n, 2); + }function Je(t) { + return t.getUTCDay(); + }function Ge(t, n) { + return fe(Zo.count(Wo(t), t), n, 2); + }function Ke(t, n) { + return fe(t.getUTCFullYear() % 100, n, 2); + }function Qe(t, n) { + return fe(t.getUTCFullYear() % 1e4, n, 4); + }function tr() { + return "+0000"; + }function nr() { + return "%"; + }function er(t) { + var n = t.length;return function (e) { + return t[Math.max(0, Math.min(n - 1, Math.floor(e * n)))]; + }; + }function rr(t) { + return t < 0 ? -1 : 1; + }function ir(t, n, e) { + var r = t._x1 - t._x0, + i = n - t._x1, + o = (t._y1 - t._y0) / (r || i < 0 && -0), + a = (e - t._y1) / (i || r < 0 && -0), + u = (o * i + a * r) / (r + i);return (rr(o) + rr(a)) * Math.min(Math.abs(o), Math.abs(a), .5 * Math.abs(u)) || 0; + }function or(t, n) { + var e = t._x1 - t._x0;return e ? (3 * (t._y1 - t._y0) / e - n) / 2 : n; + }function ar(t, n, e) { + var r = t._x0, + i = t._y0, + o = t._x1, + a = t._y1, + u = (o - r) / 3;t._context.bezierCurveTo(r + u, i + u * n, o - u, a - u * e, o, a); + }function ur(t) { + this._context = t; + }function cr(t) { + this._context = t; + }function fr(t, n, e) { + this.target = t, this.type = n, this.transform = e; + }function sr(t, n, e) { + this.k = t, this.x = n, this.y = e; + }function hr() { + t.event.stopImmediatePropagation(); + }function lr() { + return !t.event.button; + }function dr() { + var t, + n, + e = this;return e instanceof SVGElement ? (t = (e = e.ownerSVGElement || e).width.baseVal.value, n = e.height.baseVal.value) : (t = e.clientWidth, n = e.clientHeight), [[0, 0], [t, n]]; + }function pr() { + return this.__zoom || oa; + }function vr() { + return -t.event.deltaY * (t.event.deltaMode ? 120 : 1) / 500; + }function yr() { + return "ontouchstart" in this; + }var gr = { value: function value() {} };e.prototype = n.prototype = { constructor: e, on: function on(t, n) { + var e, + a = this._, + u = r(t + "", a), + c = -1, + f = u.length;{ + if (!(arguments.length < 2)) { + if (null != n && "function" != typeof n) throw new Error("invalid callback: " + n);for (; ++c < f;) { + if (e = (t = u[c]).type) a[e] = o(a[e], t.name, n);else if (null == n) for (e in a) { + a[e] = o(a[e], t.name, null); + } + }return this; + }for (; ++c < f;) { + if ((e = (t = u[c]).type) && (e = i(a[e], t.name))) return e; + } + } + }, copy: function copy() { + var t = {}, + n = this._;for (var r in n) { + t[r] = n[r].slice(); + }return new e(t); + }, call: function call(t, n) { + if ((e = arguments.length - 2) > 0) for (var e, r, i = new Array(e), o = 0; o < e; ++o) { + i[o] = arguments[o + 2]; + }if (!this._.hasOwnProperty(t)) throw new Error("unknown type: " + t);for (o = 0, e = (r = this._[t]).length; o < e; ++o) { + r[o].value.apply(n, i); + } + }, apply: function apply(t, n, e) { + if (!this._.hasOwnProperty(t)) throw new Error("unknown type: " + t);for (var r = this._[t], i = 0, o = r.length; i < o; ++i) { + r[i].value.apply(n, e); + } + } };var br = "http://www.w3.org/1999/xhtml", + mr = { svg: "http://www.w3.org/2000/svg", xhtml: br, xlink: "http://www.w3.org/1999/xlink", xml: "http://www.w3.org/XML/1998/namespace", xmlns: "http://www.w3.org/2000/xmlns/" }, + _r = function _r(t) { + var n = t += "", + e = n.indexOf(":");return e >= 0 && "xmlns" !== (n = t.slice(0, e)) && (t = t.slice(e + 1)), mr.hasOwnProperty(n) ? { space: mr[n], local: t } : t; + }, + wr = function wr(t) { + var n = _r(t);return (n.local ? u : a)(n); + }, + xr = function xr(t) { + return function () { + return this.matches(t); + }; + };if ("undefined" != typeof document) { + var Mr = document.documentElement;if (!Mr.matches) { + var Tr = Mr.webkitMatchesSelector || Mr.msMatchesSelector || Mr.mozMatchesSelector || Mr.oMatchesSelector;xr = function xr(t) { + return function () { + return Tr.call(this, t); + }; + }; + } + }var Ar = xr, + kr = {};t.event = null, "undefined" != typeof document && ("onmouseenter" in document.documentElement || (kr = { mouseenter: "mouseover", mouseleave: "mouseout" }));var Nr = function Nr() { + for (var n, e = t.event; n = e.sourceEvent;) { + e = n; + }return e; + }, + Cr = function Cr(t, n) { + var e = t.ownerSVGElement || t;if (e.createSVGPoint) { + var r = e.createSVGPoint();return r.x = n.clientX, r.y = n.clientY, r = r.matrixTransform(t.getScreenCTM().inverse()), [r.x, r.y]; + }var i = t.getBoundingClientRect();return [n.clientX - i.left - t.clientLeft, n.clientY - i.top - t.clientTop]; + }, + Sr = function Sr(t) { + var n = Nr();return n.changedTouches && (n = n.changedTouches[0]), Cr(t, n); + }, + zr = function zr(t) { + return null == t ? p : function () { + return this.querySelector(t); + }; + }, + Ur = function Ur(t) { + return null == t ? v : function () { + return this.querySelectorAll(t); + }; + }, + Dr = function Dr(t) { + return new Array(t.length); + };y.prototype = { constructor: y, appendChild: function appendChild(t) { + return this._parent.insertBefore(t, this._next); + }, insertBefore: function insertBefore(t, n) { + return this._parent.insertBefore(t, n); + }, querySelector: function querySelector(t) { + return this._parent.querySelector(t); + }, querySelectorAll: function querySelectorAll(t) { + return this._parent.querySelectorAll(t); + } };var Er = function Er(t) { + return function () { + return t; + }; + }, + Yr = "$", + Fr = function Fr(t) { + return t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView; + };F.prototype = { add: function add(t) { + this._names.indexOf(t) < 0 && (this._names.push(t), this._node.setAttribute("class", this._names.join(" "))); + }, remove: function remove(t) { + var n = this._names.indexOf(t);n >= 0 && (this._names.splice(n, 1), this._node.setAttribute("class", this._names.join(" "))); + }, contains: function contains(t) { + return this._names.indexOf(t) >= 0; + } };var qr = [null];tt.prototype = nt.prototype = { constructor: tt, select: function select(t) { + "function" != typeof t && (t = zr(t));for (var n = this._groups, e = n.length, r = new Array(e), i = 0; i < e; ++i) { + for (var o, a, u = n[i], c = u.length, f = r[i] = new Array(c), s = 0; s < c; ++s) { + (o = u[s]) && (a = t.call(o, o.__data__, s, u)) && ("__data__" in o && (a.__data__ = o.__data__), f[s] = a); + } + }return new tt(r, this._parents); + }, selectAll: function selectAll(t) { + "function" != typeof t && (t = Ur(t));for (var n = this._groups, e = n.length, r = [], i = [], o = 0; o < e; ++o) { + for (var a, u = n[o], c = u.length, f = 0; f < c; ++f) { + (a = u[f]) && (r.push(t.call(a, a.__data__, f, u)), i.push(a)); + } + }return new tt(r, i); + }, filter: function filter(t) { + "function" != typeof t && (t = Ar(t));for (var n = this._groups, e = n.length, r = new Array(e), i = 0; i < e; ++i) { + for (var o, a = n[i], u = a.length, c = r[i] = [], f = 0; f < u; ++f) { + (o = a[f]) && t.call(o, o.__data__, f, a) && c.push(o); + } + }return new tt(r, this._parents); + }, data: function data(t, n) { + if (!t) return d = new Array(this.size()), f = -1, this.each(function (t) { + d[++f] = t; + }), d;var e = n ? b : g, + r = this._parents, + i = this._groups;"function" != typeof t && (t = Er(t));for (var o = i.length, a = new Array(o), u = new Array(o), c = new Array(o), f = 0; f < o; ++f) { + var s = r[f], + h = i[f], + l = h.length, + d = t.call(s, s && s.__data__, f, r), + p = d.length, + v = u[f] = new Array(p), + y = a[f] = new Array(p);e(s, h, v, y, c[f] = new Array(l), d, n);for (var m, _, w = 0, x = 0; w < p; ++w) { + if (m = v[w]) { + for (w >= x && (x = w + 1); !(_ = y[x]) && ++x < p;) {}m._next = _ || null; + } + } + }return a = new tt(a, r), a._enter = u, a._exit = c, a; + }, enter: function enter() { + return new tt(this._enter || this._groups.map(Dr), this._parents); + }, exit: function exit() { + return new tt(this._exit || this._groups.map(Dr), this._parents); + }, merge: function merge(t) { + for (var n = this._groups, e = t._groups, r = n.length, i = e.length, o = Math.min(r, i), a = new Array(r), u = 0; u < o; ++u) { + for (var c, f = n[u], s = e[u], h = f.length, l = a[u] = new Array(h), d = 0; d < h; ++d) { + (c = f[d] || s[d]) && (l[d] = c); + } + }for (; u < r; ++u) { + a[u] = n[u]; + }return new tt(a, this._parents); + }, order: function order() { + for (var t = this._groups, n = -1, e = t.length; ++n < e;) { + for (var r, i = t[n], o = i.length - 1, a = i[o]; --o >= 0;) { + (r = i[o]) && (a && a !== r.nextSibling && a.parentNode.insertBefore(r, a), a = r); + } + }return this; + }, sort: function sort(t) { + t || (t = m);for (var n = this._groups, e = n.length, r = new Array(e), i = 0; i < e; ++i) { + for (var o, a = n[i], u = a.length, c = r[i] = new Array(u), f = 0; f < u; ++f) { + (o = a[f]) && (c[f] = o); + }c.sort(function (n, e) { + return n && e ? t(n.__data__, e.__data__) : !n - !e; + }); + }return new tt(r, this._parents).order(); + }, call: function call() { + var t = arguments[0];return arguments[0] = this, t.apply(null, arguments), this; + }, nodes: function nodes() { + var t = new Array(this.size()), + n = -1;return this.each(function () { + t[++n] = this; + }), t; + }, node: function node() { + for (var t = this._groups, n = 0, e = t.length; n < e; ++n) { + for (var r = t[n], i = 0, o = r.length; i < o; ++i) { + var a = r[i];if (a) return a; + } + }return null; + }, size: function size() { + var t = 0;return this.each(function () { + ++t; + }), t; + }, empty: function empty() { + return !this.node(); + }, each: function each(t) { + for (var n = this._groups, e = 0, r = n.length; e < r; ++e) { + for (var i, o = n[e], a = 0, u = o.length; a < u; ++a) { + (i = o[a]) && t.call(i, i.__data__, a, o); + } + }return this; + }, attr: function attr(t, n) { + var e = _r(t);if (arguments.length < 2) { + var r = this.node();return e.local ? r.getAttributeNS(e.space, e.local) : r.getAttribute(e); + }return this.each((null == n ? e.local ? w : _ : "function" == typeof n ? e.local ? A : T : e.local ? M : x)(e, n)); + }, style: function style(t, n, e) { + return arguments.length > 1 ? this.each((null == n ? k : "function" == typeof n ? C : N)(t, n, null == e ? "" : e)) : S(this.node(), t); + }, property: function property(t, n) { + return arguments.length > 1 ? this.each((null == n ? z : "function" == typeof n ? D : U)(t, n)) : this.node()[t]; + }, classed: function classed(t, n) { + var e = E(t + "");if (arguments.length < 2) { + for (var r = Y(this.node()), i = -1, o = e.length; ++i < o;) { + if (!r.contains(e[i])) return !1; + }return !0; + }return this.each(("function" == typeof n ? j : n ? H : X)(e, n)); + }, text: function text(t) { + return arguments.length ? this.each(null == t ? L : ("function" == typeof t ? I : O)(t)) : this.node().textContent; + }, html: function html(t) { + return arguments.length ? this.each(null == t ? $ : ("function" == typeof t ? V : R)(t)) : this.node().innerHTML; + }, raise: function raise() { + return this.each(B); + }, lower: function lower() { + return this.each(Z); + }, append: function append(t) { + var n = "function" == typeof t ? t : wr(t);return this.select(function () { + return this.appendChild(n.apply(this, arguments)); + }); + }, insert: function insert(t, n) { + var e = "function" == typeof t ? t : wr(t), + r = null == n ? W : "function" == typeof n ? n : zr(n);return this.select(function () { + return this.insertBefore(e.apply(this, arguments), r.apply(this, arguments) || null); + }); + }, remove: function remove() { + return this.each(J); + }, datum: function datum(t) { + return arguments.length ? this.property("__data__", t) : this.node().__data__; + }, on: function on(t, n, e) { + var r, + i, + o = s(t + ""), + a = o.length;{ + if (!(arguments.length < 2)) { + for (u = n ? l : h, null == e && (e = !1), r = 0; r < a; ++r) { + this.each(u(o[r], n, e)); + }return this; + }var u = this.node().__on;if (u) for (var c, f = 0, d = u.length; f < d; ++f) { + for (r = 0, c = u[f]; r < a; ++r) { + if ((i = o[r]).type === c.type && i.name === c.name) return c.value; + } + } + } + }, dispatch: function dispatch(t, n) { + return this.each(("function" == typeof n ? Q : K)(t, n)); + } };var Pr = function Pr(t) { + return "string" == typeof t ? new tt([[document.querySelector(t)]], [document.documentElement]) : new tt([[t]], qr); + }, + Hr = function Hr(t, n, e) { + arguments.length < 3 && (e = n, n = Nr().changedTouches);for (var r, i = 0, o = n ? n.length : 0; i < o; ++i) { + if ((r = n[i]).identifier === e) return Cr(t, r); + }return null; + }, + Xr = function Xr() { + t.event.preventDefault(), t.event.stopImmediatePropagation(); + }, + jr = function jr(t) { + var n = t.document.documentElement, + e = Pr(t).on("dragstart.drag", Xr, !0);"onselectstart" in n ? e.on("selectstart.drag", Xr, !0) : (n.__noselect = n.style.MozUserSelect, n.style.MozUserSelect = "none"); + }, + Lr = function Lr(t) { + return function () { + return t; + }; + };it.prototype.on = function () { + var t = this._.on.apply(this._, arguments);return t === this._ ? this : t; + };var Or = function Or(t, n, e) { + t.prototype = n.prototype = e, e.constructor = t; + }, + Ir = "\\s*([+-]?\\d+)\\s*", + $r = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*", + Rr = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*", + Vr = /^#([0-9a-f]{3})$/, + Br = /^#([0-9a-f]{6})$/, + Zr = new RegExp("^rgb\\(" + [Ir, Ir, Ir] + "\\)$"), + Wr = new RegExp("^rgb\\(" + [Rr, Rr, Rr] + "\\)$"), + Jr = new RegExp("^rgba\\(" + [Ir, Ir, Ir, $r] + "\\)$"), + Gr = new RegExp("^rgba\\(" + [Rr, Rr, Rr, $r] + "\\)$"), + Kr = new RegExp("^hsl\\(" + [$r, Rr, Rr] + "\\)$"), + Qr = new RegExp("^hsla\\(" + [$r, Rr, Rr, $r] + "\\)$"), + ti = { aliceblue: 15792383, antiquewhite: 16444375, aqua: 65535, aquamarine: 8388564, azure: 15794175, beige: 16119260, bisque: 16770244, black: 0, blanchedalmond: 16772045, blue: 255, blueviolet: 9055202, brown: 10824234, burlywood: 14596231, cadetblue: 6266528, chartreuse: 8388352, chocolate: 13789470, coral: 16744272, cornflowerblue: 6591981, cornsilk: 16775388, crimson: 14423100, cyan: 65535, darkblue: 139, darkcyan: 35723, darkgoldenrod: 12092939, darkgray: 11119017, darkgreen: 25600, darkgrey: 11119017, darkkhaki: 12433259, darkmagenta: 9109643, darkolivegreen: 5597999, darkorange: 16747520, darkorchid: 10040012, darkred: 9109504, darksalmon: 15308410, darkseagreen: 9419919, darkslateblue: 4734347, darkslategray: 3100495, darkslategrey: 3100495, darkturquoise: 52945, darkviolet: 9699539, deeppink: 16716947, deepskyblue: 49151, dimgray: 6908265, dimgrey: 6908265, dodgerblue: 2003199, firebrick: 11674146, floralwhite: 16775920, forestgreen: 2263842, fuchsia: 16711935, gainsboro: 14474460, ghostwhite: 16316671, gold: 16766720, goldenrod: 14329120, gray: 8421504, green: 32768, greenyellow: 11403055, grey: 8421504, honeydew: 15794160, hotpink: 16738740, indianred: 13458524, indigo: 4915330, ivory: 16777200, khaki: 15787660, lavender: 15132410, lavenderblush: 16773365, lawngreen: 8190976, lemonchiffon: 16775885, lightblue: 11393254, lightcoral: 15761536, lightcyan: 14745599, lightgoldenrodyellow: 16448210, lightgray: 13882323, lightgreen: 9498256, lightgrey: 13882323, lightpink: 16758465, lightsalmon: 16752762, lightseagreen: 2142890, lightskyblue: 8900346, lightslategray: 7833753, lightslategrey: 7833753, lightsteelblue: 11584734, lightyellow: 16777184, lime: 65280, limegreen: 3329330, linen: 16445670, magenta: 16711935, maroon: 8388608, mediumaquamarine: 6737322, mediumblue: 205, mediumorchid: 12211667, mediumpurple: 9662683, mediumseagreen: 3978097, mediumslateblue: 8087790, mediumspringgreen: 64154, mediumturquoise: 4772300, mediumvioletred: 13047173, midnightblue: 1644912, mintcream: 16121850, mistyrose: 16770273, moccasin: 16770229, navajowhite: 16768685, navy: 128, oldlace: 16643558, olive: 8421376, olivedrab: 7048739, orange: 16753920, orangered: 16729344, orchid: 14315734, palegoldenrod: 15657130, palegreen: 10025880, paleturquoise: 11529966, palevioletred: 14381203, papayawhip: 16773077, peachpuff: 16767673, peru: 13468991, pink: 16761035, plum: 14524637, powderblue: 11591910, purple: 8388736, rebeccapurple: 6697881, red: 16711680, rosybrown: 12357519, royalblue: 4286945, saddlebrown: 9127187, salmon: 16416882, sandybrown: 16032864, seagreen: 3050327, seashell: 16774638, sienna: 10506797, silver: 12632256, skyblue: 8900331, slateblue: 6970061, slategray: 7372944, slategrey: 7372944, snow: 16775930, springgreen: 65407, steelblue: 4620980, tan: 13808780, teal: 32896, thistle: 14204888, tomato: 16737095, turquoise: 4251856, violet: 15631086, wheat: 16113331, white: 16777215, whitesmoke: 16119285, yellow: 16776960, yellowgreen: 10145074 };Or(st, ht, { displayable: function displayable() { + return this.rgb().displayable(); + }, toString: function toString() { + return this.rgb() + ""; + } }), Or(yt, vt, ft(st, { brighter: function brighter(t) { + return t = null == t ? 1 / .7 : Math.pow(1 / .7, t), new yt(this.r * t, this.g * t, this.b * t, this.opacity); + }, darker: function darker(t) { + return t = null == t ? .7 : Math.pow(.7, t), new yt(this.r * t, this.g * t, this.b * t, this.opacity); + }, rgb: function rgb() { + return this; + }, displayable: function displayable() { + return 0 <= this.r && this.r <= 255 && 0 <= this.g && this.g <= 255 && 0 <= this.b && this.b <= 255 && 0 <= this.opacity && this.opacity <= 1; + }, toString: function toString() { + var t = this.opacity;return (1 === (t = isNaN(t) ? 1 : Math.max(0, Math.min(1, t))) ? "rgb(" : "rgba(") + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.b) || 0)) + (1 === t ? ")" : ", " + t + ")"); + } })), Or(mt, function (t, n, e, r) { + return 1 === arguments.length ? bt(t) : new mt(t, n, e, null == r ? 1 : r); + }, ft(st, { brighter: function brighter(t) { + return t = null == t ? 1 / .7 : Math.pow(1 / .7, t), new mt(this.h, this.s, this.l * t, this.opacity); + }, darker: function darker(t) { + return t = null == t ? .7 : Math.pow(.7, t), new mt(this.h, this.s, this.l * t, this.opacity); + }, rgb: function rgb() { + var t = this.h % 360 + 360 * (this.h < 0), + n = isNaN(t) || isNaN(this.s) ? 0 : this.s, + e = this.l, + r = e + (e < .5 ? e : 1 - e) * n, + i = 2 * e - r;return new yt(_t(t >= 240 ? t - 240 : t + 120, i, r), _t(t, i, r), _t(t < 120 ? t + 240 : t - 120, i, r), this.opacity); + }, displayable: function displayable() { + return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1; + } }));var ni = Math.PI / 180, + ei = 180 / Math.PI, + ri = .95047, + ii = 1, + oi = 1.08883, + ai = 4 / 29, + ui = 6 / 29, + ci = 3 * ui * ui, + fi = ui * ui * ui;Or(xt, function (t, n, e, r) { + return 1 === arguments.length ? wt(t) : new xt(t, n, e, null == r ? 1 : r); + }, ft(st, { brighter: function brighter(t) { + return new xt(this.l + 18 * (null == t ? 1 : t), this.a, this.b, this.opacity); + }, darker: function darker(t) { + return new xt(this.l - 18 * (null == t ? 1 : t), this.a, this.b, this.opacity); + }, rgb: function rgb() { + var t = (this.l + 16) / 116, + n = isNaN(this.a) ? t : t + this.a / 500, + e = isNaN(this.b) ? t : t - this.b / 200;return t = ii * Tt(t), n = ri * Tt(n), e = oi * Tt(e), new yt(At(3.2404542 * n - 1.5371385 * t - .4985314 * e), At(-.969266 * n + 1.8760108 * t + .041556 * e), At(.0556434 * n - .2040259 * t + 1.0572252 * e), this.opacity); + } })), Or(Ct, function (t, n, e, r) { + return 1 === arguments.length ? Nt(t) : new Ct(t, n, e, null == r ? 1 : r); + }, ft(st, { brighter: function brighter(t) { + return new Ct(this.h, this.c, this.l + 18 * (null == t ? 1 : t), this.opacity); + }, darker: function darker(t) { + return new Ct(this.h, this.c, this.l - 18 * (null == t ? 1 : t), this.opacity); + }, rgb: function rgb() { + return wt(this).rgb(); + } }));var si = -.14861, + hi = 1.78277, + li = -.29227, + di = -.90649, + pi = 1.97294, + vi = pi * di, + yi = pi * hi, + gi = hi * li - di * si;Or(Ut, zt, ft(st, { brighter: function brighter(t) { + return t = null == t ? 1 / .7 : Math.pow(1 / .7, t), new Ut(this.h, this.s, this.l * t, this.opacity); + }, darker: function darker(t) { + return t = null == t ? .7 : Math.pow(.7, t), new Ut(this.h, this.s, this.l * t, this.opacity); + }, rgb: function rgb() { + var t = isNaN(this.h) ? 0 : (this.h + 120) * ni, + n = +this.l, + e = isNaN(this.s) ? 0 : this.s * n * (1 - n), + r = Math.cos(t), + i = Math.sin(t);return new yt(255 * (n + e * (si * r + hi * i)), 255 * (n + e * (li * r + di * i)), 255 * (n + e * (pi * r)), this.opacity); + } }));var bi, + mi, + _i, + wi, + xi = function xi(t) { + return function () { + return t; + }; + }, + Mi = function t(n) { + function e(t, n) { + var e = r((t = vt(t)).r, (n = vt(n)).r), + i = r(t.g, n.g), + o = r(t.b, n.b), + a = Ft(t.opacity, n.opacity);return function (n) { + return t.r = e(n), t.g = i(n), t.b = o(n), t.opacity = a(n), t + ""; + }; + }var r = Yt(n);return e.gamma = t, e; + }(1), + Ti = function Ti(t, n) { + return t = +t, n -= t, function (e) { + return t + n * e; + }; + }, + Ai = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, + ki = new RegExp(Ai.source, "g"), + Ni = function Ni(t, n) { + var e, + r, + i, + o = Ai.lastIndex = ki.lastIndex = 0, + a = -1, + u = [], + c = [];for (t += "", n += ""; (e = Ai.exec(t)) && (r = ki.exec(n));) { + (i = r.index) > o && (i = n.slice(o, i), u[a] ? u[a] += i : u[++a] = i), (e = e[0]) === (r = r[0]) ? u[a] ? u[a] += r : u[++a] = r : (u[++a] = null, c.push({ i: a, x: Ti(e, r) })), o = ki.lastIndex; + }return o < n.length && (i = n.slice(o), u[a] ? u[a] += i : u[++a] = i), u.length < 2 ? c[0] ? Pt(c[0].x) : qt(n) : (n = c.length, function (t) { + for (var e, r = 0; r < n; ++r) { + u[(e = c[r]).i] = e.x(t); + }return u.join(""); + }); + }, + Ci = 180 / Math.PI, + Si = { translateX: 0, translateY: 0, rotate: 0, skewX: 0, scaleX: 1, scaleY: 1 }, + zi = function zi(t, n, e, r, i, o) { + var a, u, c;return (a = Math.sqrt(t * t + n * n)) && (t /= a, n /= a), (c = t * e + n * r) && (e -= t * c, r -= n * c), (u = Math.sqrt(e * e + r * r)) && (e /= u, r /= u, c /= u), t * r < n * e && (t = -t, n = -n, c = -c, a = -a), { translateX: i, translateY: o, rotate: Math.atan2(n, t) * Ci, skewX: Math.atan(c) * Ci, scaleX: a, scaleY: u }; + }, + Ui = Ht(function (t) { + return "none" === t ? Si : (bi || (bi = document.createElement("DIV"), mi = document.documentElement, _i = document.defaultView), bi.style.transform = t, t = _i.getComputedStyle(mi.appendChild(bi), null).getPropertyValue("transform"), mi.removeChild(bi), t = t.slice(7, -1).split(","), zi(+t[0], +t[1], +t[2], +t[3], +t[4], +t[5])); + }, "px, ", "px)", "deg)"), + Di = Ht(function (t) { + return null == t ? Si : (wi || (wi = document.createElementNS("http://www.w3.org/2000/svg", "g")), wi.setAttribute("transform", t), (t = wi.transform.baseVal.consolidate()) ? (t = t.matrix, zi(t.a, t.b, t.c, t.d, t.e, t.f)) : Si); + }, ", ", ")", ")"), + Ei = Math.SQRT2, + Yi = function Yi(t, n) { + var e, + r, + i = t[0], + o = t[1], + a = t[2], + u = n[0], + c = n[1], + f = n[2], + s = u - i, + h = c - o, + l = s * s + h * h;if (l < 1e-12) r = Math.log(f / a) / Ei, e = function e(t) { + return [i + t * s, o + t * h, a * Math.exp(Ei * t * r)]; + };else { + var d = Math.sqrt(l), + p = (f * f - a * a + 4 * l) / (2 * a * 2 * d), + v = (f * f - a * a - 4 * l) / (2 * f * 2 * d), + y = Math.log(Math.sqrt(p * p + 1) - p), + g = Math.log(Math.sqrt(v * v + 1) - v);r = (g - y) / Ei, e = function e(t) { + var n = t * r, + e = Xt(y), + u = a / (2 * d) * (e * Lt(Ei * n + y) - jt(y));return [i + u * s, o + u * h, a * e / Xt(Ei * n + y)]; + }; + }return e.duration = 1e3 * r, e; + };Ot(function (t, n) { + var e = n - t;return e ? Dt(t, e > 180 || e < -180 ? e - 360 * Math.round(e / 360) : e) : xi(isNaN(t) ? n : t); + });var Fi, + qi, + Pi = Ot(Ft), + Hi = 0, + Xi = 0, + ji = 0, + Li = 1e3, + Oi = 0, + Ii = 0, + $i = 0, + Ri = "object" == (typeof performance === "undefined" ? "undefined" : _typeof(performance)) && performance.now ? performance : Date, + Vi = "object" == (typeof window === "undefined" ? "undefined" : _typeof(window)) && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function (t) { + setTimeout(t, 17); + };Rt.prototype = Vt.prototype = { constructor: Rt, restart: function restart(t, n, e) { + if ("function" != typeof t) throw new TypeError("callback is not a function");e = (null == e ? It() : +e) + (null == n ? 0 : +n), this._next || qi === this || (qi ? qi._next = this : Fi = this, qi = this), this._call = t, this._time = e, Gt(); + }, stop: function stop() { + this._call && (this._call = null, this._time = 1 / 0, Gt()); + } };var Bi = function Bi(t, n, e) { + var r = new Rt();return n = null == n ? 0 : +n, r.restart(function (e) { + r.stop(), t(e + n); + }, n, e), r; + }, + Zi = n("start", "end", "interrupt"), + Wi = [], + Ji = 0, + Gi = 1, + Ki = 2, + Qi = 3, + to = 4, + no = 5, + eo = 6, + ro = function ro(t, n, e, r, i, o) { + var a = t.__transition;if (a) { + if (e in a) return; + } else t.__transition = {};nn(t, e, { name: n, index: r, group: i, on: Zi, tween: Wi, time: o.time, delay: o.delay, duration: o.duration, ease: o.ease, timer: null, state: Ji }); + }, + io = function io(t, n) { + var e, + r, + i, + o = t.__transition, + a = !0;if (o) { + n = null == n ? null : n + "";for (i in o) { + (e = o[i]).name === n ? (r = e.state > Ki && e.state < no, e.state = eo, e.timer.stop(), r && e.on.call("interrupt", t, t.__data__, e.index, e.group), delete o[i]) : a = !1; + }a && delete t.__transition; + } + }, + oo = function oo(t, n) { + var e;return ("number" == typeof n ? Ti : n instanceof ht ? Mi : (e = ht(n)) ? (n = e, Mi) : Ni)(t, n); + }, + ao = nt.prototype.constructor, + uo = 0, + co = nt.prototype;Sn.prototype = function (t) { + return nt().transition(t); + }.prototype = { constructor: Sn, select: function select(t) { + var n = this._name, + e = this._id;"function" != typeof t && (t = zr(t));for (var r = this._groups, i = r.length, o = new Array(i), a = 0; a < i; ++a) { + for (var u, c, f = r[a], s = f.length, h = o[a] = new Array(s), l = 0; l < s; ++l) { + (u = f[l]) && (c = t.call(u, u.__data__, l, f)) && ("__data__" in u && (c.__data__ = u.__data__), h[l] = c, ro(h[l], n, e, l, h, tn(u, e))); + } + }return new Sn(o, this._parents, n, e); + }, selectAll: function selectAll(t) { + var n = this._name, + e = this._id;"function" != typeof t && (t = Ur(t));for (var r = this._groups, i = r.length, o = [], a = [], u = 0; u < i; ++u) { + for (var c, f = r[u], s = f.length, h = 0; h < s; ++h) { + if (c = f[h]) { + for (var l, d = t.call(c, c.__data__, h, f), p = tn(c, e), v = 0, y = d.length; v < y; ++v) { + (l = d[v]) && ro(l, n, e, v, d, p); + }o.push(d), a.push(c); + } + } + }return new Sn(o, a, n, e); + }, filter: function filter(t) { + "function" != typeof t && (t = Ar(t));for (var n = this._groups, e = n.length, r = new Array(e), i = 0; i < e; ++i) { + for (var o, a = n[i], u = a.length, c = r[i] = [], f = 0; f < u; ++f) { + (o = a[f]) && t.call(o, o.__data__, f, a) && c.push(o); + } + }return new Sn(r, this._parents, this._name, this._id); + }, merge: function merge(t) { + if (t._id !== this._id) throw new Error();for (var n = this._groups, e = t._groups, r = n.length, i = e.length, o = Math.min(r, i), a = new Array(r), u = 0; u < o; ++u) { + for (var c, f = n[u], s = e[u], h = f.length, l = a[u] = new Array(h), d = 0; d < h; ++d) { + (c = f[d] || s[d]) && (l[d] = c); + } + }for (; u < r; ++u) { + a[u] = n[u]; + }return new Sn(a, this._parents, this._name, this._id); + }, selection: function selection() { + return new ao(this._groups, this._parents); + }, transition: function transition() { + for (var t = this._name, n = this._id, e = zn(), r = this._groups, i = r.length, o = 0; o < i; ++o) { + for (var a, u = r[o], c = u.length, f = 0; f < c; ++f) { + if (a = u[f]) { + var s = tn(a, n);ro(a, t, e, f, u, { time: s.time + s.delay + s.duration, delay: 0, duration: s.duration, ease: s.ease }); + } + } + }return new Sn(r, this._parents, t, e); + }, call: co.call, nodes: co.nodes, node: co.node, size: co.size, empty: co.empty, each: co.each, on: function on(t, n) { + var e = this._id;return arguments.length < 2 ? tn(this.node(), e).on.on(t) : this.each(_n(e, t, n)); + }, attr: function attr(t, n) { + var e = _r(t), + r = "transform" === e ? Di : oo;return this.attrTween(t, "function" == typeof n ? (e.local ? hn : sn)(e, r, on(this, "attr." + t, n)) : null == n ? (e.local ? un : an)(e) : (e.local ? fn : cn)(e, r, n + "")); + }, attrTween: function attrTween(t, n) { + var e = "attr." + t;if (arguments.length < 2) return (e = this.tween(e)) && e._value;if (null == n) return this.tween(e, null);if ("function" != typeof n) throw new Error();var r = _r(t);return this.tween(e, (r.local ? ln : dn)(r, n)); + }, style: function style(t, n, e) { + var r = "transform" == (t += "") ? Ui : oo;return null == n ? this.styleTween(t, xn(t, r)).on("end.style." + t, Mn(t)) : this.styleTween(t, "function" == typeof n ? An(t, r, on(this, "style." + t, n)) : Tn(t, r, n + ""), e); + }, styleTween: function styleTween(t, n, e) { + var r = "style." + (t += "");if (arguments.length < 2) return (r = this.tween(r)) && r._value;if (null == n) return this.tween(r, null);if ("function" != typeof n) throw new Error();return this.tween(r, kn(t, n, null == e ? "" : e)); + }, text: function text(t) { + return this.tween("text", "function" == typeof t ? Cn(on(this, "text", t)) : Nn(null == t ? "" : t + "")); + }, remove: function remove() { + return this.on("end.remove", wn(this._id)); + }, tween: function tween(t, n) { + var e = this._id;if (t += "", arguments.length < 2) { + for (var r, i = tn(this.node(), e).tween, o = 0, a = i.length; o < a; ++o) { + if ((r = i[o]).name === t) return r.value; + }return null; + }return this.each((null == n ? en : rn)(e, t, n)); + }, delay: function delay(t) { + var n = this._id;return arguments.length ? this.each(("function" == typeof t ? pn : vn)(n, t)) : tn(this.node(), n).delay; + }, duration: function duration(t) { + var n = this._id;return arguments.length ? this.each(("function" == typeof t ? yn : gn)(n, t)) : tn(this.node(), n).duration; + }, ease: function ease(t) { + var n = this._id;return arguments.length ? this.each(bn(n, t)) : tn(this.node(), n).ease; + } };var fo = { time: null, delay: 0, duration: 250, ease: function ease(t) { + return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2; + } };nt.prototype.interrupt = function (t) { + return this.each(function () { + io(this, t); + }); + }, nt.prototype.transition = function (t) { + var n, e;t instanceof Sn ? (n = t._id, t = t._name) : (n = zn(), (e = fo).time = It(), t = null == t ? null : t + "");for (var r = this._groups, i = r.length, o = 0; o < i; ++o) { + for (var a, u = r[o], c = u.length, f = 0; f < c; ++f) { + (a = u[f]) && ro(a, t, n, f, u, e || Un(a, n)); + } + }return new Sn(r, this._parents, t, n); + };["e", "w"].map(Dn), ["n", "s"].map(Dn), ["n", "e", "s", "w", "nw", "ne", "se", "sw"].map(Dn);En.prototype = Yn.prototype = { constructor: En, has: function has(t) { + return "$" + t in this; + }, get: function get(t) { + return this["$" + t]; + }, set: function set(t, n) { + return this["$" + t] = n, this; + }, remove: function remove(t) { + var n = "$" + t;return n in this && delete this[n]; + }, clear: function clear() { + for (var t in this) { + "$" === t[0] && delete this[t]; + } + }, keys: function keys() { + var t = [];for (var n in this) { + "$" === n[0] && t.push(n.slice(1)); + }return t; + }, values: function values() { + var t = [];for (var n in this) { + "$" === n[0] && t.push(this[n]); + }return t; + }, entries: function entries() { + var t = [];for (var n in this) { + "$" === n[0] && t.push({ key: n.slice(1), value: this[n] }); + }return t; + }, size: function size() { + var t = 0;for (var n in this) { + "$" === n[0] && ++t; + }return t; + }, empty: function empty() { + for (var t in this) { + if ("$" === t[0]) return !1; + }return !0; + }, each: function each(t) { + for (var n in this) { + "$" === n[0] && t(this[n], n.slice(1), this); + } + } };var so = {}, + ho = {}, + lo = 34, + po = 10, + vo = 13, + yo = function yo(t) { + function n(t, n) { + function e() { + if (f) return ho;if (s) return s = !1, so;var n, + e, + r = u;if (t.charCodeAt(r) === lo) { + for (; u++ < a && t.charCodeAt(u) !== lo || t.charCodeAt(++u) === lo;) {}return (n = u) >= a ? f = !0 : (e = t.charCodeAt(u++)) === po ? s = !0 : e === vo && (s = !0, t.charCodeAt(u) === po && ++u), t.slice(r + 1, n - 1).replace(/""/g, '"'); + }for (; u < a;) { + if ((e = t.charCodeAt(n = u++)) === po) s = !0;else if (e === vo) s = !0, t.charCodeAt(u) === po && ++u;else if (e !== o) continue;return t.slice(r, n); + }return f = !0, t.slice(r, a); + }var r, + i = [], + a = t.length, + u = 0, + c = 0, + f = a <= 0, + s = !1;for (t.charCodeAt(a - 1) === po && --a, t.charCodeAt(a - 1) === vo && --a; (r = e()) !== ho;) { + for (var h = []; r !== so && r !== ho;) { + h.push(r), r = e(); + }n && null == (h = n(h, c++)) || i.push(h); + }return i; + }function e(n) { + return n.map(r).join(t); + }function r(t) { + return null == t ? "" : i.test(t += "") ? '"' + t.replace(/"/g, '""') + '"' : t; + }var i = new RegExp('["' + t + "\n\r]"), + o = t.charCodeAt(0);return { parse: function parse(t, e) { + var r, + i, + o = n(t, function (t, n) { + if (r) return r(t, n - 1);i = t, r = e ? qn(t, e) : Fn(t); + });return o.columns = i, o; + }, parseRows: n, format: function format(n, e) { + return null == e && (e = Pn(n)), [e.map(r).join(t)].concat(n.map(function (n) { + return e.map(function (t) { + return r(n[t]); + }).join(t); + })).join("\n"); + }, formatRows: function formatRows(t) { + return t.map(e).join("\n"); + } }; + }, + go = (yo(","), yo("\t"), function (t) { + return function () { + return t; + }; + }), + bo = function bo() { + return 1e-6 * (Math.random() - .5); + }, + mo = function mo(t, n, e, r, i) { + this.node = t, this.x0 = n, this.y0 = e, this.x1 = r, this.y1 = i; + }, + _o = Ln.prototype = On.prototype;_o.copy = function () { + var t, + n, + e = new On(this._x, this._y, this._x0, this._y0, this._x1, this._y1), + r = this._root;if (!r) return e;if (!r.length) return e._root = In(r), e;for (t = [{ source: r, target: e._root = new Array(4) }]; r = t.pop();) { + for (var i = 0; i < 4; ++i) { + (n = r.source[i]) && (n.length ? t.push({ source: n, target: r.target[i] = new Array(4) }) : r.target[i] = In(n)); + } + }return e; + }, _o.add = function (t) { + var n = +this._x.call(null, t), + e = +this._y.call(null, t);return Hn(this.cover(n, e), n, e, t); + }, _o.addAll = function (t) { + var n, + e, + r, + i, + o = t.length, + a = new Array(o), + u = new Array(o), + c = 1 / 0, + f = 1 / 0, + s = -1 / 0, + h = -1 / 0;for (e = 0; e < o; ++e) { + isNaN(r = +this._x.call(null, n = t[e])) || isNaN(i = +this._y.call(null, n)) || (a[e] = r, u[e] = i, r < c && (c = r), r > s && (s = r), i < f && (f = i), i > h && (h = i)); + }for (s < c && (c = this._x0, s = this._x1), h < f && (f = this._y0, h = this._y1), this.cover(c, f).cover(s, h), e = 0; e < o; ++e) { + Hn(this, a[e], u[e], t[e]); + }return this; + }, _o.cover = function (t, n) { + if (isNaN(t = +t) || isNaN(n = +n)) return this;var e = this._x0, + r = this._y0, + i = this._x1, + o = this._y1;if (isNaN(e)) i = (e = Math.floor(t)) + 1, o = (r = Math.floor(n)) + 1;else { + if (!(e > t || t > i || r > n || n > o)) return this;var a, + u, + c = i - e, + f = this._root;switch (u = (n < (r + o) / 2) << 1 | t < (e + i) / 2) {case 0: + do { + a = new Array(4), a[u] = f, f = a; + } while ((c *= 2, i = e + c, o = r + c, t > i || n > o));break;case 1: + do { + a = new Array(4), a[u] = f, f = a; + } while ((c *= 2, e = i - c, o = r + c, e > t || n > o));break;case 2: + do { + a = new Array(4), a[u] = f, f = a; + } while ((c *= 2, i = e + c, r = o - c, t > i || r > n));break;case 3: + do { + a = new Array(4), a[u] = f, f = a; + } while ((c *= 2, e = i - c, r = o - c, e > t || r > n));}this._root && this._root.length && (this._root = f); + }return this._x0 = e, this._y0 = r, this._x1 = i, this._y1 = o, this; + }, _o.data = function () { + var t = [];return this.visit(function (n) { + if (!n.length) do { + t.push(n.data); + } while (n = n.next); + }), t; + }, _o.extent = function (t) { + return arguments.length ? this.cover(+t[0][0], +t[0][1]).cover(+t[1][0], +t[1][1]) : isNaN(this._x0) ? void 0 : [[this._x0, this._y0], [this._x1, this._y1]]; + }, _o.find = function (t, n, e) { + var r, + i, + o, + a, + u, + c, + f, + s = this._x0, + h = this._y0, + l = this._x1, + d = this._y1, + p = [], + v = this._root;for (v && p.push(new mo(v, s, h, l, d)), null == e ? e = 1 / 0 : (s = t - e, h = n - e, l = t + e, d = n + e, e *= e); c = p.pop();) { + if (!(!(v = c.node) || (i = c.x0) > l || (o = c.y0) > d || (a = c.x1) < s || (u = c.y1) < h)) if (v.length) { + var y = (i + a) / 2, + g = (o + u) / 2;p.push(new mo(v[3], y, g, a, u), new mo(v[2], i, g, y, u), new mo(v[1], y, o, a, g), new mo(v[0], i, o, y, g)), (f = (n >= g) << 1 | t >= y) && (c = p[p.length - 1], p[p.length - 1] = p[p.length - 1 - f], p[p.length - 1 - f] = c); + } else { + var b = t - +this._x.call(null, v.data), + m = n - +this._y.call(null, v.data), + _ = b * b + m * m;if (_ < e) { + var w = Math.sqrt(e = _);s = t - w, h = n - w, l = t + w, d = n + w, r = v.data; + } + } + }return r; + }, _o.remove = function (t) { + if (isNaN(o = +this._x.call(null, t)) || isNaN(a = +this._y.call(null, t))) return this;var n, + e, + r, + i, + o, + a, + u, + c, + f, + s, + h, + l, + d = this._root, + p = this._x0, + v = this._y0, + y = this._x1, + g = this._y1;if (!d) return this;if (d.length) for (;;) { + if ((f = o >= (u = (p + y) / 2)) ? p = u : y = u, (s = a >= (c = (v + g) / 2)) ? v = c : g = c, n = d, !(d = d[h = s << 1 | f])) return this;if (!d.length) break;(n[h + 1 & 3] || n[h + 2 & 3] || n[h + 3 & 3]) && (e = n, l = h); + }for (; d.data !== t;) { + if (r = d, !(d = d.next)) return this; + }return (i = d.next) && delete d.next, r ? (i ? r.next = i : delete r.next, this) : n ? (i ? n[h] = i : delete n[h], (d = n[0] || n[1] || n[2] || n[3]) && d === (n[3] || n[2] || n[1] || n[0]) && !d.length && (e ? e[l] = d : this._root = d), this) : (this._root = i, this); + }, _o.removeAll = function (t) { + for (var n = 0, e = t.length; n < e; ++n) { + this.remove(t[n]); + }return this; + }, _o.root = function () { + return this._root; + }, _o.size = function () { + var t = 0;return this.visit(function (n) { + if (!n.length) do { + ++t; + } while (n = n.next); + }), t; + }, _o.visit = function (t) { + var n, + e, + r, + i, + o, + a, + u = [], + c = this._root;for (c && u.push(new mo(c, this._x0, this._y0, this._x1, this._y1)); n = u.pop();) { + if (!t(c = n.node, r = n.x0, i = n.y0, o = n.x1, a = n.y1) && c.length) { + var f = (r + o) / 2, + s = (i + a) / 2;(e = c[3]) && u.push(new mo(e, f, s, o, a)), (e = c[2]) && u.push(new mo(e, r, s, f, a)), (e = c[1]) && u.push(new mo(e, f, i, o, s)), (e = c[0]) && u.push(new mo(e, r, i, f, s)); + } + }return this; + }, _o.visitAfter = function (t) { + var n, + e = [], + r = [];for (this._root && e.push(new mo(this._root, this._x0, this._y0, this._x1, this._y1)); n = e.pop();) { + var i = n.node;if (i.length) { + var o, + a = n.x0, + u = n.y0, + c = n.x1, + f = n.y1, + s = (a + c) / 2, + h = (u + f) / 2;(o = i[0]) && e.push(new mo(o, a, u, s, h)), (o = i[1]) && e.push(new mo(o, s, u, c, h)), (o = i[2]) && e.push(new mo(o, a, h, s, f)), (o = i[3]) && e.push(new mo(o, s, h, c, f)); + }r.push(n); + }for (; n = r.pop();) { + t(n.node, n.x0, n.y0, n.x1, n.y1); + }return this; + }, _o.x = function (t) { + return arguments.length ? (this._x = t, this) : this._x; + }, _o.y = function (t) { + return arguments.length ? (this._y = t, this) : this._y; + };var wo, + xo = 10, + Mo = Math.PI * (3 - Math.sqrt(5)), + To = function To(t, n) { + if ((e = (t = n ? t.toExponential(n - 1) : t.toExponential()).indexOf("e")) < 0) return null;var e, + r = t.slice(0, e);return [r.length > 1 ? r[0] + r.slice(2) : r, +t.slice(e + 1)]; + }, + Ao = function Ao(t, n) { + var e = To(t, n);if (!e) return t + "";var r = e[0], + i = e[1];return i < 0 ? "0." + new Array(-i).join("0") + r : r.length > i + 1 ? r.slice(0, i + 1) + "." + r.slice(i + 1) : r + new Array(i - r.length + 2).join("0"); + }, + ko = { "": function _(t, n) { + t: for (var e, r = (t = t.toPrecision(n)).length, i = 1, o = -1; i < r; ++i) { + switch (t[i]) {case ".": + o = e = i;break;case "0": + 0 === o && (o = i), e = i;break;case "e": + break t;default: + o > 0 && (o = 0);} + }return o > 0 ? t.slice(0, o) + t.slice(e + 1) : t; + }, "%": function _(t, n) { + return (100 * t).toFixed(n); + }, b: function b(t) { + return Math.round(t).toString(2); + }, c: function c(t) { + return t + ""; + }, d: function d(t) { + return Math.round(t).toString(10); + }, e: function e(t, n) { + return t.toExponential(n); + }, f: function f(t, n) { + return t.toFixed(n); + }, g: function g(t, n) { + return t.toPrecision(n); + }, o: function o(t) { + return Math.round(t).toString(8); + }, p: function p(t, n) { + return Ao(100 * t, n); + }, r: Ao, s: function s(t, n) { + var e = To(t, n);if (!e) return t + "";var r = e[0], + i = e[1], + o = i - (wo = 3 * Math.max(-8, Math.min(8, Math.floor(i / 3)))) + 1, + a = r.length;return o === a ? r : o > a ? r + new Array(o - a + 1).join("0") : o > 0 ? r.slice(0, o) + "." + r.slice(o) : "0." + new Array(1 - o).join("0") + To(t, Math.max(0, n + o - 1))[0]; + }, X: function X(t) { + return Math.round(t).toString(16).toUpperCase(); + }, x: function x(t) { + return Math.round(t).toString(16); + } }, + No = /^(?:(.)?([<>=^]))?([+\-\( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?([a-z%])?$/i;(function (t) { + if (!(n = No.exec(t))) throw new Error("invalid format: " + t);var n, + e = n[1] || " ", + r = n[2] || ">", + i = n[3] || "-", + o = n[4] || "", + a = !!n[5], + u = n[6] && +n[6], + c = !!n[7], + f = n[8] && +n[8].slice(1), + s = n[9] || "";"n" === s ? (c = !0, s = "g") : ko[s] || (s = ""), (a || "0" === e && "=" === r) && (a = !0, e = "0", r = "="), this.fill = e, this.align = r, this.sign = i, this.symbol = o, this.zero = a, this.width = u, this.comma = c, this.precision = f, this.type = s; + }).prototype.toString = function () { + return this.fill + this.align + this.sign + this.symbol + (this.zero ? "0" : "") + (null == this.width ? "" : Math.max(1, 0 | this.width)) + (this.comma ? "," : "") + (null == this.precision ? "" : "." + Math.max(0, 0 | this.precision)) + this.type; + };var Co = function Co() { + return new Jn(); + };Jn.prototype = { constructor: Jn, reset: function reset() { + this.s = this.t = 0; + }, add: function add(t) { + Gn(So, t, this.t), Gn(this, So.s, this.s), this.s ? this.t += So.t : this.s = So.t; + }, valueOf: function valueOf() { + return this.s; + } };var So = new Jn(), + zo = Math.PI, + Uo = zo / 2, + Do = Math.atan, + Eo = Math.atan2, + Yo = Math.cos, + Fo = Math.sin, + qo = Math.sqrt;Co(), Co(), Co(), Co(), Co(), Co(), Co(), Co();te(function (t) { + return qo(2 / (1 + t)); + }).invert = ne(function (t) { + return 2 * Qn(t / 2); + }), te(function (t) { + return (t = Kn(t)) && t / Fo(t); + }).invert = ne(function (t) { + return t; + }), function (t, n) { + var e = Yo(n), + r = Yo(t) * e;return [e * Fo(t) / r, Fo(n) / r]; + }.invert = ne(Do), function (t, n) { + return [Yo(n) * Fo(t), Fo(n)]; + }.invert = ne(Qn), function (t, n) { + var e = Yo(n), + r = 1 + Yo(t) * e;return [e * Fo(t) / r, Fo(n) / r]; + }.invert = ne(function (t) { + return 2 * Do(t); + });var Po = new Date(), + Ho = new Date(), + Xo = ee(function () {}, function (t, n) { + t.setTime(+t + n); + }, function (t, n) { + return n - t; + });Xo.every = function (t) { + return t = Math.floor(t), isFinite(t) && t > 0 ? t > 1 ? ee(function (n) { + n.setTime(Math.floor(n / t) * t); + }, function (n, e) { + n.setTime(+n + e * t); + }, function (n, e) { + return (e - n) / t; + }) : Xo : null; + };var jo = 6e4, + Lo = 6048e5, + Oo = (ee(function (t) { + t.setTime(1e3 * Math.floor(t / 1e3)); + }, function (t, n) { + t.setTime(+t + 1e3 * n); + }, function (t, n) { + return (n - t) / 1e3; + }, function (t) { + return t.getUTCSeconds(); + }), ee(function (t) { + t.setTime(Math.floor(t / jo) * jo); + }, function (t, n) { + t.setTime(+t + n * jo); + }, function (t, n) { + return (n - t) / jo; + }, function (t) { + return t.getMinutes(); + }), ee(function (t) { + var n = t.getTimezoneOffset() * jo % 36e5;n < 0 && (n += 36e5), t.setTime(36e5 * Math.floor((+t - n) / 36e5) + n); + }, function (t, n) { + t.setTime(+t + 36e5 * n); + }, function (t, n) { + return (n - t) / 36e5; + }, function (t) { + return t.getHours(); + }), ee(function (t) { + t.setHours(0, 0, 0, 0); + }, function (t, n) { + t.setDate(t.getDate() + n); + }, function (t, n) { + return (n - t - (n.getTimezoneOffset() - t.getTimezoneOffset()) * jo) / 864e5; + }, function (t) { + return t.getDate() - 1; + })), + Io = re(0), + $o = re(1), + Ro = (re(2), re(3), re(4), re(5), re(6), ee(function (t) { + t.setDate(1), t.setHours(0, 0, 0, 0); + }, function (t, n) { + t.setMonth(t.getMonth() + n); + }, function (t, n) { + return n.getMonth() - t.getMonth() + 12 * (n.getFullYear() - t.getFullYear()); + }, function (t) { + return t.getMonth(); + }), ee(function (t) { + t.setMonth(0, 1), t.setHours(0, 0, 0, 0); + }, function (t, n) { + t.setFullYear(t.getFullYear() + n); + }, function (t, n) { + return n.getFullYear() - t.getFullYear(); + }, function (t) { + return t.getFullYear(); + }));Ro.every = function (t) { + return isFinite(t = Math.floor(t)) && t > 0 ? ee(function (n) { + n.setFullYear(Math.floor(n.getFullYear() / t) * t), n.setMonth(0, 1), n.setHours(0, 0, 0, 0); + }, function (n, e) { + n.setFullYear(n.getFullYear() + e * t); + }) : null; + };ee(function (t) { + t.setUTCSeconds(0, 0); + }, function (t, n) { + t.setTime(+t + n * jo); + }, function (t, n) { + return (n - t) / jo; + }, function (t) { + return t.getUTCMinutes(); + }), ee(function (t) { + t.setUTCMinutes(0, 0, 0); + }, function (t, n) { + t.setTime(+t + 36e5 * n); + }, function (t, n) { + return (n - t) / 36e5; + }, function (t) { + return t.getUTCHours(); + });var Vo = ee(function (t) { + t.setUTCHours(0, 0, 0, 0); + }, function (t, n) { + t.setUTCDate(t.getUTCDate() + n); + }, function (t, n) { + return (n - t) / 864e5; + }, function (t) { + return t.getUTCDate() - 1; + }), + Bo = ie(0), + Zo = ie(1), + Wo = (ie(2), ie(3), ie(4), ie(5), ie(6), ee(function (t) { + t.setUTCDate(1), t.setUTCHours(0, 0, 0, 0); + }, function (t, n) { + t.setUTCMonth(t.getUTCMonth() + n); + }, function (t, n) { + return n.getUTCMonth() - t.getUTCMonth() + 12 * (n.getUTCFullYear() - t.getUTCFullYear()); + }, function (t) { + return t.getUTCMonth(); + }), ee(function (t) { + t.setUTCMonth(0, 1), t.setUTCHours(0, 0, 0, 0); + }, function (t, n) { + t.setUTCFullYear(t.getUTCFullYear() + n); + }, function (t, n) { + return n.getUTCFullYear() - t.getUTCFullYear(); + }, function (t) { + return t.getUTCFullYear(); + }));Wo.every = function (t) { + return isFinite(t = Math.floor(t)) && t > 0 ? ee(function (n) { + n.setUTCFullYear(Math.floor(n.getUTCFullYear() / t) * t), n.setUTCMonth(0, 1), n.setUTCHours(0, 0, 0, 0); + }, function (n, e) { + n.setUTCFullYear(n.getUTCFullYear() + e * t); + }) : null; + };var Jo, + Go, + Ko, + Qo = { "-": "", _: " ", 0: "0" }, + ta = /^\s*\d+/, + na = /^%/, + ea = /[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g;!function (t) { + Jo = ce(t), Go = Jo.utcFormat, Ko = Jo.utcParse; + }({ dateTime: "%x, %X", date: "%-m/%-d/%Y", time: "%-I:%M:%S %p", periods: ["AM", "PM"], days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], shortDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] });Date.prototype.toISOString || Go("%Y-%m-%dT%H:%M:%S.%LZ"), +new Date("2000-01-01T00:00:00.000Z") || Ko("%Y-%m-%dT%H:%M:%S.%LZ");var ra = function ra(t) { + return t.match(/.{6}/g).map(function (t) { + return "#" + t; + }); + };ra("1f77b4ff7f0e2ca02cd627289467bd8c564be377c27f7f7fbcbd2217becf"), ra("393b795254a36b6ecf9c9ede6379398ca252b5cf6bcedb9c8c6d31bd9e39e7ba52e7cb94843c39ad494ad6616be7969c7b4173a55194ce6dbdde9ed6"), ra("3182bd6baed69ecae1c6dbefe6550dfd8d3cfdae6bfdd0a231a35474c476a1d99bc7e9c0756bb19e9ac8bcbddcdadaeb636363969696bdbdbdd9d9d9"), ra("1f77b4aec7e8ff7f0effbb782ca02c98df8ad62728ff98969467bdc5b0d58c564bc49c94e377c2f7b6d27f7f7fc7c7c7bcbd22dbdb8d17becf9edae5"), Pi(zt(300, .5, 0), zt(-240, .5, 1));Pi(zt(-100, .75, .35), zt(80, 1.5, .8)), Pi(zt(260, .75, .35), zt(80, 1.5, .8)), zt();er(ra("44015444025645045745055946075a46085c460a5d460b5e470d60470e6147106347116447136548146748166848176948186a481a6c481b6d481c6e481d6f481f70482071482173482374482475482576482677482878482979472a7a472c7a472d7b472e7c472f7d46307e46327e46337f463480453581453781453882443983443a83443b84433d84433e85423f854240864241864142874144874045884046883f47883f48893e49893e4a893e4c8a3d4d8a3d4e8a3c4f8a3c508b3b518b3b528b3a538b3a548c39558c39568c38588c38598c375a8c375b8d365c8d365d8d355e8d355f8d34608d34618d33628d33638d32648e32658e31668e31678e31688e30698e306a8e2f6b8e2f6c8e2e6d8e2e6e8e2e6f8e2d708e2d718e2c718e2c728e2c738e2b748e2b758e2a768e2a778e2a788e29798e297a8e297b8e287c8e287d8e277e8e277f8e27808e26818e26828e26828e25838e25848e25858e24868e24878e23888e23898e238a8d228b8d228c8d228d8d218e8d218f8d21908d21918c20928c20928c20938c1f948c1f958b1f968b1f978b1f988b1f998a1f9a8a1e9b8a1e9c891e9d891f9e891f9f881fa0881fa1881fa1871fa28720a38620a48621a58521a68522a78522a88423a98324aa8325ab8225ac8226ad8127ad8128ae8029af7f2ab07f2cb17e2db27d2eb37c2fb47c31b57b32b67a34b67935b77937b87838b9773aba763bbb753dbc743fbc7340bd7242be7144bf7046c06f48c16e4ac16d4cc26c4ec36b50c46a52c56954c56856c66758c7655ac8645cc8635ec96260ca6063cb5f65cb5e67cc5c69cd5b6ccd5a6ece5870cf5773d05675d05477d1537ad1517cd2507fd34e81d34d84d44b86d54989d5488bd6468ed64590d74393d74195d84098d83e9bd93c9dd93ba0da39a2da37a5db36a8db34aadc32addc30b0dd2fb2dd2db5de2bb8de29bade28bddf26c0df25c2df23c5e021c8e020cae11fcde11dd0e11cd2e21bd5e21ad8e219dae319dde318dfe318e2e418e5e419e7e419eae51aece51befe51cf1e51df4e61ef6e620f8e621fbe723fde725"));er(ra("00000401000501010601010802010902020b02020d03030f03031204041405041606051806051a07061c08071e0907200a08220b09240c09260d0a290e0b2b100b2d110c2f120d31130d34140e36150e38160f3b180f3d19103f1a10421c10441d11471e114920114b21114e22115024125325125527125829115a2a115c2c115f2d11612f116331116533106734106936106b38106c390f6e3b0f703d0f713f0f72400f74420f75440f764510774710784910784a10794c117a4e117b4f127b51127c52137c54137d56147d57157e59157e5a167e5c167f5d177f5f187f601880621980641a80651a80671b80681c816a1c816b1d816d1d816e1e81701f81721f817320817521817621817822817922827b23827c23827e24828025828125818326818426818627818827818928818b29818c29818e2a81902a81912b81932b80942c80962c80982d80992d809b2e7f9c2e7f9e2f7fa02f7fa1307ea3307ea5317ea6317da8327daa337dab337cad347cae347bb0357bb2357bb3367ab5367ab73779b83779ba3878bc3978bd3977bf3a77c03a76c23b75c43c75c53c74c73d73c83e73ca3e72cc3f71cd4071cf4070d0416fd2426fd3436ed5446dd6456cd8456cd9466bdb476adc4869de4968df4a68e04c67e24d66e34e65e44f64e55064e75263e85362e95462ea5661eb5760ec5860ed5a5fee5b5eef5d5ef05f5ef1605df2625df2645cf3655cf4675cf4695cf56b5cf66c5cf66e5cf7705cf7725cf8745cf8765cf9785df9795df97b5dfa7d5efa7f5efa815ffb835ffb8560fb8761fc8961fc8a62fc8c63fc8e64fc9065fd9266fd9467fd9668fd9869fd9a6afd9b6bfe9d6cfe9f6dfea16efea36ffea571fea772fea973feaa74feac76feae77feb078feb27afeb47bfeb67cfeb77efeb97ffebb81febd82febf84fec185fec287fec488fec68afec88cfeca8dfecc8ffecd90fecf92fed194fed395fed597fed799fed89afdda9cfddc9efddea0fde0a1fde2a3fde3a5fde5a7fde7a9fde9aafdebacfcecaefceeb0fcf0b2fcf2b4fcf4b6fcf6b8fcf7b9fcf9bbfcfbbdfcfdbf")), er(ra("00000401000501010601010802010a02020c02020e03021004031204031405041706041907051b08051d09061f0a07220b07240c08260d08290e092b10092d110a30120a32140b34150b37160b39180c3c190c3e1b0c411c0c431e0c451f0c48210c4a230c4c240c4f260c51280b53290b552b0b572d0b592f0a5b310a5c320a5e340a5f3609613809623909633b09643d09653e0966400a67420a68440a68450a69470b6a490b6a4a0c6b4c0c6b4d0d6c4f0d6c510e6c520e6d540f6d550f6d57106e59106e5a116e5c126e5d126e5f136e61136e62146e64156e65156e67166e69166e6a176e6c186e6d186e6f196e71196e721a6e741a6e751b6e771c6d781c6d7a1d6d7c1d6d7d1e6d7f1e6c801f6c82206c84206b85216b87216b88226a8a226a8c23698d23698f24699025689225689326679526679727669827669a28659b29649d29649f2a63a02a63a22b62a32c61a52c60a62d60a82e5fa92e5eab2f5ead305dae305cb0315bb1325ab3325ab43359b63458b73557b93556ba3655bc3754bd3853bf3952c03a51c13a50c33b4fc43c4ec63d4dc73e4cc83f4bca404acb4149cc4248ce4347cf4446d04545d24644d34743d44842d54a41d74b3fd84c3ed94d3dda4e3cdb503bdd513ade5238df5337e05536e15635e25734e35933e45a31e55c30e65d2fe75e2ee8602de9612bea632aeb6429eb6628ec6726ed6925ee6a24ef6c23ef6e21f06f20f1711ff1731df2741cf3761bf37819f47918f57b17f57d15f67e14f68013f78212f78410f8850ff8870ef8890cf98b0bf98c0af98e09fa9008fa9207fa9407fb9606fb9706fb9906fb9b06fb9d07fc9f07fca108fca309fca50afca60cfca80dfcaa0ffcac11fcae12fcb014fcb216fcb418fbb61afbb81dfbba1ffbbc21fbbe23fac026fac228fac42afac62df9c72ff9c932f9cb35f8cd37f8cf3af7d13df7d340f6d543f6d746f5d949f5db4cf4dd4ff4df53f4e156f3e35af3e55df2e661f2e865f2ea69f1ec6df1ed71f1ef75f1f179f2f27df2f482f3f586f3f68af4f88ef5f992f6fa96f8fb9af9fc9dfafda1fcffa4")), er(ra("0d088710078813078916078a19068c1b068d1d068e20068f2206902406912605912805922a05932c05942e05952f059631059733059735049837049938049a3a049a3c049b3e049c3f049c41049d43039e44039e46039f48039f4903a04b03a14c02a14e02a25002a25102a35302a35502a45601a45801a45901a55b01a55c01a65e01a66001a66100a76300a76400a76600a76700a86900a86a00a86c00a86e00a86f00a87100a87201a87401a87501a87701a87801a87a02a87b02a87d03a87e03a88004a88104a78305a78405a78606a68707a68808a68a09a58b0aa58d0ba58e0ca48f0da4910ea3920fa39410a29511a19613a19814a099159f9a169f9c179e9d189d9e199da01a9ca11b9ba21d9aa31e9aa51f99a62098a72197a82296aa2395ab2494ac2694ad2793ae2892b02991b12a90b22b8fb32c8eb42e8db52f8cb6308bb7318ab83289ba3388bb3488bc3587bd3786be3885bf3984c03a83c13b82c23c81c33d80c43e7fc5407ec6417dc7427cc8437bc9447aca457acb4679cc4778cc4977cd4a76ce4b75cf4c74d04d73d14e72d24f71d35171d45270d5536fd5546ed6556dd7566cd8576bd9586ada5a6ada5b69db5c68dc5d67dd5e66de5f65de6164df6263e06363e16462e26561e26660e3685fe4695ee56a5de56b5de66c5ce76e5be76f5ae87059e97158e97257ea7457eb7556eb7655ec7754ed7953ed7a52ee7b51ef7c51ef7e50f07f4ff0804ef1814df1834cf2844bf3854bf3874af48849f48948f58b47f58c46f68d45f68f44f79044f79143f79342f89441f89540f9973ff9983ef99a3efa9b3dfa9c3cfa9e3bfb9f3afba139fba238fca338fca537fca636fca835fca934fdab33fdac33fdae32fdaf31fdb130fdb22ffdb42ffdb52efeb72dfeb82cfeba2cfebb2bfebd2afebe2afec029fdc229fdc328fdc527fdc627fdc827fdca26fdcb26fccd25fcce25fcd025fcd225fbd324fbd524fbd724fad824fada24f9dc24f9dd25f8df25f8e125f7e225f7e425f6e626f6e826f5e926f5eb27f4ed27f3ee27f3f027f2f227f1f426f1f525f0f724f0f921"));ur.prototype = { areaStart: function areaStart() { + this._line = 0; + }, areaEnd: function areaEnd() { + this._line = NaN; + }, lineStart: function lineStart() { + this._x0 = this._x1 = this._y0 = this._y1 = this._t0 = NaN, this._point = 0; + }, lineEnd: function lineEnd() { + switch (this._point) {case 2: + this._context.lineTo(this._x1, this._y1);break;case 3: + ar(this, this._t0, or(this, this._t0));}(this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line = 1 - this._line; + }, point: function point(t, n) { + var e = NaN;if (t = +t, n = +n, t !== this._x1 || n !== this._y1) { + switch (this._point) {case 0: + this._point = 1, this._line ? this._context.lineTo(t, n) : this._context.moveTo(t, n);break;case 1: + this._point = 2;break;case 2: + this._point = 3, ar(this, or(this, e = ir(this, t, n)), e);break;default: + ar(this, this._t0, e = ir(this, t, n));}this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = n, this._t0 = e; + } + } }, (function (t) { + this._context = new cr(t); + }.prototype = Object.create(ur.prototype)).point = function (t, n) { + ur.prototype.point.call(this, n, t); + }, cr.prototype = { moveTo: function moveTo(t, n) { + this._context.moveTo(n, t); + }, closePath: function closePath() { + this._context.closePath(); + }, lineTo: function lineTo(t, n) { + this._context.lineTo(n, t); + }, bezierCurveTo: function bezierCurveTo(t, n, e, r, i, o) { + this._context.bezierCurveTo(n, t, r, e, o, i); + } };var ia = function ia(t) { + return function () { + return t; + }; + };sr.prototype = { constructor: sr, scale: function scale(t) { + return 1 === t ? this : new sr(this.k * t, this.x, this.y); + }, translate: function translate(t, n) { + return 0 === t & 0 === n ? this : new sr(this.k, this.x + this.k * t, this.y + this.k * n); + }, apply: function apply(t) { + return [t[0] * this.k + this.x, t[1] * this.k + this.y]; + }, applyX: function applyX(t) { + return t * this.k + this.x; + }, applyY: function applyY(t) { + return t * this.k + this.y; + }, invert: function invert(t) { + return [(t[0] - this.x) / this.k, (t[1] - this.y) / this.k]; + }, invertX: function invertX(t) { + return (t - this.x) / this.k; + }, invertY: function invertY(t) { + return (t - this.y) / this.k; + }, rescaleX: function rescaleX(t) { + return t.copy().domain(t.range().map(this.invertX, this).map(t.invert, t)); + }, rescaleY: function rescaleY(t) { + return t.copy().domain(t.range().map(this.invertY, this).map(t.invert, t)); + }, toString: function toString() { + return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")"; + } };var oa = new sr(1, 0, 0), + aa = function aa() { + t.event.preventDefault(), t.event.stopImmediatePropagation(); + };t.forceCollide = function (t) { + function n() { + for (var t, n, r, c, f, s, h, l = i.length, d = 0; d < u; ++d) { + for (n = Ln(i, $n, Rn).visitAfter(e), t = 0; t < l; ++t) { + r = i[t], s = o[r.index], h = s * s, c = r.x + r.vx, f = r.y + r.vy, n.visit(function (t, n, e, i, o) { + var u = t.data, + l = t.r, + d = s + l;if (!u) return n > c + d || i < c - d || e > f + d || o < f - d;if (u.index > r.index) { + var p = c - u.x - u.vx, + v = f - u.y - u.vy, + y = p * p + v * v;y < d * d && (0 === p && (p = bo(), y += p * p), 0 === v && (v = bo(), y += v * v), y = (d - (y = Math.sqrt(y))) / y * a, r.vx += (p *= y) * (d = (l *= l) / (h + l)), r.vy += (v *= y) * d, u.vx -= p * (d = 1 - d), u.vy -= v * d); + } + }); + } + } + }function e(t) { + if (t.data) return t.r = o[t.data.index];for (var n = t.r = 0; n < 4; ++n) { + t[n] && t[n].r > t.r && (t.r = t[n].r); + } + }function r() { + if (i) { + var n, + e, + r = i.length;for (o = new Array(r), n = 0; n < r; ++n) { + e = i[n], o[e.index] = +t(e, n, i); + } + } + }var i, + o, + a = 1, + u = 1;return "function" != typeof t && (t = go(null == t ? 1 : +t)), n.initialize = function (t) { + i = t, r(); + }, n.iterations = function (t) { + return arguments.length ? (u = +t, n) : u; + }, n.strength = function (t) { + return arguments.length ? (a = +t, n) : a; + }, n.radius = function (e) { + return arguments.length ? (t = "function" == typeof e ? e : go(+e), r(), n) : t; + }, n; + }, t.forceLink = function (t) { + function n(n) { + for (var e = 0, r = t.length; e < d; ++e) { + for (var i, u, c, s, h, l, p, v = 0; v < r; ++v) { + u = (i = t[v]).source, s = (c = i.target).x + c.vx - u.x - u.vx || bo(), h = c.y + c.vy - u.y - u.vy || bo(), s *= l = ((l = Math.sqrt(s * s + h * h)) - a[v]) / l * n * o[v], h *= l, c.vx -= s * (p = f[v]), c.vy -= h * p, u.vx += s * (p = 1 - p), u.vy += h * p; + } + } + }function e() { + if (u) { + var n, + e, + h = u.length, + l = t.length, + d = Yn(u, s);for (n = 0, c = new Array(h); n < l; ++n) { + (e = t[n]).index = n, "object" != _typeof(e.source) && (e.source = Bn(d, e.source)), "object" != _typeof(e.target) && (e.target = Bn(d, e.target)), c[e.source.index] = (c[e.source.index] || 0) + 1, c[e.target.index] = (c[e.target.index] || 0) + 1; + }for (n = 0, f = new Array(l); n < l; ++n) { + e = t[n], f[n] = c[e.source.index] / (c[e.source.index] + c[e.target.index]); + }o = new Array(l), r(), a = new Array(l), i(); + } + }function r() { + if (u) for (var n = 0, e = t.length; n < e; ++n) { + o[n] = +h(t[n], n, t); + } + }function i() { + if (u) for (var n = 0, e = t.length; n < e; ++n) { + a[n] = +l(t[n], n, t); + } + }var o, + a, + u, + c, + f, + s = Vn, + h = function h(t) { + return 1 / Math.min(c[t.source.index], c[t.target.index]); + }, + l = go(30), + d = 1;return null == t && (t = []), n.initialize = function (t) { + u = t, e(); + }, n.links = function (r) { + return arguments.length ? (t = r, e(), n) : t; + }, n.id = function (t) { + return arguments.length ? (s = t, n) : s; + }, n.iterations = function (t) { + return arguments.length ? (d = +t, n) : d; + }, n.strength = function (t) { + return arguments.length ? (h = "function" == typeof t ? t : go(+t), r(), n) : h; + }, n.distance = function (t) { + return arguments.length ? (l = "function" == typeof t ? t : go(+t), i(), n) : l; + }, n; + }, t.forceManyBody = function () { + function t(t) { + var n, + u = i.length, + c = Ln(i, Zn, Wn).visitAfter(e);for (a = t, n = 0; n < u; ++n) { + o = i[n], c.visit(r); + } + }function n() { + if (i) { + var t, + n, + e = i.length;for (u = new Array(e), t = 0; t < e; ++t) { + n = i[t], u[n.index] = +c(n, t, i); + } + } + }function e(t) { + var n, + e, + r, + i, + o, + a = 0;if (t.length) { + for (r = i = o = 0; o < 4; ++o) { + (n = t[o]) && (e = n.value) && (a += e, r += e * n.x, i += e * n.y); + }t.x = r / a, t.y = i / a; + } else { + (n = t).x = n.data.x, n.y = n.data.y;do { + a += u[n.data.index]; + } while (n = n.next); + }t.value = a; + }function r(t, n, e, r) { + if (!t.value) return !0;var i = t.x - o.x, + c = t.y - o.y, + l = r - n, + d = i * i + c * c;if (l * l / h < d) return d < s && (0 === i && (i = bo(), d += i * i), 0 === c && (c = bo(), d += c * c), d < f && (d = Math.sqrt(f * d)), o.vx += i * t.value * a / d, o.vy += c * t.value * a / d), !0;if (!(t.length || d >= s)) { + (t.data !== o || t.next) && (0 === i && (i = bo(), d += i * i), 0 === c && (c = bo(), d += c * c), d < f && (d = Math.sqrt(f * d)));do { + t.data !== o && (l = u[t.data.index] * a / d, o.vx += i * l, o.vy += c * l); + } while (t = t.next); + } + }var i, + o, + a, + u, + c = go(-30), + f = 1, + s = 1 / 0, + h = .81;return t.initialize = function (t) { + i = t, n(); + }, t.strength = function (e) { + return arguments.length ? (c = "function" == typeof e ? e : go(+e), n(), t) : c; + }, t.distanceMin = function (n) { + return arguments.length ? (f = n * n, t) : Math.sqrt(f); + }, t.distanceMax = function (n) { + return arguments.length ? (s = n * n, t) : Math.sqrt(s); + }, t.theta = function (n) { + return arguments.length ? (h = n * n, t) : Math.sqrt(h); + }, t; + }, t.forceSimulation = function (t) { + function e() { + r(), p.call("tick", a), u < c && (d.stop(), p.call("end", a)); + }function r() { + var n, + e, + r = t.length;for (u += (s - u) * f, l.each(function (t) { + t(u); + }), n = 0; n < r; ++n) { + null == (e = t[n]).fx ? e.x += e.vx *= h : (e.x = e.fx, e.vx = 0), null == e.fy ? e.y += e.vy *= h : (e.y = e.fy, e.vy = 0); + } + }function i() { + for (var n, e = 0, r = t.length; e < r; ++e) { + if (n = t[e], n.index = e, isNaN(n.x) || isNaN(n.y)) { + var i = xo * Math.sqrt(e), + o = e * Mo;n.x = i * Math.cos(o), n.y = i * Math.sin(o); + }(isNaN(n.vx) || isNaN(n.vy)) && (n.vx = n.vy = 0); + } + }function o(n) { + return n.initialize && n.initialize(t), n; + }var a, + u = 1, + c = .001, + f = 1 - Math.pow(c, 1 / 300), + s = 0, + h = .6, + l = Yn(), + d = Vt(e), + p = n("tick", "end");return null == t && (t = []), i(), a = { tick: r, restart: function restart() { + return d.restart(e), a; + }, stop: function stop() { + return d.stop(), a; + }, nodes: function nodes(n) { + return arguments.length ? (t = n, i(), l.each(o), a) : t; + }, alpha: function alpha(t) { + return arguments.length ? (u = +t, a) : u; + }, alphaMin: function alphaMin(t) { + return arguments.length ? (c = +t, a) : c; + }, alphaDecay: function alphaDecay(t) { + return arguments.length ? (f = +t, a) : +f; + }, alphaTarget: function alphaTarget(t) { + return arguments.length ? (s = +t, a) : s; + }, velocityDecay: function velocityDecay(t) { + return arguments.length ? (h = 1 - t, a) : 1 - h; + }, force: function force(t, n) { + return arguments.length > 1 ? (null == n ? l.remove(t) : l.set(t, o(n)), a) : l.get(t); + }, find: function find(n, e, r) { + var i, + o, + a, + u, + c, + f = 0, + s = t.length;for (null == r ? r = 1 / 0 : r *= r, f = 0; f < s; ++f) { + (a = (i = n - (u = t[f]).x) * i + (o = e - u.y) * o) < r && (c = u, r = a); + }return c; + }, on: function on(t, n) { + return arguments.length > 1 ? (p.on(t, n), a) : p.on(t); + } }; + }, t.select = Pr, t.drag = function () { + function e(t) { + t.on("mousedown.drag", r).filter(ct).on("touchstart.drag", a).on("touchmove.drag", u).on("touchend.drag touchcancel.drag", c).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)"); + }function r() { + if (!p && v.apply(this, arguments)) { + var n = f("mouse", y.apply(this, arguments), Sr, this, arguments);n && (Pr(t.event.view).on("mousemove.drag", i, !0).on("mouseup.drag", o, !0), jr(t.event.view), et(), l = !1, s = t.event.clientX, h = t.event.clientY, n("start")); + } + }function i() { + if (Xr(), !l) { + var n = t.event.clientX - s, + e = t.event.clientY - h;l = n * n + e * e > w; + }b.mouse("drag"); + }function o() { + Pr(t.event.view).on("mousemove.drag mouseup.drag", null), rt(t.event.view, l), Xr(), b.mouse("end"); + }function a() { + if (v.apply(this, arguments)) { + var n, + e, + r = t.event.changedTouches, + i = y.apply(this, arguments), + o = r.length;for (n = 0; n < o; ++n) { + (e = f(r[n].identifier, i, Hr, this, arguments)) && (et(), e("start")); + } + } + }function u() { + var n, + e, + r = t.event.changedTouches, + i = r.length;for (n = 0; n < i; ++n) { + (e = b[r[n].identifier]) && (Xr(), e("drag")); + } + }function c() { + var n, + e, + r = t.event.changedTouches, + i = r.length;for (p && clearTimeout(p), p = setTimeout(function () { + p = null; + }, 500), n = 0; n < i; ++n) { + (e = b[r[n].identifier]) && (et(), e("end")); + } + }function f(n, r, i, o, a) { + var u, + c, + f, + s = i(r, n), + h = m.copy();if (d(new it(e, "beforestart", u, n, _, s[0], s[1], 0, 0, h), function () { + return null != (t.event.subject = u = g.apply(o, a)) && (c = u.x - s[0] || 0, f = u.y - s[1] || 0, !0); + })) return function t(l) { + var p, + v = s;switch (l) {case "start": + b[n] = t, p = _++;break;case "end": + delete b[n], --_;case "drag": + s = i(r, n), p = _;}d(new it(e, l, u, n, p, s[0] + c, s[1] + f, s[0] - v[0], s[1] - v[1], h), h.apply, h, [l, o, a]); + }; + }var s, + h, + l, + p, + v = ot, + y = at, + g = ut, + b = {}, + m = n("start", "drag", "end"), + _ = 0, + w = 0;return e.filter = function (t) { + return arguments.length ? (v = "function" == typeof t ? t : Lr(!!t), e) : v; + }, e.container = function (t) { + return arguments.length ? (y = "function" == typeof t ? t : Lr(t), e) : y; + }, e.subject = function (t) { + return arguments.length ? (g = "function" == typeof t ? t : Lr(t), e) : g; + }, e.on = function () { + var t = m.on.apply(m, arguments);return t === m ? e : t; + }, e.clickDistance = function (t) { + return arguments.length ? (w = (t = +t) * t, e) : Math.sqrt(w); + }, e; + }, t.zoom = function () { + function e(t) { + t.property("__zoom", pr).on("wheel.zoom", s).on("mousedown.zoom", h).on("dblclick.zoom", l).filter(yr).on("touchstart.zoom", p).on("touchmove.zoom", v).on("touchend.zoom touchcancel.zoom", y).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)"); + }function r(t, n) { + return (n = Math.max(x, Math.min(M, n))) === t.k ? t : new sr(n, t.x, t.y); + }function i(t, n, e) { + var r = n[0] - e[0] * t.k, + i = n[1] - e[1] * t.k;return r === t.x && i === t.y ? t : new sr(t.k, r, i); + }function o(t, n) { + var e = t.invertX(n[0][0]) - T, + r = t.invertX(n[1][0]) - A, + i = t.invertY(n[0][1]) - k, + o = t.invertY(n[1][1]) - N;return t.translate(r > e ? (e + r) / 2 : Math.min(0, e) || Math.max(0, r), o > i ? (i + o) / 2 : Math.min(0, i) || Math.max(0, o)); + }function a(t) { + return [(+t[0][0] + +t[1][0]) / 2, (+t[0][1] + +t[1][1]) / 2]; + }function u(t, n, e) { + t.on("start.zoom", function () { + c(this, arguments).start(); + }).on("interrupt.zoom end.zoom", function () { + c(this, arguments).end(); + }).tween("zoom", function () { + var t = this, + r = arguments, + i = c(t, r), + o = _.apply(t, r), + u = e || a(o), + f = Math.max(o[1][0] - o[0][0], o[1][1] - o[0][1]), + s = t.__zoom, + h = "function" == typeof n ? n.apply(t, r) : n, + l = S(s.invert(u).concat(f / s.k), h.invert(u).concat(f / h.k));return function (t) { + if (1 === t) t = h;else { + var n = l(t), + e = f / n[2];t = new sr(e, u[0] - n[0] * e, u[1] - n[1] * e); + }i.zoom(null, t); + }; + }); + }function c(t, n) { + for (var e, r = 0, i = z.length; r < i; ++r) { + if ((e = z[r]).that === t) return e; + }return new f(t, n); + }function f(t, n) { + this.that = t, this.args = n, this.index = -1, this.active = 0, this.extent = _.apply(t, n); + }function s() { + if (m.apply(this, arguments)) { + var t = c(this, arguments), + n = this.__zoom, + e = Math.max(x, Math.min(M, n.k * Math.pow(2, w.apply(this, arguments)))), + a = Sr(this);if (t.wheel) t.mouse[0][0] === a[0] && t.mouse[0][1] === a[1] || (t.mouse[1] = n.invert(t.mouse[0] = a)), clearTimeout(t.wheel);else { + if (n.k === e) return;t.mouse = [a, n.invert(a)], io(this), t.start(); + }aa(), t.wheel = setTimeout(function () { + t.wheel = null, t.end(); + }, E), t.zoom("mouse", o(i(r(n, e), t.mouse[0], t.mouse[1]), t.extent)); + } + }function h() { + if (!b && m.apply(this, arguments)) { + var n = c(this, arguments), + e = Pr(t.event.view).on("mousemove.zoom", function () { + if (aa(), !n.moved) { + var e = t.event.clientX - a, + r = t.event.clientY - u;n.moved = e * e + r * r > Y; + }n.zoom("mouse", o(i(n.that.__zoom, n.mouse[0] = Sr(n.that), n.mouse[1]), n.extent)); + }, !0).on("mouseup.zoom", function () { + e.on("mousemove.zoom mouseup.zoom", null), rt(t.event.view, n.moved), aa(), n.end(); + }, !0), + r = Sr(this), + a = t.event.clientX, + u = t.event.clientY;jr(t.event.view), hr(), n.mouse = [r, this.__zoom.invert(r)], io(this), n.start(); + } + }function l() { + if (m.apply(this, arguments)) { + var n = this.__zoom, + a = Sr(this), + c = n.invert(a), + f = o(i(r(n, n.k * (t.event.shiftKey ? .5 : 2)), a, c), _.apply(this, arguments));aa(), C > 0 ? Pr(this).transition().duration(C).call(u, f, a) : Pr(this).call(e.transform, f); + } + }function p() { + if (m.apply(this, arguments)) { + var n, + e, + r, + i, + o = c(this, arguments), + a = t.event.changedTouches, + u = a.length;for (hr(), e = 0; e < u; ++e) { + r = a[e], i = [i = Hr(this, a, r.identifier), this.__zoom.invert(i), r.identifier], o.touch0 ? o.touch1 || (o.touch1 = i) : (o.touch0 = i, n = !0); + }if (g && (g = clearTimeout(g), !o.touch1)) return o.end(), void ((i = Pr(this).on("dblclick.zoom")) && i.apply(this, arguments));n && (g = setTimeout(function () { + g = null; + }, D), io(this), o.start()); + } + }function v() { + var n, + e, + a, + u, + f = c(this, arguments), + s = t.event.changedTouches, + h = s.length;for (aa(), g && (g = clearTimeout(g)), n = 0; n < h; ++n) { + e = s[n], a = Hr(this, s, e.identifier), f.touch0 && f.touch0[2] === e.identifier ? f.touch0[0] = a : f.touch1 && f.touch1[2] === e.identifier && (f.touch1[0] = a); + }if (e = f.that.__zoom, f.touch1) { + var l = f.touch0[0], + d = f.touch0[1], + p = f.touch1[0], + v = f.touch1[1], + y = (y = p[0] - l[0]) * y + (y = p[1] - l[1]) * y, + b = (b = v[0] - d[0]) * b + (b = v[1] - d[1]) * b;e = r(e, Math.sqrt(y / b)), a = [(l[0] + p[0]) / 2, (l[1] + p[1]) / 2], u = [(d[0] + v[0]) / 2, (d[1] + v[1]) / 2]; + } else { + if (!f.touch0) return;a = f.touch0[0], u = f.touch0[1]; + }f.zoom("touch", o(i(e, a, u), f.extent)); + }function y() { + var n, + e, + r = c(this, arguments), + i = t.event.changedTouches, + o = i.length;for (hr(), b && clearTimeout(b), b = setTimeout(function () { + b = null; + }, D), n = 0; n < o; ++n) { + e = i[n], r.touch0 && r.touch0[2] === e.identifier ? delete r.touch0 : r.touch1 && r.touch1[2] === e.identifier && delete r.touch1; + }r.touch1 && !r.touch0 && (r.touch0 = r.touch1, delete r.touch1), r.touch0 ? r.touch0[1] = this.__zoom.invert(r.touch0[0]) : r.end(); + }var g, + b, + m = lr, + _ = dr, + w = vr, + x = 0, + M = 1 / 0, + T = -M, + A = M, + k = T, + N = A, + C = 250, + S = Yi, + z = [], + U = n("start", "zoom", "end"), + D = 500, + E = 150, + Y = 0;return e.transform = function (t, n) { + var e = t.selection ? t.selection() : t;e.property("__zoom", pr), t !== e ? u(t, n) : e.interrupt().each(function () { + c(this, arguments).start().zoom(null, "function" == typeof n ? n.apply(this, arguments) : n).end(); + }); + }, e.scaleBy = function (t, n) { + e.scaleTo(t, function () { + return this.__zoom.k * ("function" == typeof n ? n.apply(this, arguments) : n); + }); + }, e.scaleTo = function (t, n) { + e.transform(t, function () { + var t = _.apply(this, arguments), + e = this.__zoom, + u = a(t), + c = e.invert(u);return o(i(r(e, "function" == typeof n ? n.apply(this, arguments) : n), u, c), t); + }); + }, e.translateBy = function (t, n, r) { + e.transform(t, function () { + return o(this.__zoom.translate("function" == typeof n ? n.apply(this, arguments) : n, "function" == typeof r ? r.apply(this, arguments) : r), _.apply(this, arguments)); + }); + }, e.translateTo = function (t, n, r) { + e.transform(t, function () { + var t = _.apply(this, arguments), + e = this.__zoom, + i = a(t);return o(oa.translate(i[0], i[1]).scale(e.k).translate("function" == typeof n ? -n.apply(this, arguments) : -n, "function" == typeof r ? -r.apply(this, arguments) : -r), t); + }); + }, f.prototype = { start: function start() { + return 1 == ++this.active && (this.index = z.push(this) - 1, this.emit("start")), this; + }, zoom: function zoom(t, n) { + return this.mouse && "mouse" !== t && (this.mouse[1] = n.invert(this.mouse[0])), this.touch0 && "touch" !== t && (this.touch0[1] = n.invert(this.touch0[0])), this.touch1 && "touch" !== t && (this.touch1[1] = n.invert(this.touch1[0])), this.that.__zoom = n, this.emit("zoom"), this; + }, end: function end() { + return 0 == --this.active && (z.splice(this.index, 1), this.index = -1, this.emit("end")), this; + }, emit: function emit(t) { + d(new fr(e, t, this.that.__zoom), U.apply, U, [t, this.that, this.args]); + } }, e.wheelDelta = function (t) { + return arguments.length ? (w = "function" == typeof t ? t : ia(+t), e) : w; + }, e.filter = function (t) { + return arguments.length ? (m = "function" == typeof t ? t : ia(!!t), e) : m; + }, e.extent = function (t) { + return arguments.length ? (_ = "function" == typeof t ? t : ia([[+t[0][0], +t[0][1]], [+t[1][0], +t[1][1]]]), e) : _; + }, e.scaleExtent = function (t) { + return arguments.length ? (x = +t[0], M = +t[1], e) : [x, M]; + }, e.translateExtent = function (t) { + return arguments.length ? (T = +t[0][0], A = +t[1][0], k = +t[0][1], N = +t[1][1], e) : [[T, k], [A, N]]; + }, e.duration = function (t) { + return arguments.length ? (C = +t, e) : C; + }, e.interpolate = function (t) { + return arguments.length ? (S = t, e) : S; + }, e.on = function () { + var t = U.on.apply(U, arguments);return t === U ? e : t; + }, e.clickDistance = function (t) { + return arguments.length ? (Y = (t = +t) * t, e) : Math.sqrt(Y); + }, e; + }, t.zoomIdentity = oa, Object.defineProperty(t, "__esModule", { value: !0 }); +}); + +/***/ }), +/* 6 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +/* + * Return the dimensions (width & height) that some HTML + * with a given style would take in the page. + */ +var getDimensions = exports.getDimensions = function getDimensions(html, style, classname) { + var el = document.createElement('span'); + var dimensions = {}; + + // Set display: inline-block so that the size of el + // will depend on the size of its children. + el.style.display = 'inline-block'; + + // Hide the element (it will be added to the page for a short time). + el.style.visibility = 'hidden'; + + el.className = classname; + el.innerHTML = html; + + // Apply CSS rules. + Object.keys(style).forEach(function (rule) { + el.style[rule] = style[rule]; + }); + document.body.append(el); + + dimensions.width = el.offsetWidth; + dimensions.height = el.offsetHeight; + + el.remove(); + return dimensions; +}; + +/* + * Return the dimensions of an SVG viewport calculated from + * some given nodes. + */ +var getViewBox = exports.getViewBox = function getViewBox(nodes) { + var Xs = []; + var Ys = []; + + nodes.forEach(function (node) { + var x = node.x || node.fx; + var y = node.y || node.fy; + + if (x) { + Xs.push(x); + } + + if (y) { + Ys.push(y); + } + }); + + if (Xs.length === 0 || Ys.length === 0) { + return '0 0 0 0'; + } + + // Find the smallest coordinates... + var min = [Math.min.apply(Math, Xs) - 150, Math.min.apply(Math, Ys) - 150]; + + // ...and the biggest ones. + var max = [Math.max.apply(Math, Xs) - min[0] + 150, Math.max.apply(Math, Ys) - min[1] + 150]; + + return min.join(' ') + ' ' + max.join(' '); +}; + +/***/ }), +/* 7 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +// Regex that matches all emojis in a string. +var matchEmojis = /([\uD800-\uDBFF][\uDC00-\uDFFF])/g; + +// Emoji to category table. +var conversionTable = { + '🗺': 'mindmap', + '🌐': 'wiki', + '🗂': 'stack exchange', + '📝': 'course', + '📖': 'free book', + '📕': 'non-free book', + '📄': 'paper', + '👀': 'video', + '🖋': 'article', + '🗃': 'blog', + '🐙': 'github', + '👾': 'interactive', + '🖌': 'image', + '🎙': 'podcast', + '📮': 'newsletter', + '💬': 'chat', + '🎥': 'youtube', + '🤖': 'reddit', + '🔎': 'quora', + '🔗': undefined +}; + +// Category to emoji table, based on the table above. +var revConversionTable = {}; + +Object.keys(conversionTable).forEach(function (key) { + revConversionTable[conversionTable[key]] = key; +}); + +/* + * Return an emoji as a GitHub image. + */ +var emojiTemplate = function emojiTemplate(unicode, category) { + return ''; +}; + +var customEmojiTemplate = function customEmojiTemplate(emoji, category) { + return ''; +}; + +/* + * Return the category represented by the given emoji. + */ +var emojiToCategory = function emojiToCategory(emoji) { + return conversionTable[emoji] || ''; +}; + +/* + * Convert all emojis to an IMG tag. + * The bitwise magic is explained at http://crocodillon.com/blog/parsing-emoji-unicode-in-javascript + */ +var emojiToIMG = function emojiToIMG(html) { + return ( + /* eslint-disable no-bitwise */ + html.replace(matchEmojis, function (match) { + switch (match) { + case '🤖': + return ''; + + case '🗂': + return ''; + + case '🐙': + return customEmojiTemplate('octocat', 'github'); + + case '🔎': + return ''; + + // Regular unicode Emojis. + default: + { + // Keep the first 10 bits. + var lead = match.charCodeAt(0) & 0x3FF; + var trail = match.charCodeAt(1) & 0x3FF; + + // 0x[lead][trail] + var unicode = ((lead << 10) + trail).toString(16); + + return emojiTemplate('1' + unicode, emojiToCategory(match)); + } + } + }) + /* eslint-enable no-bitwise */ + + ); +}; + +/* + * Inverse of emojiToCategory, but instead of returning an emoji + * returns an IMG tag corresponding to that emoji. + */ +var categoryToIMG = function categoryToIMG(category) { + return emojiToIMG(revConversionTable[category] || ''); +}; + +module.exports = { + matchEmojis: matchEmojis, + emojiToIMG: emojiToIMG, + emojiTemplate: emojiTemplate, + emojiToCategory: emojiToCategory, + categoryToIMG: categoryToIMG +}; + +/***/ }), +/* 8 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _MindMap = __webpack_require__(9); + +var _MindMap2 = _interopRequireDefault(_MindMap); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _MindMap2.default; + +/***/ }), +/* 9 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _react = __webpack_require__(10); + +var _react2 = _interopRequireDefault(_react); + +var _propTypes = __webpack_require__(11); + +var _propTypes2 = _interopRequireDefault(_propTypes); + +var _d = __webpack_require__(5); + +var _d2 = __webpack_require__(16); + +var _dimensions = __webpack_require__(6); + +var _subnodesToHTML = __webpack_require__(17); + +var _subnodesToHTML2 = _interopRequireDefault(_subnodesToHTML); + +var _nodeToHTML = __webpack_require__(18); + +var _nodeToHTML2 = _interopRequireDefault(_nodeToHTML); + +__webpack_require__(19); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + +var MindMap = function (_Component) { + _inherits(MindMap, _Component); + + function MindMap(props) { + _classCallCheck(this, MindMap); + + // Create force simulation to position nodes that have no coordinates, + // and add it to the state. + var _this = _possibleConstructorReturn(this, (MindMap.__proto__ || Object.getPrototypeOf(MindMap)).call(this, props)); + + var simulation = (0, _d.forceSimulation)().force('link', (0, _d.forceLink)().id(function (node) { + return node.text; + })).force('charge', (0, _d.forceManyBody)()).force('collide', (0, _d.forceCollide)().radius(100)); + + _this.state = { simulation: simulation }; + return _this; + } + + /* eslint-disable no-param-reassign */ + /* + * Generates HTML and dimensions for nodes and subnodes. + */ + + + _createClass(MindMap, [{ + key: 'prepareNodes', + value: function prepareNodes() { + var render = function render(node) { + node.html = (0, _nodeToHTML2.default)(node); + node.nodesHTML = (0, _subnodesToHTML2.default)(node.nodes); + + var dimensions = (0, _dimensions.getDimensions)(node.html, {}, 'mindmap-node'); + node.width = dimensions.width; + node.height = dimensions.height; + + var nodesDimensions = (0, _dimensions.getDimensions)(node.nodesHTML, {}, 'mindmap-subnode-text'); + node.nodesWidth = nodesDimensions.width; + node.nodesHeight = nodesDimensions.height; + }; + + this.props.nodes.forEach(function (node) { + return render(node); + }); + } + + /* + * Add new class to nodes, attach drag behavior, and start simulation. + */ + + }, { + key: 'prepareEditor', + value: function prepareEditor(svg, conns, nodes, subnodes) { + var _this2 = this; + + nodes.attr('class', 'mindmap-node mindmap-node--editable').on('dblclick', function (node) { + node.fx = null; + node.fy = null; + }); + + nodes.call((0, _d2.d3Drag)(this.state.simulation, svg, nodes)); + + // Tick the simulation 100 times. + for (var i = 0; i < 100; i += 1) { + this.state.simulation.tick(); + } + (0, _d2.onTick)(conns, nodes, subnodes); + + setTimeout(function () { + _this2.state.simulation.alphaTarget(0.5).on('tick', function () { + return (0, _d2.onTick)(conns, nodes, subnodes); + }); + }, 200); + } + /* eslint-enable no-param-reassign */ + + /* + * Render mind map using D3. + */ + + }, { + key: 'renderMap', + value: function renderMap() { + var svg = (0, _d.select)(this.mountPoint); + + // Clear the SVG in case there's stuff already there. + svg.selectAll('*').remove(); + + // Add subnode group + svg.append('g').attr('id', 'mindmap-subnodes'); + this.prepareNodes(); + + // Bind data to SVG elements and set all the properties to render them. + var connections = (0, _d2.d3Connections)(svg, this.props.connections); + + var _d3Nodes = (0, _d2.d3Nodes)(svg, this.props.nodes), + nodes = _d3Nodes.nodes, + subnodes = _d3Nodes.subnodes; + + nodes.append('title').text(function (node) { + return node.note; + }); + + // Bind nodes and connections to the simulation. + this.state.simulation.nodes(this.props.nodes).force('link').links(this.props.connections); + + if (this.props.editable) { + this.prepareEditor(svg, connections, nodes, subnodes); + } + + // Tick the simulation 100 times. + for (var i = 0; i < 100; i += 1) { + this.state.simulation.tick(); + } + (0, _d2.onTick)(connections, nodes, subnodes); + + // Add pan and zoom behavior and remove double click to zoom. + svg.attr('viewBox', (0, _dimensions.getViewBox)(nodes.data())).call((0, _d2.d3PanZoom)(svg)).on('dblclick.zoom', null); + } + }, { + key: 'componentDidMount', + value: function componentDidMount() { + this.renderMap(); + } + }, { + key: 'componentDidUpdate', + value: function componentDidUpdate() { + (0, _d.zoom)().transform((0, _d.select)(this.refs.mountPoint), _d.zoomIdentity); + this.renderMap(); + } + + // eslint-disable-next-line class-methods-use-this + + }, { + key: 'render', + value: function render() { + var _this3 = this; + + return _react2.default.createElement( + 'div', + null, + _react2.default.createElement('svg', { className: 'mindmap-svg', ref: function ref(input) { + _this3.mountPoint = input; + } }) + ); + } + }]); + + return MindMap; +}(_react.Component); + +exports.default = MindMap; + + +MindMap.defaultProps = { + nodes: [], + connections: [], + editable: false +}; + +MindMap.propTypes = { + nodes: _propTypes2.default.array, + connections: _propTypes2.default.array, + editable: _propTypes2.default.bool +}; + +/***/ }), +/* 10 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE_10__; + +/***/ }), +/* 11 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) { + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +if (process.env.NODE_ENV !== 'production') { + var REACT_ELEMENT_TYPE = typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element') || 0xeac7; + + var isValidElement = function isValidElement(object) { + return (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE; + }; + + // By explicitly using `prop-types` you are opting into new development behavior. + // http://fb.me/prop-types-in-prod + var throwOnDirectAccess = true; + module.exports = __webpack_require__(12)(isValidElement, throwOnDirectAccess); +} else { + // By explicitly using `prop-types` you are opting into new production behavior. + // http://fb.me/prop-types-in-prod + module.exports = __webpack_require__(15)(); +} +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0))) + +/***/ }), +/* 12 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) {/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + + + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +var emptyFunction = __webpack_require__(1); +var invariant = __webpack_require__(2); +var warning = __webpack_require__(4); +var assign = __webpack_require__(13); + +var ReactPropTypesSecret = __webpack_require__(3); +var checkPropTypes = __webpack_require__(14); + +module.exports = function (isValidElement, throwOnDirectAccess) { + /* global Symbol */ + var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator; + var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec. + + /** + * Returns the iterator method function contained on the iterable object. + * + * Be sure to invoke the function with the iterable as context: + * + * var iteratorFn = getIteratorFn(myIterable); + * if (iteratorFn) { + * var iterator = iteratorFn.call(myIterable); + * ... + * } + * + * @param {?object} maybeIterable + * @return {?function} + */ + function getIteratorFn(maybeIterable) { + var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]); + if (typeof iteratorFn === 'function') { + return iteratorFn; + } + } + + /** + * Collection of methods that allow declaration and validation of props that are + * supplied to React components. Example usage: + * + * var Props = require('ReactPropTypes'); + * var MyArticle = React.createClass({ + * propTypes: { + * // An optional string prop named "description". + * description: Props.string, + * + * // A required enum prop named "category". + * category: Props.oneOf(['News','Photos']).isRequired, + * + * // A prop named "dialog" that requires an instance of Dialog. + * dialog: Props.instanceOf(Dialog).isRequired + * }, + * render: function() { ... } + * }); + * + * A more formal specification of how these methods are used: + * + * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) + * decl := ReactPropTypes.{type}(.isRequired)? + * + * Each and every declaration produces a function with the same signature. This + * allows the creation of custom validation functions. For example: + * + * var MyLink = React.createClass({ + * propTypes: { + * // An optional string or URI prop named "href". + * href: function(props, propName, componentName) { + * var propValue = props[propName]; + * if (propValue != null && typeof propValue !== 'string' && + * !(propValue instanceof URI)) { + * return new Error( + * 'Expected a string or an URI for ' + propName + ' in ' + + * componentName + * ); + * } + * } + * }, + * render: function() {...} + * }); + * + * @internal + */ + + var ANONYMOUS = '<>'; + + // Important! + // Keep this list in sync with production version in `./factoryWithThrowingShims.js`. + var ReactPropTypes = { + array: createPrimitiveTypeChecker('array'), + bool: createPrimitiveTypeChecker('boolean'), + func: createPrimitiveTypeChecker('function'), + number: createPrimitiveTypeChecker('number'), + object: createPrimitiveTypeChecker('object'), + string: createPrimitiveTypeChecker('string'), + symbol: createPrimitiveTypeChecker('symbol'), + + any: createAnyTypeChecker(), + arrayOf: createArrayOfTypeChecker, + element: createElementTypeChecker(), + instanceOf: createInstanceTypeChecker, + node: createNodeChecker(), + objectOf: createObjectOfTypeChecker, + oneOf: createEnumTypeChecker, + oneOfType: createUnionTypeChecker, + shape: createShapeTypeChecker, + exact: createStrictShapeTypeChecker + }; + + /** + * inlined Object.is polyfill to avoid requiring consumers ship their own + * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is + */ + /*eslint-disable no-self-compare*/ + function is(x, y) { + // SameValue algorithm + if (x === y) { + // Steps 1-5, 7-10 + // Steps 6.b-6.e: +0 != -0 + return x !== 0 || 1 / x === 1 / y; + } else { + // Step 6.a: NaN == NaN + return x !== x && y !== y; + } + } + /*eslint-enable no-self-compare*/ + + /** + * We use an Error-like object for backward compatibility as people may call + * PropTypes directly and inspect their output. However, we don't use real + * Errors anymore. We don't inspect their stack anyway, and creating them + * is prohibitively expensive if they are created too often, such as what + * happens in oneOfType() for any type before the one that matched. + */ + function PropTypeError(message) { + this.message = message; + this.stack = ''; + } + // Make `instanceof Error` still work for returned errors. + PropTypeError.prototype = Error.prototype; + + function createChainableTypeChecker(validate) { + if (process.env.NODE_ENV !== 'production') { + var manualPropTypeCallCache = {}; + var manualPropTypeWarningCount = 0; + } + function checkType(isRequired, props, propName, componentName, location, propFullName, secret) { + componentName = componentName || ANONYMOUS; + propFullName = propFullName || propName; + + if (secret !== ReactPropTypesSecret) { + if (throwOnDirectAccess) { + // New behavior only for users of `prop-types` package + invariant(false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types'); + } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') { + // Old behavior for people using React.PropTypes + var cacheKey = componentName + ':' + propName; + if (!manualPropTypeCallCache[cacheKey] && + // Avoid spamming the console because they are often not actionable except for lib authors + manualPropTypeWarningCount < 3) { + warning(false, 'You are manually calling a React.PropTypes validation ' + 'function for the `%s` prop on `%s`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.', propFullName, componentName); + manualPropTypeCallCache[cacheKey] = true; + manualPropTypeWarningCount++; + } + } + } + if (props[propName] == null) { + if (isRequired) { + if (props[propName] === null) { + return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.')); + } + return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.')); + } + return null; + } else { + return validate(props, propName, componentName, location, propFullName); + } + } + + var chainedCheckType = checkType.bind(null, false); + chainedCheckType.isRequired = checkType.bind(null, true); + + return chainedCheckType; + } + + function createPrimitiveTypeChecker(expectedType) { + function validate(props, propName, componentName, location, propFullName, secret) { + var propValue = props[propName]; + var propType = getPropType(propValue); + if (propType !== expectedType) { + // `propValue` being instance of, say, date/regexp, pass the 'object' + // check, but we can offer a more precise error message here rather than + // 'of type `object`'. + var preciseType = getPreciseType(propValue); + + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.')); + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createAnyTypeChecker() { + return createChainableTypeChecker(emptyFunction.thatReturnsNull); + } + + function createArrayOfTypeChecker(typeChecker) { + function validate(props, propName, componentName, location, propFullName) { + if (typeof typeChecker !== 'function') { + return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.'); + } + var propValue = props[propName]; + if (!Array.isArray(propValue)) { + var propType = getPropType(propValue); + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.')); + } + for (var i = 0; i < propValue.length; i++) { + var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret); + if (error instanceof Error) { + return error; + } + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createElementTypeChecker() { + function validate(props, propName, componentName, location, propFullName) { + var propValue = props[propName]; + if (!isValidElement(propValue)) { + var propType = getPropType(propValue); + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.')); + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createInstanceTypeChecker(expectedClass) { + function validate(props, propName, componentName, location, propFullName) { + if (!(props[propName] instanceof expectedClass)) { + var expectedClassName = expectedClass.name || ANONYMOUS; + var actualClassName = getClassName(props[propName]); + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.')); + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createEnumTypeChecker(expectedValues) { + if (!Array.isArray(expectedValues)) { + process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0; + return emptyFunction.thatReturnsNull; + } + + function validate(props, propName, componentName, location, propFullName) { + var propValue = props[propName]; + for (var i = 0; i < expectedValues.length; i++) { + if (is(propValue, expectedValues[i])) { + return null; + } + } + + var valuesString = JSON.stringify(expectedValues); + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.')); + } + return createChainableTypeChecker(validate); + } + + function createObjectOfTypeChecker(typeChecker) { + function validate(props, propName, componentName, location, propFullName) { + if (typeof typeChecker !== 'function') { + return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.'); + } + var propValue = props[propName]; + var propType = getPropType(propValue); + if (propType !== 'object') { + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.')); + } + for (var key in propValue) { + if (propValue.hasOwnProperty(key)) { + var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); + if (error instanceof Error) { + return error; + } + } + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createUnionTypeChecker(arrayOfTypeCheckers) { + if (!Array.isArray(arrayOfTypeCheckers)) { + process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0; + return emptyFunction.thatReturnsNull; + } + + for (var i = 0; i < arrayOfTypeCheckers.length; i++) { + var checker = arrayOfTypeCheckers[i]; + if (typeof checker !== 'function') { + warning(false, 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received %s at index %s.', getPostfixForTypeWarning(checker), i); + return emptyFunction.thatReturnsNull; + } + } + + function validate(props, propName, componentName, location, propFullName) { + for (var i = 0; i < arrayOfTypeCheckers.length; i++) { + var checker = arrayOfTypeCheckers[i]; + if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) { + return null; + } + } + + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.')); + } + return createChainableTypeChecker(validate); + } + + function createNodeChecker() { + function validate(props, propName, componentName, location, propFullName) { + if (!isNode(props[propName])) { + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.')); + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createShapeTypeChecker(shapeTypes) { + function validate(props, propName, componentName, location, propFullName) { + var propValue = props[propName]; + var propType = getPropType(propValue); + if (propType !== 'object') { + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); + } + for (var key in shapeTypes) { + var checker = shapeTypes[key]; + if (!checker) { + continue; + } + var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); + if (error) { + return error; + } + } + return null; + } + return createChainableTypeChecker(validate); + } + + function createStrictShapeTypeChecker(shapeTypes) { + function validate(props, propName, componentName, location, propFullName) { + var propValue = props[propName]; + var propType = getPropType(propValue); + if (propType !== 'object') { + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); + } + // We need to check all keys in case some are required but missing from + // props. + var allKeys = assign({}, props[propName], shapeTypes); + for (var key in allKeys) { + var checker = shapeTypes[key]; + if (!checker) { + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, ' ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')); + } + var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); + if (error) { + return error; + } + } + return null; + } + + return createChainableTypeChecker(validate); + } + + function isNode(propValue) { + switch (typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue)) { + case 'number': + case 'string': + case 'undefined': + return true; + case 'boolean': + return !propValue; + case 'object': + if (Array.isArray(propValue)) { + return propValue.every(isNode); + } + if (propValue === null || isValidElement(propValue)) { + return true; + } + + var iteratorFn = getIteratorFn(propValue); + if (iteratorFn) { + var iterator = iteratorFn.call(propValue); + var step; + if (iteratorFn !== propValue.entries) { + while (!(step = iterator.next()).done) { + if (!isNode(step.value)) { + return false; + } + } + } else { + // Iterator will provide entry [k,v] tuples rather than values. + while (!(step = iterator.next()).done) { + var entry = step.value; + if (entry) { + if (!isNode(entry[1])) { + return false; + } + } + } + } + } else { + return false; + } + + return true; + default: + return false; + } + } + + function isSymbol(propType, propValue) { + // Native Symbol. + if (propType === 'symbol') { + return true; + } + + // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' + if (propValue['@@toStringTag'] === 'Symbol') { + return true; + } + + // Fallback for non-spec compliant Symbols which are polyfilled. + if (typeof Symbol === 'function' && propValue instanceof Symbol) { + return true; + } + + return false; + } + + // Equivalent of `typeof` but with special handling for array and regexp. + function getPropType(propValue) { + var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue); + if (Array.isArray(propValue)) { + return 'array'; + } + if (propValue instanceof RegExp) { + // Old webkits (at least until Android 4.0) return 'function' rather than + // 'object' for typeof a RegExp. We'll normalize this here so that /bla/ + // passes PropTypes.object. + return 'object'; + } + if (isSymbol(propType, propValue)) { + return 'symbol'; + } + return propType; + } + + // This handles more types than `getPropType`. Only used for error messages. + // See `createPrimitiveTypeChecker`. + function getPreciseType(propValue) { + if (typeof propValue === 'undefined' || propValue === null) { + return '' + propValue; + } + var propType = getPropType(propValue); + if (propType === 'object') { + if (propValue instanceof Date) { + return 'date'; + } else if (propValue instanceof RegExp) { + return 'regexp'; + } + } + return propType; + } + + // Returns a string that is postfixed to a warning about an invalid type. + // For example, "undefined" or "of type array" + function getPostfixForTypeWarning(value) { + var type = getPreciseType(value); + switch (type) { + case 'array': + case 'object': + return 'an ' + type; + case 'boolean': + case 'date': + case 'regexp': + return 'a ' + type; + default: + return type; + } + } + + // Returns class name of the object, if any. + function getClassName(propValue) { + if (!propValue.constructor || !propValue.constructor.name) { + return ANONYMOUS; + } + return propValue.constructor.name; + } + + ReactPropTypes.checkPropTypes = checkPropTypes; + ReactPropTypes.PropTypes = ReactPropTypes; + + return ReactPropTypes; +}; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0))) + +/***/ }), +/* 13 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* +object-assign +(c) Sindre Sorhus +@license MIT +*/ + + +/* eslint-disable no-unused-vars */ + +var getOwnPropertySymbols = Object.getOwnPropertySymbols; +var hasOwnProperty = Object.prototype.hasOwnProperty; +var propIsEnumerable = Object.prototype.propertyIsEnumerable; + +function toObject(val) { + if (val === null || val === undefined) { + throw new TypeError('Object.assign cannot be called with null or undefined'); + } + + return Object(val); +} + +function shouldUseNative() { + try { + if (!Object.assign) { + return false; + } + + // Detect buggy property enumeration order in older V8 versions. + + // https://bugs.chromium.org/p/v8/issues/detail?id=4118 + var test1 = new String('abc'); // eslint-disable-line no-new-wrappers + test1[5] = 'de'; + if (Object.getOwnPropertyNames(test1)[0] === '5') { + return false; + } + + // https://bugs.chromium.org/p/v8/issues/detail?id=3056 + var test2 = {}; + for (var i = 0; i < 10; i++) { + test2['_' + String.fromCharCode(i)] = i; + } + var order2 = Object.getOwnPropertyNames(test2).map(function (n) { + return test2[n]; + }); + if (order2.join('') !== '0123456789') { + return false; + } + + // https://bugs.chromium.org/p/v8/issues/detail?id=3056 + var test3 = {}; + 'abcdefghijklmnopqrst'.split('').forEach(function (letter) { + test3[letter] = letter; + }); + if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') { + return false; + } + + return true; + } catch (err) { + // We don't expect any of the above to throw, but better to be safe. + return false; + } +} + +module.exports = shouldUseNative() ? Object.assign : function (target, source) { + var from; + var to = toObject(target); + var symbols; + + for (var s = 1; s < arguments.length; s++) { + from = Object(arguments[s]); + + for (var key in from) { + if (hasOwnProperty.call(from, key)) { + to[key] = from[key]; + } + } + + if (getOwnPropertySymbols) { + symbols = getOwnPropertySymbols(from); + for (var i = 0; i < symbols.length; i++) { + if (propIsEnumerable.call(from, symbols[i])) { + to[symbols[i]] = from[symbols[i]]; + } + } + } + } + + return to; +}; + +/***/ }), +/* 14 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) {/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + + + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +if (process.env.NODE_ENV !== 'production') { + var invariant = __webpack_require__(2); + var warning = __webpack_require__(4); + var ReactPropTypesSecret = __webpack_require__(3); + var loggedTypeFailures = {}; +} + +/** + * Assert that the values match with the type specs. + * Error messages are memorized and will only be shown once. + * + * @param {object} typeSpecs Map of name to a ReactPropType + * @param {object} values Runtime values that need to be type-checked + * @param {string} location e.g. "prop", "context", "child context" + * @param {string} componentName Name of the component for error messages. + * @param {?Function} getStack Returns the component stack. + * @private + */ +function checkPropTypes(typeSpecs, values, location, componentName, getStack) { + if (process.env.NODE_ENV !== 'production') { + for (var typeSpecName in typeSpecs) { + if (typeSpecs.hasOwnProperty(typeSpecName)) { + var error; + // Prop type validation may throw. In case they do, we don't want to + // fail the render phase where it didn't fail before. So we log it. + // After these have been cleaned up, we'll let them throw. + try { + // This is intentionally an invariant that gets caught. It's the same + // behavior as without this statement except with a better message. + invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName || 'React class', location, typeSpecName, _typeof(typeSpecs[typeSpecName])); + error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret); + } catch (ex) { + error = ex; + } + warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error === 'undefined' ? 'undefined' : _typeof(error)); + if (error instanceof Error && !(error.message in loggedTypeFailures)) { + // Only monitor this failure once because there tends to be a lot of the + // same error. + loggedTypeFailures[error.message] = true; + + var stack = getStack ? getStack() : ''; + + warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : ''); + } + } + } + } +} + +module.exports = checkPropTypes; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0))) + +/***/ }), +/* 15 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + + + +var emptyFunction = __webpack_require__(1); +var invariant = __webpack_require__(2); +var ReactPropTypesSecret = __webpack_require__(3); + +module.exports = function () { + function shim(props, propName, componentName, location, propFullName, secret) { + if (secret === ReactPropTypesSecret) { + // It is still safe when called from React. + return; + } + invariant(false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types'); + }; + shim.isRequired = shim; + function getShim() { + return shim; + }; + // Important! + // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. + var ReactPropTypes = { + array: shim, + bool: shim, + func: shim, + number: shim, + object: shim, + string: shim, + symbol: shim, + + any: shim, + arrayOf: getShim, + element: shim, + instanceOf: getShim, + node: shim, + objectOf: getShim, + oneOf: getShim, + oneOfType: getShim, + shape: getShim, + exact: getShim + }; + + ReactPropTypes.checkPropTypes = emptyFunction; + ReactPropTypes.PropTypes = ReactPropTypes; + + return ReactPropTypes; +}; + +/***/ }), +/* 16 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.d3PanZoom = exports.d3Drag = exports.onTick = exports.d3Nodes = exports.d3Connections = undefined; + +var _d = __webpack_require__(5); + +var _dimensions = __webpack_require__(6); + +/* + * Bind data to a tag, inside a G element, inside the given root element. + * Root is a D3 selection, data is an object or array, tag is a string. + */ +var bindData = function bindData(root, data, tag) { + return root.append('g').selectAll(tag).data(data).enter().append(tag); +}; + +/* + * Bind connections to PATH tags on the given SVG. + */ +var d3Connections = exports.d3Connections = function d3Connections(svg, connections) { + return bindData(svg, connections, 'path').attr('class', 'mindmap-connection'); +}; + +/* eslint-disable no-param-reassign */ +/* + * Bind nodes to FOREIGNOBJECT tags on the given SVG, + * and set dimensions and html. + */ +var d3Nodes = exports.d3Nodes = function d3Nodes(svg, nodes) { + var selection = svg.append('g').selectAll('foreignObject').data(nodes).enter(); + + var d3nodes = selection.append('foreignObject').attr('class', 'mindmap-node').attr('width', function (node) { + return node.width + 4; + }).attr('height', function (node) { + return node.height; + }).html(function (node) { + return node.html; + }); + + var d3subnodes = selection.append('foreignObject').attr('class', 'mindmap-subnodes').attr('width', function (node) { + return node.nodesWidth + 4; + }).attr('height', function (node) { + return node.nodesHeight; + }).html(function (subnode) { + return subnode.nodesHTML; + }); + + return { + nodes: d3nodes, + subnodes: d3subnodes + }; +}; + +/* + * Callback for forceSimulation tick event. + */ +var onTick = exports.onTick = function onTick(conns, nodes, subnodes) { + var d = function d(conn) { + return ['M', conn.source.x, conn.source.y, 'Q', conn.source.x + (conn.curve && conn.curve.x ? conn.curve.x : 0), conn.source.y + (conn.curve && conn.curve.y ? conn.curve.y : 0), ',', conn.target.x, conn.target.y].join(' '); + }; + + // Set the connections path. + conns.attr('d', d); + + // Set nodes position. + nodes.attr('x', function (node) { + return node.x - node.width / 2; + }).attr('y', function (node) { + return node.y - node.height / 2; + }); + + // Set subnodes groups color and position. + subnodes.attr('x', function (node) { + return node.x + node.width / 2; + }).attr('y', function (node) { + return node.y - node.nodesHeight / 2; + }); +}; + +/* + * Return drag behavior to use on d3.selection.call(). + */ +var d3Drag = exports.d3Drag = function d3Drag(simulation, svg, nodes) { + var dragStart = function dragStart(node) { + if (!_d.event.active) { + simulation.alphaTarget(0.2).restart(); + } + + node.fx = node.x; + node.fy = node.y; + }; + + var dragged = function dragged(node) { + node.fx = _d.event.x; + node.fy = _d.event.y; + }; + + var dragEnd = function dragEnd() { + if (!_d.event.active) { + simulation.alphaTarget(0); + } + + svg.attr('viewBox', (0, _dimensions.getViewBox)(nodes.data())); + }; + + return (0, _d.drag)().on('start', dragStart).on('drag', dragged).on('end', dragEnd); +}; +/* eslint-enable no-param-reassign */ + +/* + * Return pan and zoom behavior to use on d3.selection.call(). + */ +var d3PanZoom = exports.d3PanZoom = function d3PanZoom(el) { + return (0, _d.zoom)().scaleExtent([0.3, 5]).on('zoom', function () { + return el.selectAll('svg > g').attr('transform', _d.event.transform); + }); +}; + +/***/ }), +/* 17 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _emojis = __webpack_require__(7); + +/* + * Return the HTML representation of a node. + * The node is an object that has text, url, and category attributes; + * all of them optional. + */ +var subnodesToHTML = function subnodesToHTML() { + var subnodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; + var fcolor = arguments[1]; + + var color = fcolor || ''; + + if (!fcolor && subnodes.length > 0 && subnodes[0].color) { + color = 'style="border-left-color: ' + subnodes[0].color + '"'; + } + + return subnodes.map(function (subnode) { + var href = 'href="' + subnode.url + '"'; + var emoji = (0, _emojis.categoryToIMG)(subnode.category); + + if (!subnode.url) { + href = ''; + emoji = ''; + } + + return '
\n ' + (subnode.text || '') + ' ' + emoji + '\n
' + subnodesToHTML(subnode.nodes, color) + '
\n
'; + }).join(''); +}; + +exports.default = subnodesToHTML; + +/***/ }), +/* 18 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _emojis = __webpack_require__(7); + +/* + * Return the HTML representation of a node. + * The node is an object that has text, url, and category attributes; + * all of them optional. + */ +exports.default = function (node) { + var href = 'href="' + node.url + '"'; + var emoji = (0, _emojis.categoryToIMG)(node.category); + + // If url is not specified remove the emoji and the href attribute, + // so that the node isn't clickable, and the user can see that without + // having to hover the node. + if (!node.url) { + href = ''; + emoji = ''; + } + + return '' + (node.text || '') + ' ' + emoji + ''; +}; + +/***/ }), +/* 19 */ +/***/ (function(module, exports, __webpack_require__) { + +// style-loader: Adds some css to the DOM by adding a + + {{!-- This tag outputs SEO meta+structured data and other important settings --}} + {{ghost_head}} + + +
+ + Home + Discussions + Write at Opengenus IQ +
+ + + +
+
×
+
+ + + +
+ + +
+
+ + + + {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} + {{{body}}} + + + + {{!-- Chat button--}} +
+ +
+ +
+ +
+ × +
+ +
+
+ +

Visit our discussion forum to ask any question and join our community

+ + View Forum +
+
+
+ {{!-- Chat button--}} + + {{!-- The footer at the very bottom of the screen --}} + + +
+ + {{!-- The big email subscribe modal content --}} + {{#if @labs.subscribers}} + + {{/if}} + + {{!-- jQuery + Fitvids, which makes all video embeds responsive --}} + + + + + + + + + + {{#if pagination.pages}} + + + + + + {{/if}} + + {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}} + {{{block "scripts"}}} + + {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}} + {{ghost_foot}} + + + + diff --git a/default_map.hbs b/default_map.hbs new file mode 100644 index 0000000..0834850 --- /dev/null +++ b/default_map.hbs @@ -0,0 +1,262 @@ + + + + + {{!-- Document Settings --}} + + + + {{!-- Base Meta --}} + {{meta_title}} + + + + {{!-- Styles'n'Scripts --}} + + + + + + + + + + + + + + + {{!-- This tag outputs SEO meta+structured data and other important settings --}} + {{ghost_head}} + + +
+ + Home + Discussions + Write at Opengenus IQ +
+ + + +
+
×
+
+ + + +
+ + +
+
+ + + + {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} + {{{body}}} + + + + {{!-- Chat button--}} +
+ +
+ +
+ +
+ × +
+ +
+
+ +

Visit our discussion forum to ask any question and join our community

+ + View Forum +
+
+
+
+ + {{!-- The big email subscribe modal content --}} + {{#if @labs.subscribers}} + + {{/if}} + + {{!-- jQuery + Fitvids, which makes all video embeds responsive --}} + + + + + + + + + + + {{#if pagination.pages}} + + + + + + {{/if}} + + {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}} + {{{block "scripts"}}} + + {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}} + {{ghost_foot}} + + + + \ No newline at end of file diff --git a/error-404.hbs b/error-404.hbs new file mode 100644 index 0000000..c3ab978 --- /dev/null +++ b/error-404.hbs @@ -0,0 +1,56 @@ +{{!-- +This error template is used for all 404 errors, which might occur on your site. +It's a good idea to keep this template as minimal as possible in terms of both file size and complexity. +--}} + + + + + + + {{meta_title}} + + + + + +
+ +
+
+ +
+
+ +
+
+ +
+

{{code}}

+

{{message}}

+ Go to the front page → +
+
+
+ + {{#get "posts" limit="3"}} + + {{/get}} + +
+ + diff --git a/error.hbs b/error.hbs new file mode 100644 index 0000000..da1c655 --- /dev/null +++ b/error.hbs @@ -0,0 +1,63 @@ +{{!-- +This error template is used for all 400/500 errors, except 404, which might occur on your site. +It's a good idea to keep this template as minimal as possible in terms of both file size and complexity. +You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in this file. +--}} + + + + + + + {{meta_title}} + + + + + +
+ +
+
+ +
+
+ +
+
+ +
+

{{code}}

+

{{message}}

+ Go to the front page → +
+ + {{#if errorDetails}} +
+

Theme errors

+
    + {{#each errorDetails}} +
  • + {{{rule}}} + + {{#each failures}} +

    Ref: {{ref}}

    +

    Message: {{message}}

    + {{/each}} +
    • + {{/each}} +
+
+ {{/if}} + +
+
+
+ + diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..e889c26 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,70 @@ +var gulp = require('gulp'); + +// gulp plugins and utils +var gutil = require('gulp-util'); +var livereload = require('gulp-livereload'); +var nodemon = require('gulp-nodemon'); +var postcss = require('gulp-postcss'); +var sourcemaps = require('gulp-sourcemaps'); +var zip = require('gulp-zip'); + +// postcss plugins +var autoprefixer = require('autoprefixer'); +var colorFunction = require('postcss-color-function'); +var cssnano = require('cssnano'); +var customProperties = require('postcss-custom-properties'); +var easyimport = require('postcss-easy-import'); + +var swallowError = function swallowError(error) { + gutil.log(error.toString()); + gutil.beep(); + this.emit('end'); +}; + +var nodemonServerInit = function () { + livereload.listen(1234); +}; + +gulp.task('build', ['css'], function (/* cb */) { + return nodemonServerInit(); +}); + +gulp.task('css', function () { + var processors = [ + easyimport, + customProperties, + colorFunction(), + autoprefixer({browsers: ['last 2 versions']}), + cssnano() + ]; + + return gulp.src('assets/css/*.css') + .on('error', swallowError) + .pipe(sourcemaps.init()) + .pipe(postcss(processors)) + .pipe(sourcemaps.write('.')) + .pipe(gulp.dest('assets/built/')) + .pipe(livereload()); +}); + +gulp.task('watch', function () { + gulp.watch('assets/css/**', ['css']); +}); + +gulp.task('zip', ['css'], function() { + var targetDir = 'dist/'; + var themeName = require('./package.json').name; + var filename = themeName + '.zip'; + + return gulp.src([ + '**', + '!node_modules', '!node_modules/**', + '!dist', '!dist/**' + ]) + .pipe(zip(filename)) + .pipe(gulp.dest(targetDir)); +}); + +gulp.task('default', ['build'], function () { + gulp.start('watch'); +}); diff --git a/index.hbs b/index.hbs new file mode 100644 index 0000000..79c1165 --- /dev/null +++ b/index.hbs @@ -0,0 +1,47 @@ +{{!< default}} +{{!-- The tag above means: insert everything in this file +into the {body} of the default.hbs template --}} + +{{!-- The big featured header, it uses blog cover image as a BG if available --}} + +
+
+ + {{> "site-nav"}} + +
+ + + + + +

{{@site.description}}

+ +
+
+
+ + + +{{!-- The main content area --}} +
+
+
+ {{#foreach posts}} + + {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}} + {{> "post-card"}} + + {{/foreach}} +
+ +
+
diff --git a/package.json b/package.json new file mode 100644 index 0000000..6ab3fb9 --- /dev/null +++ b/package.json @@ -0,0 +1,54 @@ +{ + "name": "casper", + "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.", + "demo": "https://demo.ghost.io", + "version": "2.1.9", + "engines": { + "ghost": ">=1.2.0" + }, + "license": "MIT", + "screenshots": { + "desktop": "assets/screenshot-desktop.jpg", + "mobile": "assets/screenshot-mobile.jpg" + }, + "author": { + "name": "Ghost Foundation", + "email": "hello@ghost.org", + "url": "https://ghost.org" + }, + "gpm": { + "type": "theme", + "categories": [ + "Minimal", + "Magazine" + ] + }, + "keywords": [ + "ghost", + "theme" + ], + "repository": { + "type": "git", + "url": "https://github.com/TryGhost/Casper.git" + }, + "bugs": "https://github.com/TryGhost/Casper/issues", + "contributors": "https://github.com/TryGhost/Casper/graphs/contributors", + "devDependencies": { + "autoprefixer": "6.3.6", + "cssnano": "3.7.1", + "gulp": "3.9.1", + "gulp-livereload": "3.8.1", + "gulp-nodemon": "2.1.0", + "gulp-postcss": "6.1.1", + "gulp-sourcemaps": "1.6.0", + "gulp-util": "3.0.7", + "gulp-watch": "4.3.8", + "gulp-zip": "4.0.0", + "postcss-color-function": "2.0.1", + "postcss-custom-properties": "5.0.1", + "postcss-easy-import": "1.0.1" + }, + "config": { + "posts_per_page": 25 + } +} diff --git a/page-convex-hull-map.hbs b/page-convex-hull-map.hbs new file mode 100644 index 0000000..6609275 --- /dev/null +++ b/page-convex-hull-map.hbs @@ -0,0 +1,118 @@ + + + + + + + + + +{{!< default_map}} + +{{!-- The tag above means: insert everything in this file +into the {body} of the default.hbs template --}} + + + +
+
+ {{> "site-nav"}} +
+
+ + +{{!-- Everything inside the #post tags pulls data from the post --}} +{{#post}} + + + + + +{{!-- Floating header which appears on-scroll, included from includes/floating-header.hbs --}} +{{> floating-header}} + +{{/post}} + +{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} +{{#contentFor "scripts"}} + + + + + + + + +{{/contentFor}} \ No newline at end of file diff --git a/page-courses.hbs b/page-courses.hbs new file mode 100644 index 0000000..042162e --- /dev/null +++ b/page-courses.hbs @@ -0,0 +1,74 @@ +{{#is "page"}}{{/is}} + +{{!< default}} +{{!-- The tag above means: insert everything in this file +into the {body} of the default.hbs template --}} + +{{!-- The big featured header, it uses blog cover image as a BG if available --}} +
+
+ {{> "site-nav"}} +
+

Courses

+
+
+ + + + +
+
+
+
+
+ +{{!-- Everything inside the #post tags pulls data from the post --}} +{{#post}} + +
+ +
+ +
+ +
+ +
+ + {{#if feature_image}} +
+
+ {{/if}} + + + +
+ +
+
+ + {{content}} +
+ +
+ +
+
+ +{{/post}} + +{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} +{{#contentFor "scripts"}} + + +{{/contentFor}} \ No newline at end of file diff --git a/page-cs-map.hbs b/page-cs-map.hbs new file mode 100644 index 0000000..98ce918 --- /dev/null +++ b/page-cs-map.hbs @@ -0,0 +1,118 @@ + + + + + + + + + +{{!< default_map}} + +{{!-- The tag above means: insert everything in this file +into the {body} of the default.hbs template --}} + + + +
+
+ {{> "site-nav"}} +
+
+ + +{{!-- Everything inside the #post tags pulls data from the post --}} +{{#post}} + + + + + +{{!-- Floating header which appears on-scroll, included from includes/floating-header.hbs --}} +{{> floating-header}} + +{{/post}} + +{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} +{{#contentFor "scripts"}} + + + + + + + + +{{/contentFor}} \ No newline at end of file diff --git a/page.hbs b/page.hbs new file mode 100644 index 0000000..fd16851 --- /dev/null +++ b/page.hbs @@ -0,0 +1,81 @@ +{{!< default}} +{{!-- The tag above means: insert everything in this file +into the {body} of the default.hbs template --}} + +{{!-- The big featured header, it uses blog cover image as a BG if available --}} +
+ +
+ {{> "site-nav"}} +
+
+ +{{!-- Everything inside the #post tags pulls data from the post --}} +{{#post}} + +
+ +
+ +
+ +
+

{{title}}

+

+ + +
+ + +
+ + +
+ + +
+ + +

+
+ + {{#if feature_image}} +
+
+ {{/if}} + +
+ {{content}} +
+ +
+ +
+
+ +{{/post}} + +{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} +{{#contentFor "scripts"}} + + + + +{{/contentFor}} \ No newline at end of file diff --git a/partials/floating-header.hbs b/partials/floating-header.hbs new file mode 100644 index 0000000..6126346 --- /dev/null +++ b/partials/floating-header.hbs @@ -0,0 +1,35 @@ +
+ + — +
{{title}}
+
+
Share this {{> "icons/point"}}
+ + + {{> "icons/twitter"}} + + + + {{> "icons/facebook"}} + + + + + +
+ +
+ +
+ +
diff --git a/partials/icons/facebook.hbs b/partials/icons/facebook.hbs new file mode 100644 index 0000000..7332072 --- /dev/null +++ b/partials/icons/facebook.hbs @@ -0,0 +1 @@ + diff --git a/partials/icons/ghost-logo.hbs b/partials/icons/ghost-logo.hbs new file mode 100644 index 0000000..637a2b5 --- /dev/null +++ b/partials/icons/ghost-logo.hbs @@ -0,0 +1 @@ +Ghost Logo diff --git a/partials/icons/infinity.hbs b/partials/icons/infinity.hbs new file mode 100644 index 0000000..87e44ea --- /dev/null +++ b/partials/icons/infinity.hbs @@ -0,0 +1 @@ + diff --git a/partials/icons/location.hbs b/partials/icons/location.hbs new file mode 100644 index 0000000..0c2d866 --- /dev/null +++ b/partials/icons/location.hbs @@ -0,0 +1 @@ + diff --git a/partials/icons/point.hbs b/partials/icons/point.hbs new file mode 100644 index 0000000..f3c7025 --- /dev/null +++ b/partials/icons/point.hbs @@ -0,0 +1,3 @@ + + + diff --git a/partials/icons/reddit.hbs b/partials/icons/reddit.hbs new file mode 100644 index 0000000..f991ed9 --- /dev/null +++ b/partials/icons/reddit.hbs @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/partials/icons/rss.hbs b/partials/icons/rss.hbs new file mode 100644 index 0000000..3840238 --- /dev/null +++ b/partials/icons/rss.hbs @@ -0,0 +1 @@ + diff --git a/partials/icons/twitter.hbs b/partials/icons/twitter.hbs new file mode 100644 index 0000000..19de4af --- /dev/null +++ b/partials/icons/twitter.hbs @@ -0,0 +1 @@ + diff --git a/partials/icons/website.hbs b/partials/icons/website.hbs new file mode 100644 index 0000000..08be39f --- /dev/null +++ b/partials/icons/website.hbs @@ -0,0 +1 @@ + diff --git a/partials/left-side-bar.hbs b/partials/left-side-bar.hbs new file mode 100644 index 0000000..6e524ae --- /dev/null +++ b/partials/left-side-bar.hbs @@ -0,0 +1,7 @@ + \ No newline at end of file diff --git a/partials/post-card.hbs b/partials/post-card.hbs new file mode 100644 index 0000000..d283e6c --- /dev/null +++ b/partials/post-card.hbs @@ -0,0 +1,26 @@ + diff --git a/partials/right-side-bar.hbs b/partials/right-side-bar.hbs new file mode 100644 index 0000000..9c12afa --- /dev/null +++ b/partials/right-side-bar.hbs @@ -0,0 +1,77 @@ + \ No newline at end of file diff --git a/partials/site-nav.hbs b/partials/site-nav.hbs new file mode 100644 index 0000000..180752e --- /dev/null +++ b/partials/site-nav.hbs @@ -0,0 +1,37 @@ + diff --git a/post.hbs b/post.hbs new file mode 100644 index 0000000..294f45f --- /dev/null +++ b/post.hbs @@ -0,0 +1,599 @@ +{{!< default}} + +{{!-- The tag above means: insert everything in this file +into the {body} of the default.hbs template --}} + +
+
+ {{> "site-nav"}} +
+
+ + + +{{!-- Everything inside the #post tags pulls data from the post --}} +{{#post}} + +
+
+ {{!-- LEFT SIDE BAR --}} + {{#if tags}} + + {{/if}} + + {{!-- INNER CONTENT --}} +
+ +
+ +
+

{{title}}

+
+ + {{#if tags}} + + + {{else}} + + {{/if}} +
+
+ {{!-- +

Share this:

+

+ + +
+ + +
+ + +
+ + +
+ +

+ --}} + + + {{!--
+ + + + + + + + + +
--}} + + + {{!-- taglist : display the list of tags --}} +
+

+
+ + + {{#if tags}} + + {{#foreach tags}} + + {{name}} + + {{/foreach}} + + {{/if}} + + +
+

+
+ + + + + + {{!-- taglist --}} + +
+ +
+ + + +
+
+ + {{content}} +
+ + + +
+ + + +
+ {{!-- RIGHT SIDE BAR --}} +
+ {{> "right-side-bar"}} +
+
+ + + {{!-- Email subscribe form at the bottom of the page --}} + {{#if @labs.subscribers}} + + {{/if}} + +
+ {{!-- Everything inside the #author tags pulls data from the author --}} +
+ {{#primary_author}} + +
+ {{#if profile_image}} + {{name}} + {{/if}} + +
+

{{name}}

+ {{#if bio}} +

{{bio}}

+ {{else}} +

Read more posts by this author.

+ {{/if}} +
+ + + +
+ +
+ Read More +
+ + + + {{/primary_author}} + +
+ {{!-- Displaying secondary authors --}} + {{#if authors from="2"}} +
+ {{#foreach authors from="2"}} + + +
+ {{#if profile_image}} + {{name}} + {{/if}} + {{name}} +
+ + + {{/foreach}} +
+ {{/if}} + + + {{!-- footer list of tags --}} + +

+
+ +

Tags

+
+
+ {{#if tags}} + + {{#foreach tags}} + {{name}} + {{/foreach}} + + {{/if}} +
+ +

+ + +
+ + + + + + + + + + + {{!-- Comments --}} +
+ + {{!-- + + If you use Disqus comments, just uncomment this block. + The only thing you need to change is "test-apkdzgmqhj" - which + should be replaced with your own Disqus site-id. + +
+
+ +
+ --}} + + + +
+
+ +{{!-- Links to Previous/Next posts --}} + + + +{{!-- Floating header which appears on-scroll, included from includes/floating-header.hbs --}} +{{> floating-header}} + +{{/post}} + +{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} +{{#contentFor "scripts"}} + + + + + +{{!-show/hide tags if they excceed one line--}} + + + + +{{/contentFor}} \ No newline at end of file diff --git a/sw.js b/sw.js new file mode 100644 index 0000000..09edaed --- /dev/null +++ b/sw.js @@ -0,0 +1,21 @@ +var version = "v2.0.2"; +var swPath; +var urlObject = new URL(location); +var host; +if (urlObject.searchParams.get("swPath")) { + swPath = urlObject.searchParams.get("swPath"); +} +else { + if (urlObject.searchParams.get("version")) { + version = urlObject.searchParams.get("version"); + } + if (urlObject.searchParams.get("swJSHost")) { + host = "https://" + urlObject.searchParams.get("swJSHost"); + } + else { + host = "https://sdki.truepush.com/sdk/"; + } + swPath = host + version + "/sw.js"; +} +importScripts(swPath); + diff --git a/tag.hbs b/tag.hbs new file mode 100644 index 0000000..54f27e1 --- /dev/null +++ b/tag.hbs @@ -0,0 +1,33 @@ +{{!< default}} +{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}} + +{{!-- The big featured header, it uses blog cover image as a BG if available --}} +{{#tag}} +
+
+ {{> "site-nav"}} +
+

{{name}}

+

+ {{#if description}} + {{description}} + {{else}} + A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}} + {{/if}} +

+
+
+
+{{/tag}} + +{{!-- The main content area --}} +
+
+
+ {{#foreach posts}} + {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}} + {{> "post-card"}} + {{/foreach}} +
+
+
From 5ef09a6a6f1e8750830e9cc1d75702efd00bc3d8 Mon Sep 17 00:00:00 2001 From: lumunge Date: Mon, 21 Feb 2022 17:14:57 +0300 Subject: [PATCH 06/35] sidebar --- index.hbs | 22 +--------------------- 1 file changed, 1 insertion(+), 21 deletions(-) diff --git a/index.hbs b/index.hbs index 11ad403..254dfb9 100644 --- a/index.hbs +++ b/index.hbs @@ -3,12 +3,7 @@ into the {body} of the default.hbs template --}} {{!-- The big featured header, it uses blog cover image as a BG if available --}} - -<<<<<<< HEAD -
-=======
->>>>>>> 4a658bb4fff508f85bfb7f7d006f9fce12ffbe3b
{{> "site-nav"}} @@ -17,28 +12,17 @@ into the {body} of the default.hbs template --}} -<<<<<<< HEAD -

{{@site.description}}

-=======

{{@blog.description}}

->>>>>>> 4a658bb4fff508f85bfb7f7d006f9fce12ffbe3b
@@ -48,11 +32,7 @@ into the {body} of the default.hbs template --}} {{!-- The main content area --}}
-
-<<<<<<< HEAD -======= - ->>>>>>> 4a658bb4fff508f85bfb7f7d006f9fce12ffbe3b +
{{#foreach posts}} From 56eb9ce80d4b320183e13345b9af342300c48bab Mon Sep 17 00:00:00 2001 From: lumunge Date: Sat, 26 Feb 2022 22:14:52 +0300 Subject: [PATCH 07/35] specific left sidebar for specified article --- partials/left-side-bar-common.hbs | 8 ++++++++ partials/left-side-bar.hbs | 8 +++++--- post.hbs | 6 +++++- 3 files changed, 18 insertions(+), 4 deletions(-) create mode 100644 partials/left-side-bar-common.hbs diff --git a/partials/left-side-bar-common.hbs b/partials/left-side-bar-common.hbs new file mode 100644 index 0000000..75b6a55 --- /dev/null +++ b/partials/left-side-bar-common.hbs @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/partials/left-side-bar.hbs b/partials/left-side-bar.hbs index 6e524ae..31506fe 100644 --- a/partials/left-side-bar.hbs +++ b/partials/left-side-bar.hbs @@ -1,7 +1,9 @@ \ No newline at end of file diff --git a/post.hbs b/post.hbs index 294f45f..1e02053 100644 --- a/post.hbs +++ b/post.hbs @@ -49,7 +49,11 @@ into the {body} of the default.hbs template --}} - {{/if}} + {{else}} + + {{/if}} {{!-- INNER CONTENT --}}
From 29f27f785e585af39583ffd32a711135f0f51e83 Mon Sep 17 00:00:00 2001 From: lumunge Date: Sat, 5 Mar 2022 20:28:32 +0300 Subject: [PATCH 08/35] left side-bar tag title --- partials/left-side-bar.hbs | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/partials/left-side-bar.hbs b/partials/left-side-bar.hbs index 31506fe..902c82f 100644 --- a/partials/left-side-bar.hbs +++ b/partials/left-side-bar.hbs @@ -1,4 +1,10 @@ - -{{! }} \ No newline at end of file + \ No newline at end of file From 36da3b7226d2158f1d9b7fd20c7d248a179edc3c Mon Sep 17 00:00:00 2001 From: lumunge Date: Sun, 13 Mar 2022 14:12:33 +0300 Subject: [PATCH 31/35] sidebar uniformity --- assets/css/screen.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 0b01359..07dd358 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -501,9 +501,13 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o } .top-side-bar-links { height: 180px; - overflow: auto; + overflow-y: auto; +} +.left-side-bar-links { + overflow-y: auto; + height: calc(100vh - 106px); } -.top-left #show-all:checked ~ .top-side-bar-links .left-side-bar-link { +/* .top-left #show-all:checked ~ .top-side-bar-links .left-side-bar-link { display: list-item; } .top-left #show-all ~ label[for="show-all"] { @@ -514,7 +518,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o } .top-left #show-all { display: none; -} +} */ /* .top-left label[for="show-all"] { position: absolute; box-sizing: border-box; @@ -545,7 +549,6 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o .left-side-bar { border-right: 1px solid #f2f3f4; height: calc(100vh - 45px); - overflow-y: auto; transition: all 0.2s ease-in; background-color: #fff; } From 57cc82beed5dcdbe47bc280b86db3f2194ec57e7 Mon Sep 17 00:00:00 2001 From: lumunge Date: Mon, 20 Jun 2022 16:40:04 +0300 Subject: [PATCH 32/35] first implementation of dropdown navigation bar --- assets/css/navbar.css | 108 +++++++++++++++++++++++++++++++++--------- partials/site-nav.hbs | 86 ++++++++++++++++++++++++++------- 2 files changed, 153 insertions(+), 41 deletions(-) diff --git a/assets/css/navbar.css b/assets/css/navbar.css index bafce1e..6047331 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -1,54 +1,116 @@ - /*Navigation bar style */ -.burger_menu{ +.burger_menu { margin-bottom: -20px; line-height: 45px; font-size: 20px; } -.navbar_collapse a{ -text-align: center; +.navbar_collapse a { + text-align: center; display: block; text-align: center; color: #575a60; font-weight: normal; margin: 30px; font-size: 20px; - padding :10px; + padding: 10px; border-bottom: 1px solid gray; transition: all 0.5s ease; } -.navbar_collapse a:hover{ +.navbar_collapse a:hover { color: #3eb0ef; border-color: #3eb0ef; } -.navigation_page_open{ -left:0px; +.navigation_page_open { + left: 0px; } -#navbar_close{ +#navbar_close { cursor: pointer; color: #575a60; font-size: 40px; position: absolute; - top:10px; - right:10px; + top: 10px; + right: 10px; } -@media (max-width: 700px) { - .navbar-right{ -margin-right: 10px; - } +.dropdown-navbar { + position: relative; + z-index: 300; + /* box-shadow: 0 0 10px #000; */ + /* background: black; */ + /* height: 40px; */ +} -label{ - display: block; - margin-right: 0; - padding-left: 4vw; +.dropdown-navbar ul { + display: flex; + position: relative; + margin: 20px auto 0 auto; + width: 100%; +} + +.nav-link { + padding: 0 1rem; +} + +.dropdown-navbar .nav-link { + /* position: relative; */ + list-style: none; + -webkit-transition: background-color ease-in 300ms; + -moz-transition: background-color ease-in 300ms; + -ms-transition: background-color ease-in 300ms; + -o-transition: background-color ease-in 300ms; + transition: background-color ease-in 300ms; +} + +.dropdown-navbar li:hover { + opacity: 1; +} + +.dropdown-navbar .nav-link ul { + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + padding: 0 470px; + margin: 0 -20px; +} + +.dropdown { + display: flex; + flex-direction: column; +} +.dropdown li { + list-style: none; + padding: 1rem; +} +.dropdown-navbar li:hover > .dropdown { + visibility: visible; + opacity: 1; + background-color: #000; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + height: 376px; + width: 100%; + flex: wrap; + padding: 0; + margin: 0; } - .navbar-left { - padding-left: 4vw; - display: none; - } +/* responsive design */ +@media (max-width: 700px) { + .navbar-right { + margin-right: 10px; + } + + label { + display: block; + margin-right: 0; + padding-left: 4vw; + } + .navbar-left { + padding-left: 4vw; + display: none; + } } diff --git a/partials/site-nav.hbs b/partials/site-nav.hbs index 180752e..d0836af 100644 --- a/partials/site-nav.hbs +++ b/partials/site-nav.hbs @@ -1,26 +1,24 @@ - +
+ +
+
\ No newline at end of file From 7fb1122eaf5e105be0d601da996d0a976c48b090 Mon Sep 17 00:00:00 2001 From: lumunge Date: Sat, 25 Jun 2022 17:12:39 +0300 Subject: [PATCH 33/35] dropdown navbar with arrow icons --- assets/css/navbar.css | 22 +++++++++++++++++++++- assets/images/down.svg | 38 ++++++++++++++++++++++++++++++++++++++ partials/site-nav.hbs | 16 ++++++++++++---- 3 files changed, 71 insertions(+), 5 deletions(-) create mode 100644 assets/images/down.svg diff --git a/assets/css/navbar.css b/assets/css/navbar.css index 6047331..e64a314 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -44,7 +44,7 @@ .dropdown-navbar ul { display: flex; position: relative; - margin: 20px auto 0 auto; + margin: -11px auto 0 -20px; width: 100%; } @@ -97,6 +97,17 @@ margin: 0; } +.link { + display: flex; +} +.link a { + padding-right: 3px; +} +.drop-icon { + padding: 6px 0 0 0px; + width: 15px; +} + /* responsive design */ @media (max-width: 700px) { .navbar-right { @@ -113,4 +124,13 @@ padding-left: 4vw; display: none; } + .dropdown-navbar .nav-link ul { + visibility: hidden; + opacity: 0; + position: absolute; + left: 20px; + overflow-x: auto; + /* padding: 0 470px; + margin: 0 -20px; */ + } } diff --git a/assets/images/down.svg b/assets/images/down.svg new file mode 100644 index 0000000..6c914d5 --- /dev/null +++ b/assets/images/down.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/partials/site-nav.hbs b/partials/site-nav.hbs index d0836af..42b1952 100644 --- a/partials/site-nav.hbs +++ b/partials/site-nav.hbs @@ -10,7 +10,6 @@ {{#if @blog.navigation}} {{navigation}} {{/if}} -
@@ -35,7 +34,10 @@
  • - Interview +
    + Interview + +
  • - Algorithms +
    + Algorithms + +
  • - Blockchain +
    + Blockchain + +
    • Etherueum
    • Bitcoin
      • From 81a8793bd9e3ea5023ab9864288769cfc86605bd Mon Sep 17 00:00:00 2001 From: lumunge Date: Sat, 9 Jul 2022 13:17:22 +0300 Subject: [PATCH 34/35] navigation bar dropdown fixes --- assets/css/global.css | 342 ++++++++++++++--------------- assets/css/navbar.css | 264 +++++++++++++++++++--- default.hbs | 496 +++++++++++++++++++++--------------------- page.hbs | 3 + partials/site-nav.hbs | 222 +++++++++++++------ post.hbs | 2 - 6 files changed, 815 insertions(+), 514 deletions(-) diff --git a/assets/css/global.css b/assets/css/global.css index 2e18c77..3c4091b 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -2,18 +2,18 @@ /* ---------------------------------------------------------- */ :root { - /* Colours */ - --blue: #3eb0ef; - --green: #a4d037; - --purple: #ad26b4; - --yellow: #fecd35; - --red: #f05230; - --darkgrey: #15171A; - --midgrey: #738a94; - --lightgrey: #c5d2d9; - --whitegrey: #e5eff5; - --pink: #fa3a57; - --brown: #a3821a; + /* Colours */ + --blue: #3eb0ef; + --green: #a4d037; + --purple: #ad26b4; + --yellow: #fecd35; + --red: #f05230; + --darkgrey: #15171a; + --midgrey: #738a94; + --lightgrey: #c5d2d9; + --whitegrey: #e5eff5; + --pink: #fa3a57; + --brown: #a3821a; } /* Reset @@ -96,220 +96,220 @@ time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font: inherit; - font-size: 100%; - vertical-align: baseline; + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; } body { - line-height: 1; + line-height: 1; } ol, ul { - list-style: none; + list-style: none; } blockquote, q { - quotes: none; + quotes: none; } blockquote:before, blockquote:after, q:before, q:after { - content: ""; - content: none; + content: ""; + content: none; } table { - border-spacing: 0; - border-collapse: collapse; + border-spacing: 0; + border-collapse: collapse; } img { - max-width: 100%; + max-width: 100%; } html { - box-sizing: border-box; - font-family: sans-serif; + box-sizing: border-box; + font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } *, *:before, *:after { - box-sizing: inherit; + box-sizing: inherit; } a { - background-color: transparent; + background-color: transparent; } a:active, a:hover { - outline: 0; + outline: 0; } b, strong { - font-weight: bold; + font-weight: bold; } i, em, dfn { - font-style: italic; + font-style: italic; } h1 { - margin: 0.67em 0; - font-size: 2em; + margin: 0.67em 0; + font-size: 2em; } small { - font-size: 80%; + font-size: 80%; } sub, sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } sup { - top: -0.5em; + top: -0.5em; } sub { - bottom: -0.25em; + bottom: -0.25em; } img { - border: 0; + border: 0; } svg:not(:root) { - overflow: hidden; + overflow: hidden; } mark { - background-color: #fdffb6; + background-color: #fdffb6; } code, kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; + font-family: monospace, monospace; + font-size: 1em; } button, input, optgroup, select, textarea { - margin: 0; /* 3 */ - color: inherit; /* 1 */ - font: inherit; /* 2 */ + margin: 0; /* 3 */ + color: inherit; /* 1 */ + font: inherit; /* 2 */ } button { - overflow: visible; - border: none; + overflow: visible; + border: none; } button, select { - text-transform: none; + text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { - cursor: pointer; /* 3 */ + cursor: pointer; /* 3 */ - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; /* 2 */ } button[disabled], html input[disabled] { - cursor: default; + cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; - border: 0; + padding: 0; + border: 0; } input { - line-height: normal; + line-height: normal; } input:focus { - outline: none; + outline: none; } input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; + height: auto; } input[type="search"] { - box-sizing: content-box; /* 2 */ + box-sizing: content-box; /* 2 */ - -webkit-appearance: textfield; /* 1 */ + -webkit-appearance: textfield; /* 1 */ } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } legend { - padding: 0; /* 2 */ - border: 0; /* 1 */ + padding: 0; /* 2 */ + border: 0; /* 1 */ } textarea { - overflow: auto; + overflow: auto; } table { - border-spacing: 0; - border-collapse: collapse; + border-spacing: 0; + border-collapse: collapse; } td, th { - padding: 0; + padding: 0; } - /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { - overflow-x: hidden; - overflow-y: scroll; - font-size: 62.5%; + overflow-x: hidden; + overflow-y: hidden; + font-size: 62.5%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - overflow-x: hidden; - color: color(var(--midgrey) l(-25%)); - 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; + overflow-x: hidden; + color: color(var(--midgrey) l(-25%)); + 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: color(blue); + text-shadow: none; + background: color(blue); } hr { - position: relative; - display: block; - width: 100%; - margin: 2.5em 0 3.5em; - padding: 0; - height: 1px; - border: 0; - border-top: 1px solid color(var(--lightgrey) l(+10%)); + position: relative; + display: block; + width: 100%; + margin: 2.5em 0 3.5em; + padding: 0; + height: 1px; + border: 0; + border-top: 1px solid color(var(--lightgrey) l(+10%)); } audio, @@ -318,17 +318,17 @@ iframe, img, svg, video { - vertical-align: middle; + vertical-align: middle; } fieldset { - margin: 0; - padding: 0; - border: 0; + margin: 0; + padding: 0; + border: 0; } textarea { - resize: vertical; + resize: vertical; } p, @@ -336,87 +336,87 @@ ul, ol, dl, blockquote { - margin: 0 0 1.5em 0; + margin: 0 0 1.5em 0; } ol, ul { - padding-left: 1.3em; - padding-right: 1.5em; + padding-left: 1.3em; + padding-right: 1.5em; } ol ol, ul ul, ul ol, ol ul { - margin: 0.5em 0 1em; + margin: 0.5em 0 1em; } ul { - list-style: disc; + list-style: disc; } ol { - list-style: decimal; + list-style: decimal; } li { - margin: 0.5em 0; - padding-left: 0.3em; - line-height: 1.6em; + margin: 0.5em 0; + padding-left: 0.3em; + line-height: 1.6em; } dt { - float: left; - margin: 0 20px 0 0; - width: 120px; - color: var(--darkgrey); - font-weight: 500; - text-align: right; + float: left; + margin: 0 20px 0 0; + width: 120px; + color: var(--darkgrey); + font-weight: 500; + text-align: right; } dd { - margin: 0 0 5px 0; - text-align: left; + margin: 0 0 5px 0; + text-align: left; } blockquote { - margin: 1.5em 0; - padding: 0 1.6em 0 1.6em; - border-left: var(--whitegrey) 0.5em solid; + margin: 1.5em 0; + padding: 0 1.6em 0 1.6em; + border-left: var(--whitegrey) 0.5em solid; } blockquote p { - margin: 0.8em 0; - font-size: 1.2em; - font-weight: 300; + margin: 0.8em 0; + font-size: 1.2em; + font-weight: 300; } blockquote small { - display: inline-block; - margin: 0.8em 0 0.8em 1.5em; - font-size: 0.9em; - opacity: 0.8; + display: inline-block; + margin: 0.8em 0 0.8em 1.5em; + font-size: 0.9em; + opacity: 0.8; } /* Quotation marks */ blockquote small:before { - content: "\2014 \00A0"; + content: "\2014 \00A0"; } blockquote cite { - font-weight: bold; + font-weight: bold; } blockquote cite a { - font-weight: normal; + font-weight: normal; } a { - color: color(var(--blue) l(-5%)); - text-decoration: none; + color: color(var(--blue) l(-5%)); + text-decoration: none; } a:hover { - text-decoration: underline; + text-decoration: underline; } h1, @@ -425,58 +425,58 @@ h3, h4, h5, h6 { - margin-top: 0; - line-height: 1.15; - font-weight: 700; - text-rendering: optimizeLegibility; + margin-top: 0; + line-height: 1.15; + font-weight: 700; + text-rendering: optimizeLegibility; } h1 { - margin: 0 0 0.5em 0; - font-size: 5rem; - font-weight: 700; + margin: 0 0 0.5em 0; + font-size: 5rem; + font-weight: 700; } @media (max-width: 500px) { - h1 { - font-size: 2.2rem; - } + h1 { + font-size: 2.2rem; + } } h2 { - margin: 1.5em 0 0.5em 0; - font-size: 2rem; + margin: 1.5em 0 0.5em 0; + font-size: 2rem; } @media (max-width: 500px) { - h2 { - font-size: 1.8rem; - } + h2 { + font-size: 1.8rem; + } } h3 { - margin: 1.5em 0 0.5em 0; - font-size: 1.8rem; - font-weight: 500; + margin: 1.5em 0 0.5em 0; + font-size: 1.8rem; + font-weight: 500; } @media (max-width: 500px) { - h3 { - font-size: 1.7rem; - } + h3 { + font-size: 1.7rem; + } } h4 { - margin: 1.5em 0 0.5em 0; - font-size: 1.6rem; - font-weight: 500; + margin: 1.5em 0 0.5em 0; + font-size: 1.6rem; + font-weight: 500; } h5 { - margin: 1.5em 0 0.5em 0; - font-size: 1.4rem; - font-weight: 500; + margin: 1.5em 0 0.5em 0; + font-size: 1.4rem; + font-weight: 500; } h6 { - margin: 1.5em 0 0.5em 0; - font-size: 1.4rem; - font-weight: 500; + margin: 1.5em 0 0.5em 0; + font-size: 1.4rem; + font-weight: 500; } diff --git a/assets/css/navbar.css b/assets/css/navbar.css index e64a314..f147036 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -1,9 +1,12 @@ /*Navigation bar style */ .burger_menu { - margin-bottom: -20px; line-height: 45px; font-size: 20px; } +.wrapper { + padding: 5px; +} + .navbar_collapse a { text-align: center; display: block; @@ -36,9 +39,6 @@ .dropdown-navbar { position: relative; z-index: 300; - /* box-shadow: 0 0 10px #000; */ - /* background: black; */ - /* height: 40px; */ } .dropdown-navbar ul { @@ -51,9 +51,15 @@ .nav-link { padding: 0 1rem; } +.nav-link a { + display: flex; + opacity: 0.8; +} +.nav-link a:hover { + opacity: 1; +} .dropdown-navbar .nav-link { - /* position: relative; */ list-style: none; -webkit-transition: background-color ease-in 300ms; -moz-transition: background-color ease-in 300ms; @@ -73,6 +79,7 @@ left: 0; padding: 0 470px; margin: 0 -20px; + transition: all 0.4s ease-in; } .dropdown { @@ -81,20 +88,52 @@ } .dropdown li { list-style: none; - padding: 1rem; + padding-left: 1rem; +} +.dropdown li a { + width: 198px; + padding: 0; + overflow: hidden; + position: relative; + display: inline-block; + text-overflow: ellipsis; + white-space: nowrap; +} +.dropdown-description { + color: yellowgreen; } -.dropdown-navbar li:hover > .dropdown { - visibility: visible; - opacity: 1; - background-color: #000; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - height: 376px; +label.menu-label:after { + content: ""; + display: block; +} +label.menu-label { + position: relative; width: 100%; - flex: wrap; - padding: 0; - margin: 0; + display: block; + padding: 15px 10px 15px 20px; + color: #222; + font-weight: bold; + background-color: #dedede; +} +@media (min-width: 700px) { + .dropdown-navbar li:hover > .dropdown { + visibility: visible; + opacity: 1; + display: flex; + flex-direction: column; + padding: 0; + margin: 0; + } + .nav-links { + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + height: 376px; + width: 100%; + overflow: auto; + background-color: #15171a; + } } .link { @@ -103,34 +142,199 @@ .link a { padding-right: 3px; } -.drop-icon { - padding: 6px 0 0 0px; - width: 15px; +input[id^="sub-menu-"] { + display: none; +} +.arrow-sm { + display: none; +} +.arrow-lg { + display: block; +} +.dropdown-title-arrow { + display: none; } - /* responsive design */ @media (max-width: 700px) { - .navbar-right { - margin-right: 10px; + .wrapper { + position: absolute; } - label { + .arrow-sm { display: block; - margin-right: 0; - padding-left: 4vw; + } + .arrow-lg { + display: none; + } + .dropdown-title-arrow { + display: block; + } + .navbar-right { + margin-right: 10px; } .navbar-left { padding-left: 4vw; display: none; } + .nav-link a { + display: flex; + width: 70%; + border-bottom: 2px solid rebeccapurple; + } + .nav-link a { + display: flex; + opacity: 0.8; + } + .nav-link a:hover { + opacity: 1; + } + .dropdown-navbar { + position: fixed; + top: 6rem; + left: 0; + transform: translate3d(-100%, 0, 0); + transition: transform 0.35s; + } + .dropdown-navbar ul { + flex-direction: column; + background-color: #15171a; + height: 94vh; + width: 100vw; + overflow-y: auto; + padding: 0; + margin: 0; + } + .dropdown-navbar .nav-link { + display: flex; + margin: 10px 0 0 0; + list-style: none; + -webkit-transition: background-color ease-in 300ms; + -moz-transition: background-color ease-in 300ms; + -ms-transition: background-color ease-in 300ms; + -o-transition: background-color ease-in 300ms; + transition: background-color ease-in 300ms; + } .dropdown-navbar .nav-link ul { - visibility: hidden; + visibility: visible; + opacity: 1; + position: absolute; + left: 0; + padding: 0; + margin: 0; + z-index: 9999; + } + .dropdown { + transform: translate3d(-100%, 0, 0); + transition: transform 0.35s !important; + } + input[id^="sub-menu-"]:checked ~ .dropdown { + transform: translate3d(0, 0, 0); + display: block; + background-color: #15171a; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + width: 100vw; + flex: wrap; + padding: 0; + margin: 0; + position: absolute; + top: 0; + left: 0; + overflow-y: auto; + overflow-x: hidden; + z-index: 99999; + } + input[id^="sub-menu-"] { + display: block; + width: 76px; + height: 32px; + position: relative; + top: 0.1rem; + left: 6.8rem; + cursor: pointer; opacity: 0; + z-index: 999; + } + #burgertoggle:checked ~ .dropdown-navbar { + transform: translate3d(0, 0, 0); + } + + /* SIDE DROPDOWN NAVBAR */ + #burgertoggle { + display: block; + width: 40px; + height: 32px; position: absolute; - left: 20px; - overflow-x: auto; - /* padding: 0 470px; - margin: 0 -20px; */ + top: -2.9rem; + left: -0.2rem; + cursor: pointer; + opacity: 0; + z-index: 999; + } + .wrapper .span { + position: relative; + top: 0; + left: 0; + } + /*hamburger*/ + .bar { + cursor: pointer; + display: block; + width: 30px; + height: 4px; + margin-bottom: 5px; + position: relative; + background: #fff; + border-radius: 3px; + z-index: 9; + transform-origin: 4px 0px; + transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), + background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; + top: -3rem; + } + + .bar:first-child { + transform-origin: 0% 0%; + } + .bar:nth-last-child(2) { + transform-origin: 0% 100%; + } + #burgertoggle:checked ~ .bar { + opacity: 1; + transform: rotate(45deg) translate(-1px, -1px); + background: #fff; + } + #burgertoggle:checked ~ .bar:nth-last-child(3) { + opacity: 0; + transform: rotate(0deg) scale(0.2, 0.2); + } + #burgertoggle:checked ~ .bar:nth-last-child(2) { + opacity: 1; + transform: rotate(-45deg) translate(2px, -1px); + } + + label.menu-label:after { + content: ""; + display: block; + } + label.menu-label { + position: relative; + width: 100%; + display: flex; + padding: 15px 10px 15px 20px; + color: #222; + font-weight: bold; + background-color: #dedede; + } + .dropdown li a { + height: 32px; + width: 70%; + padding: 0; + overflow: hidden; + position: relative; + display: inline-block; + text-overflow: ellipsis; + white-space: nowrap; } } diff --git a/default.hbs b/default.hbs index bb582ec..b577845 100644 --- a/default.hbs +++ b/default.hbs @@ -1,265 +1,271 @@ - - - {{!-- Document Settings --}} - - - - {{!-- Base Meta --}} - {{meta_title}} - - - - {{!-- Styles'n'Scripts --}} - - - - - - - - - - - - - - - {{!-- This tag outputs SEO meta+structured data and other important settings --}} - {{ghost_head}} - - -
      - - Home - Discussions - Write at Opengenus IQ -
      - - - -
      -
      ×
      -
      - - - -
      - - + + {{! Document Settings }} + + + + {{! Base Meta }} + {{meta_title}} + + + + {{! Styles'n'Scripts }} + + + + + + + + + + + + + + + {{! This tag outputs SEO meta+structured data and other important settings }} + {{ghost_head}} + + +
      + + Home + Discussions + Write at Opengenus IQ
      -
      - - - - {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} - {{{body}}} + + +
      +
      ×
      +
      + +
      - {{!-- Chat button--}} -
      -
      +
      -
      - -
      - × -
      - -
      -
      - -

      Visit our discussion forum to ask any question and join our community

      + {{! All the main content gets inserted here, index.hbs, post.hbs, etc }} + {{{body}}} - View Forum -
      + {{! Chat button}} +
      +
      -
      - {{!-- Chat button--}} - {{!-- The footer at the very bottom of the screen --}} -
      -
      -
      {{@blog.title}} © {{date format="YYYY"}} All rights - reserved ™
      - +
      + +
      + × +
      + +
      +
      + +

      Visit our discussion forum to ask any question and join our + community

      + + View Forum +
      +
      -
      - -
      + {{! Chat button}} + + {{! The footer at the very bottom of the screen }} + - {{!-- The big email subscribe modal content --}} - {{#if @labs.subscribers}} - - {{/if}} - {{!-- jQuery + Fitvids, which makes all video embeds responsive --}} - + + + + + + + - - - - - - - {{#if pagination.pages}} - - - - - - {{/if}} - - {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}} - {{{block "scripts"}}} - - //New bloodhound to make it searchable - var search = new Bloodhound({ - datumTokenizer: Bloodhound.tokenizers.obj.whitespace('title'), - queryTokenizer: Bloodhound.tokenizers.whitespace, - local: searchData - }); - $(document).click(function () { - $("#toggle").toggle("slide"); - }); - //Build the typeahead - $('#site-search .typeahead').typeahead(null, { - name: 'search', - display: 'title', - //source is the bloodhound variable - source: search, - templates: { - //display no result image if no result is found - empty: [ - '

      No results found

      ' - ].join('\n'), - suggestion: function (data) { - if (data.meta_description == null) { - data.meta_description = "No description provided"; - } - if (data.feature_image == null) { - data.feature_image = "{{asset "images / search - image.jpg"}}"; - } - var post_url = window.location.protocol + '%2F%2F' + window.location.host + "%2F" + data.slug; - var parsed_post_url = decodeURIComponent(post_url); - //check is description and image are avaialable - return '
      ' + data.title + '
      ' + data.meta_description + '
      '; - } - } - }); - //display and close navbar window and search window - $('#navbar_close').bind('click', function () { - $('#nav_toggle').toggleClass('navigation_page_open'); - }); - $('#burgertoggle').bind('click', function () { - $('#nav_toggle').toggleClass('navigation_page_open'); - }); - $('.search_toggle').bind('click', function () { - $('#search_page').toggleClass('search_page_hide'); - }); - //Now show the search bar since getting data was successful - $('#site-search').show(); - }).fail(function () { - //If the get request errors out, put an error in the console - console.log("Error getting Ghost API Data"); - }); - }); - - {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}} - {{ghost_foot}} + {{#if pagination.pages}} + + + + {{/if}} + + {{! The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. }} + {{{block "scripts"}}} + + {{! Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag }} + {{ghost_foot}} - + - + \ No newline at end of file diff --git a/page.hbs b/page.hbs index fd16851..02f1c55 100644 --- a/page.hbs +++ b/page.hbs @@ -55,6 +55,9 @@ into the {body} of the default.hbs template --}} {{/post}} + + + {{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} {{#contentFor "scripts"}} - Date: Fri, 15 Jul 2022 20:43:00 +0300 Subject: [PATCH 35/35] navigation bar dropdown --- assets/css/navbar.css | 34 ++- assets/css/screen.css | 1 + assets/js/left-sidebar.js | 8 + default_map.hbs | 464 +++++++++++++++++++------------------- partials/site-nav.hbs | 10 +- 5 files changed, 273 insertions(+), 244 deletions(-) diff --git a/assets/css/navbar.css b/assets/css/navbar.css index f147036..4b194c7 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -154,6 +154,15 @@ input[id^="sub-menu-"] { .dropdown-title-arrow { display: none; } + +#bar-scroll { + color: red; +} + +.scroll-down-close { + display: none; +} + /* responsive design */ @media (max-width: 700px) { .wrapper { @@ -265,12 +274,12 @@ input[id^="sub-menu-"] { display: block; width: 40px; height: 32px; - position: absolute; - top: -2.9rem; - left: -0.2rem; + top: 15px; + left: 14px; cursor: pointer; opacity: 0; z-index: 999; + position: fixed; } .wrapper .span { position: relative; @@ -278,6 +287,16 @@ input[id^="sub-menu-"] { left: 0; } /*hamburger*/ + .bars { + position: fixed; + z-index: 101; + top: 9px; + left: 10px; + background: #000; + padding: 10px; + border-radius: 10px; + box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; + } .bar { cursor: pointer; display: block; @@ -287,11 +306,10 @@ input[id^="sub-menu-"] { position: relative; background: #fff; border-radius: 3px; - z-index: 9; + z-index: 999; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; - top: -3rem; } .bar:first-child { @@ -302,8 +320,8 @@ input[id^="sub-menu-"] { } #burgertoggle:checked ~ .bar { opacity: 1; - transform: rotate(45deg) translate(-1px, -1px); - background: #fff; + transform: rotate(45deg) translate(-9px, 7px); + background: red; } #burgertoggle:checked ~ .bar:nth-last-child(3) { opacity: 0; @@ -311,7 +329,7 @@ input[id^="sub-menu-"] { } #burgertoggle:checked ~ .bar:nth-last-child(2) { opacity: 1; - transform: rotate(-45deg) translate(2px, -1px); + transform: rotate(-45deg) translate(-19px, 3px); } label.menu-label:after { diff --git a/assets/css/screen.css b/assets/css/screen.css index 07dd358..759e4c1 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -733,6 +733,7 @@ The first (most recent) post in the list is styled to be bigger than the others .page-template .site-main { padding-bottom: 4vw; background: #fff; + overflow-y: hidden; } .post-full { diff --git a/assets/js/left-sidebar.js b/assets/js/left-sidebar.js index 32df6e2..e47e6a0 100644 --- a/assets/js/left-sidebar.js +++ b/assets/js/left-sidebar.js @@ -2,6 +2,8 @@ var wrapper = document.getElementById("main-posts"); var post_full = document.getElementById("post-full"); var right_side_bar = document.getElementById("right-side-bar"); var sidebar = document.getElementById("left-side-bar"); +var toggle = document.getElementById("burgertoggle"); +var dropNav = document.getElementById("dropdown-navbar"); window.onscroll = function () { document @@ -24,12 +26,15 @@ window.onscroll = function () { ) { wrapper.classList.remove("fix-top"); wrapper.classList.add("flex-bottom"); + toggle.setAttribute("id", "burgertoggle"); } else if (wrapper.getBoundingClientRect().top < 0) { wrapper.classList.add("fix-top"); wrapper.classList.remove("flex-bottom"); + toggle.setAttribute("id", "burgertoggle-scroll"); } else { wrapper.classList.remove("fix-top"); wrapper.classList.remove("flex-bottom"); + toggle.setAttribute("id", "burgertoggle"); } } //wrapper taller than sidebar - stick to bottom @@ -37,15 +42,18 @@ window.onscroll = function () { if (wrapper.getBoundingClientRect().bottom < window.innerHeight) { wrapper.classList.remove("fix-bottom"); wrapper.classList.add("flex-bottom"); + toggle.setAttribute("id", "burgertoggle"); } else if ( wrapper.getBoundingClientRect().bottom > sidebar.offsetHeight + window.innerHeight ) { wrapper.classList.remove("fix-bottom"); wrapper.classList.remove("flex-bottom"); + toggle.setAttribute("id", "burgertoggle"); } else { wrapper.classList.add("fix-bottom"); wrapper.classList.remove("flex-bottom"); + toggle.setAttribute("id", "burgertoggle-scroll"); } } } diff --git a/default_map.hbs b/default_map.hbs index 0834850..1426678 100644 --- a/default_map.hbs +++ b/default_map.hbs @@ -1,90 +1,98 @@ - - - {{!-- Document Settings --}} - - - - {{!-- Base Meta --}} - {{meta_title}} - - - - {{!-- Styles'n'Scripts --}} - - - - - - - - - - - - - - - {{!-- This tag outputs SEO meta+structured data and other important settings --}} - {{ghost_head}} - - -
      - - Home - Discussions - Write at Opengenus IQ -
      - - + + {{! Document Settings }} + + + + {{! Base Meta }} + {{meta_title}} + + + + {{! Styles'n'Scripts }} + + + + + + + + + + + + + + + {{! This tag outputs SEO meta+structured data and other important settings }} + {{ghost_head}} + + +
      + + Home + Discussions + Write at Opengenus IQ +
      -
      -
      ×
      -
      - - - -
      - - -
      -
      - - - - {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} - {{{body}}} - +
      +
      - {{!-- Chat button--}} -
      -
      +
      -
      - -
      - × -
      - -
      -
      + {{! All the main content gets inserted here, index.hbs, post.hbs, etc }} + {{{body}}} -

      Visit our discussion forum to ask any question and join our community

      + {{! Chat button}} +
      + +
      - View Forum +
      + +
      + × +
      + +
      +
      + +

      Visit our discussion forum to ask any question and join our + community

      + + View Forum +
      -
      - {{!-- The big email subscribe modal content --}} - {{#if @labs.subscribers}} - - {{/if}} - - {{!-- jQuery + Fitvids, which makes all video embeds responsive --}} - + + {{! jQuery + Fitvids, which makes all video embeds responsive }} + - - - - - - - + + + + + + - - {{#if pagination.pages}} - - - - - - {{/if}} - - {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}} - {{{block "scripts"}}} - - //New bloodhound to make it searchable - var search = new Bloodhound({ - datumTokenizer: Bloodhound.tokenizers.obj.whitespace('title'), - queryTokenizer: Bloodhound.tokenizers.whitespace, - local: searchData - }); - $(document).click(function () { - $("#toggle").toggle("slide"); - }); - //Build the typeahead - $('#site-search .typeahead').typeahead(null, { - name: 'search', - display: 'title', - //source is the bloodhound variable - source: search, - templates: { - //display no result image if no result is found - empty: [ - '

      No results found

      ' - ].join('\n'), - suggestion: function (data) { - if (data.meta_description == null) { - data.meta_description = "No description provided"; - } - if (data.feature_image == null) { - data.feature_image = "{{asset "images / search - image.jpg"}}"; - } - var post_url = window.location.protocol + '%2F%2F' + window.location.host + "%2F" + data.slug; - var parsed_post_url = decodeURIComponent(post_url); - //check is description and image are avaialable - return '
      ' + data.title + '
      ' + data.meta_description + '
      '; - } - } - }); - //display and close navbar window and search window - $('#navbar_close').bind('click', function () { - $('#nav_toggle').toggleClass('navigation_page_open'); - }); - $('#burgertoggle').bind('click', function () { - $('#nav_toggle').toggleClass('navigation_page_open'); - }); - $('.search_toggle').bind('click', function () { - $('#search_page').toggleClass('search_page_hide'); - }); - //Now show the search bar since getting data was successful - $('#site-search').show(); - }).fail(function () { - //If the get request errors out, put an error in the console - console.log("Error getting Ghost API Data"); - }); - }); - - {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}} - {{ghost_foot}} + {{#if pagination.pages}} + + + + {{/if}} + + {{! The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. }} + {{{block "scripts"}}} + + {{! Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag }} + {{ghost_foot}} - + \ No newline at end of file diff --git a/partials/site-nav.hbs b/partials/site-nav.hbs index 69d6184..b0442d6 100644 --- a/partials/site-nav.hbs +++ b/partials/site-nav.hbs @@ -28,10 +28,12 @@
      - - - -