1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>Kodono</title> 5 <meta charset="utf-8" /> 6 <meta 7 name="viewport" 8 content="width=device-width,initial-scale=1,user-scalable=no" 9 /> 10 <meta name="description" content="Kodono" /> 11 <meta property="og:site_name" content="Kodono" /> 12 <meta property="og:title" content="Kodono" /> 13 <meta property="og:type" content="website" /> 14 <meta property="og:description" content="Kodono" /> 15 <meta property="og:image" content="https://www.kodono.info/assets/images/card.jpg?v=fe017fab" /> 16 <meta property="og:image:type" content="image/jpeg" /> 17 <meta property="og:image:width" content="1280" /> 18 <meta property="og:image:height" content="800" /> 19 <meta property="og:url" content="https://www.kodono.info" /> 20 <meta property="twitter:card" content="summary_large_image" /> 21 <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png"> 22 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 23 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 24 <link rel="manifest" href="/site.webmanifest"> 25 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 26 <meta name="msapplication-TileColor" content="#da532c"> 27 <meta name="theme-color" content="#ffffff"> 28 <link rel="canonical" href="https://www.kodono.info" /> 29 <link 30 href="https://fonts.googleapis.com/css?family=Quicksand:400,400italic,700,700italic" 31 rel="stylesheet" 32 type="text/css" 33 /> 34 <style> 35 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after {box-sizing: border-box;}body {min-width: 320px;min-height: var(--viewport-height);line-height: 1.0;word-wrap: break-word;overflow-x: hidden;background-color: #363657;}:root {--site-language-direction: ltr;--site-language-alignment: left;--viewport-height: 100vh;--background-height: 100vh;}html {font-size: 18pt;}u {text-decoration: underline;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {font-family: 'Lucida Console', 'Courier New', monospace;font-weight: normal;text-indent: 0;letter-spacing: 0;font-size: 0.9em;margin: 0 0.25em;padding: 0.25em 0.5em;background-color: rgba(144,144,144,0.25);border-radius: 0.25em;}mark {background-color: rgba(144,144,144,0.25);}s {text-decoration: line-through;}a {color: inherit;text-decoration: underline;transition: color 0.25s ease;}#wrapper {-webkit-overflow-scrolling: touch;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: var(--viewport-height);position: relative;z-index: 2;overflow: hidden;}#main {display: flex;position: relative;max-width: 100%;z-index: 1;align-items: center;justify-content: center;flex-grow: 0;flex-shrink: 0;text-align: center;transition: opacity 1s ease-in-out 0s;}#main > .inner {position: relative;z-index: 1;border-radius: inherit;padding: 2.5rem 2rem;max-width: 100%;width: 48rem;}#main > .inner > header {margin-bottom: 1.5rem;}#main > .inner > footer {margin-top: 1.5rem;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > * > * {margin-top: 1.5rem;margin-bottom: 1.5rem;}#main > .inner > * > :first-child {margin-top: 0 !important;}#main > .inner > * > :last-child {margin-bottom: 0 !important;}#main > .inner > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -2.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .full:last-child {margin-bottom: -2.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .full.screen {width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}#main > .inner > * > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > * > .full.screen {width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}#main > .inner > footer > .full:last-child {margin-bottom: -2.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .active > .full:first-child {margin-top: -2.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .active {border-top-left-radius: inherit;border-top-right-radius: inherit;}body.is-loading #main {opacity: 0;}#main > .inner > header, #main > .inner > footer {transition: opacity 0.375s ease-in-out 0.5625s,visibility 0.375s linear 0.5625s;}#main > .inner > header.hidden, #main > .inner > footer.hidden {transition: opacity 0.375s ease-in-out,visibility 0.375s;opacity: 0;visibility: hidden;}#main > .inner > section {transition: opacity 0.75s ease-in-out 0.375s,min-height 0.375s ease-in-out,max-height 0.375s ease-in-out;}#main > .inner > section.inactive {transition: opacity 0.375s ease-in-out;opacity: 0;}body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > * {transition: none !important;}body.is-instant:after {display: none !important;transition: none !important;}.image {position: relative;max-width: 100%;display: block;}.image .frame {width: 100%;max-width: 100%;display: inline-block;vertical-align: top;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}.image .frame img {width: inherit;max-width: 100%;vertical-align: top;border-radius: 0 !important;}.image.full .frame {display: block;}.image.full:first-child .frame {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image.full:last-child .frame {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#image01 .frame {width: 8rem;border-radius: 100%;transition: none;}#image01 .frame img {transition: none;}h1, h2, h3, p {direction: var(--site-language-direction);}h1 br + br, h2 br + br, h3 br + br, p br + br {display: block;content: ' ';}h1 .li, h2 .li, h3 .li, p .li {display: list-item;padding-left: 0.5em;margin: 0.75em 0 0 1em;}#text01 br + br {margin-top: 0.825rem;}#text01 {text-transform: uppercase;color: #FF8CA8;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 2.5em;line-height: 1.375;font-weight: 400;}#text01 a {text-decoration: underline;}#text01 a:hover {text-decoration: none;}#text04 br + br {margin-top: 0.975rem;}#text04 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#text04 a {text-decoration: underline;}#text04 a:hover {text-decoration: none;}#text05 br + br {margin-top: 0.825rem;}#text05 {text-transform: uppercase;color: #FF8CA8;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 1.5em;line-height: 1.375;font-weight: 400;}#text05 a {text-decoration: underline;}#text05 a:hover {text-decoration: none;}#text02 br + br {margin-top: 0.975rem;}#text02 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;text-wrap: balance;}#text02 a {text-decoration: underline;}#text02 a:hover {text-decoration: none;}#text07 br + br {margin-top: 0.825rem;}#text07 {text-transform: uppercase;color: #FF8CA8;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 1.5em;line-height: 1.375;font-weight: 400;}#text07 a {text-decoration: underline;}#text07 a:hover {text-decoration: none;}#text08 br + br {margin-top: 0.975rem;}#text08 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#text08 a {text-decoration: underline;}#text08 a:hover {text-decoration: none;}#text03 br + br {margin-top: 0.825rem;}#text03 {text-transform: uppercase;color: #FF8CA8;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 1.5em;line-height: 1.375;font-weight: 400;}#text03 a {text-decoration: underline;}#text03 a:hover {text-decoration: none;}#text06 br + br {margin-top: 0.975rem;}#text06 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#text06 a {text-decoration: underline;}#text06 a:hover {text-decoration: none;}#footer {margin-top: 0rem !important;}.icons {cursor: default;padding: 0;letter-spacing: 0;}.icons li {display: inline-block;vertical-align: middle;position: relative;z-index: 1;}.icons li a {display: flex;align-items: center;justify-content: center;}.icons li a svg {display: block;position: relative;}.icons li a + svg {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;}.icons li a .label {display: none;}#icons01 {font-size: 1.5em;width: calc(100% + 1.5rem);margin-left: -0.75rem;}#icons01 li {margin: 0.75rem;}#icons01 li a {width: 1em;height: 1em;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#icons01 li a svg {width: 100%;height: 100%;transition: fill 0.25s ease;}#icons01 a svg {fill: #FF8CA8;}#icons01 li a + svg {transition: fill 0.25s ease, stroke 0.25s ease;}hr {width: 100%;position: relative;padding: 0;border: 0;}hr:before {content: '';display: inline-block;vertical-align: middle;max-width: 100%;}#divider01:not(:first-child) {margin-top: 0.5rem !important;}#divider01:not(:last-child) {margin-bottom: 0.5rem !important;}#divider01:before {width: 7rem;border-top: solid 1px rgba(255,255,255,0.169);height: 1px;margin-top: -0.5px;}.buttons {cursor: default;padding: 0;letter-spacing: 0;}.buttons li a {align-items: center;justify-content: center;max-width: 100%;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;}#buttons01 {width: calc(100% + 1rem);margin-left: -0.5rem;}#buttons01 li {display: inline-block;vertical-align: middle;max-width: calc(100% - 1rem);margin: 0.5rem;}#buttons01 li a {display: flex;width: 8.125rem;height: 2.625rem;line-height: 2.625rem;vertical-align: middle;padding: 0 1.3125rem;text-transform: uppercase;font-size: 1rem;font-family: 'Quicksand', sans-serif;letter-spacing: 0.225rem;padding-left: calc(0.225rem + 1.3125rem);font-weight: 400;border-radius: 0.375rem;direction: var(--site-language-direction);transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#buttons01 .button {color: #FFFFFF;border: solid 1px rgba(255,255,255,0.169);}#buttons01 .button:hover {color: #FF8CA8 !important;border-color: #FF8CA8 !important;}.icc-credits {display: block;position: relative;transition-delay: 0s !important;opacity: 1 !important;}.icc-credits span {border-radius: 24px;
35cursor: pointer;display: inline-block;font-family: Arial, sans-serif;font-size: 12px;letter-spacing: 0;line-height: 1;position: relative;text-decoration: none;width: auto;}.icc-credits span a {display: inline-block;padding: 0.5em 0.375em;position: relative;text-decoration: none;transition: color 0.25s ease, transform 0.25s ease;z-index: 1;}.icc-credits span a:before {transition: opacity 0.25s ease;opacity: 1;content: '( ';}.icc-credits span a:after {transition: opacity 0.25s ease;opacity: 1;content: ' )';}.icc-credits span::after {transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;content: '';display: block;position: absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%);opacity: 0;pointer-events: none;border-radius: inherit;box-shadow: 0 0.25em 1.25em 0 rgba(0,0,0,0.25);}.icc-credits span:hover {text-transform: none !important;}.icc-credits span:hover a {color: #ffffff !important;transform: scale(1.1) translateY(-0.05rem);}.icc-credits span:hover a:before {opacity: 0;}.icc-credits span:hover a:after {opacity: 0;}.icc-credits span:hover::after {opacity: 1;transform: scale(1.1) translateY(-0.05rem);}#credits span {color: rgba(255,140,168,0.498);margin-top: 1.5rem !important;}@media (max-width: 1680px) {html {font-size: 13pt;}}@media (max-width: 1280px) {html {font-size: 13pt;}}@media (max-width: 980px) {html {font-size: 11pt;}}@media (max-width: 736px) {html {font-size: 11pt;}#main > .inner {padding: 2.5rem 2rem;}#main > .inner > header {margin-bottom: 1.5rem;}#main > .inner > footer {margin-top: 1.5rem;}#main > .inner > * > * {margin-top: 1.5rem;margin-bottom: 1.5rem;}#main > .inner > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -2.5rem !important;}#main > .inner > .full:last-child {margin-bottom: -2.5rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#main > .inner > * > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > * > .full.screen {margin-left: -50vw;}#main > .inner > footer > .full:last-child {margin-bottom: -2.5rem !important;}#main > .inner > .active > .full:first-child {margin-top: -2.5rem !important;}#image01 .frame {width: 8rem;}#text01 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 2.5em;line-height: 1.375;}#text04 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#text05 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 1.5em;line-height: 1.375;}#text02 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#text07 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 1.5em;line-height: 1.375;}#text08 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#text03 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 1.5em;line-height: 1.375;}#text06 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#footer {margin-top: 0rem !important;}#icons01 {font-size: 1.5em;width: calc(100% + 1.5rem);margin-left: -0.75rem;}#icons01 li {margin: 0.75rem;}#divider01:not(:first-child) {margin-top: 0.5rem !important;}#divider01:not(:last-child) {margin-bottom: 0.5rem !important;}#divider01:before {width: 7rem;}#buttons01 li a {font-size: 1rem;letter-spacing: 0.225rem;padding-left: calc(0.225rem + 1.3125rem);}}@media (max-width: 480px) {#main > .inner > header {margin-bottom: 1.3125rem;}#main > .inner > footer {margin-top: 1.3125rem;}#main > .inner > * > * {margin-top: 1.3125rem;margin-bottom: 1.3125rem;}#buttons01 li a {width: 8.125rem;}}@media (max-width: 360px) {#main > .inner {padding: 1.875rem 1.5rem;}#main > .inner > header {margin-bottom: 1.125rem;}#main > .inner > footer {margin-top: 1.125rem;}#main > .inner > * > * {margin-top: 1.125rem;margin-bottom: 1.125rem;}#main > .inner > .full {margin-left: calc(-1.5rem);width: calc(100% + 3rem + 0.4725px);max-width: calc(100% + 3rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -1.875rem !important;}#main > .inner > .full:last-child {margin-bottom: -1.875rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#main > .inner > * > .full {margin-left: calc(-1.5rem);
35width: calc(100% + 3rem + 0.4725px);max-width: calc(100% + 3rem + 0.4725px);}#main > .inner > * > .full.screen {margin-left: -50vw;}#main > .inner > footer > .full:last-child {margin-bottom: -1.875rem !important;}#main > .inner > .active > .full:first-child {margin-top: -1.875rem !important;}#text01 {font-size: 2em;}#text04 {font-size: 1em;}#text05 {font-size: 1.5em;}#text02 {font-size: 1em;}#text07 {font-size: 1.5em;}#text08 {font-size: 1em;}#text03 {font-size: 1.5em;}#text06 {font-size: 1em;}#icons01 {width: calc(100% + 1.125rem);margin-left: -0.5625rem;}#icons01 li {margin: 0.5625rem;}#buttons01 {width: calc(100% + 0.75rem);margin-left: -0.375rem;}#buttons01 li {max-width: calc(100% - 0.75rem);margin: 0.375rem;}} 36 </style> 37 <noscript 38 ><style> 39 body {overflow: auto !important;}#main {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;}#main > .inner > section {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;} 40 </style></noscript 41 > 42 </head> 43 <body class="is-loading"> 44 <svg 45 xmlns="http://www.w3.org/2000/svg" 46 version="1.1" 47 xmlns:xlink="http://www.w3.org/1999/xlink" 48 viewBox="0 0 40 40" 49 display="none" 50 width="0" 51 height="0" 52 > 53 <symbol id="icon-90a" viewBox="0 0 40 40"> 54 <path 55 d="M37.3,15.3v15.3c0,0.8-0.3,1.6-0.9,2.2c-0.6,0.6-1.4,0.9-2.2,0.9H5.8c-0.8,0-1.6-0.3-2.2-0.9s-0.9-1.4-0.9-2.2V15.3 c0.5,0.6,1.2,1.1,2,1.7c4.7,3.1,7.9,5.4,9.6,6.7c0.7,0.5,1.4,0.9,1.8,1.2c0.4,0.3,1,0.6,1.9,0.9c0.7,0.3,1.5,0.5,2.1,0.5l0,0 c0.6,0,1.4-0.2,2.1-0.5c0.7-0.3,1.4-0.6,1.9-0.9c0.4-0.3,1-0.7,1.8-1.2c2.2-1.6,5.4-3.8,9.6-6.7C36.1,16.5,36.7,15.9,37.3,15.3 L37.3,15.3z M37.3,9.6c0,1-0.3,2-0.9,2.9c-0.6,0.9-1.5,1.8-2.4,2.4c-4.9,3.3-7.9,5.4-9,6.2c-0.1,0.1-0.4,0.3-0.8,0.6 c-0.4,0.3-0.7,0.5-1,0.7c-0.3,0.2-0.6,0.4-1,0.6c-0.4,0.2-0.7,0.4-1.1,0.5c-0.4,0.1-0.6,0.2-0.9,0.2l0,0c-0.3,0-0.6-0.1-0.9-0.2 c-0.3-0.1-0.7-0.3-1.1-0.5c-0.4-0.2-0.7-0.4-1-0.6c-0.3-0.2-0.6-0.4-1-0.7c-0.4-0.3-0.7-0.5-0.8-0.6c-1.1-0.8-2.8-2-5.1-3.5 c-2.3-1.6-3.3-2.4-3.7-2.7c-0.8-0.5-1.6-1.2-2.3-2.2s-1-1.9-1-2.6c0-1,0.3-1.9,0.8-2.5c0.5-0.6,1.2-1,2.3-1h28.4 c0.8,0,1.6,0.3,2.2,0.9C37.1,8.1,37.3,8.8,37.3,9.6L37.3,9.6z" 56 /> 57 </symbol> 58 <symbol id="icon-907" viewBox="0 0 40 40"> 59 <path 60 d="M36,20.3c0,3.5-1,6.6-3.1,9.4c-2,2.8-4.7,4.7-7.9,5.8c-0.4,0.1-0.6,0-0.8-0.1c-0.2-0.2-0.3-0.4-0.3-0.6v-4.4 c0-1.3-0.4-2.3-1.1-3c0.8-0.1,1.5-0.2,2.1-0.4c0.6-0.2,1.3-0.4,2-0.8c0.7-0.4,1.2-0.8,1.7-1.4c0.5-0.5,0.8-1.3,1.1-2.2 s0.4-2,0.4-3.1c0-1.7-0.5-3.1-1.6-4.3c0.5-1.3,0.5-2.7-0.2-4.2c-0.4-0.1-1,0-1.7,0.2c-0.7,0.3-1.4,0.6-1.9,0.9L24,12.5 c-1.3-0.4-2.6-0.5-4-0.5s-2.7,0.2-4,0.5c-0.2-0.2-0.5-0.3-0.9-0.6c-0.4-0.2-0.9-0.5-1.7-0.8c-0.8-0.3-1.4-0.4-1.8-0.3 c-0.6,1.6-0.7,3-0.1,4.2c-1.1,1.2-1.6,2.6-1.6,4.3c0,1.2,0.1,2.2,0.4,3.1s0.6,1.6,1.1,2.2s1,1,1.7,1.4c0.7,0.4,1.3,0.6,2,0.8 c0.6,0.2,1.3,0.3,2.1,0.4c-0.6,0.5-0.9,1.2-1,2.1c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.7,0.1-1.2,0.1c-0.5,0-0.9-0.1-1.4-0.4 c-0.5-0.3-0.8-0.7-1.2-1.3c-0.3-0.4-0.6-0.8-1-1.1c-0.4-0.3-0.8-0.4-1-0.5L9,26.5c-0.3,0-0.5,0-0.6,0.1c-0.1,0.1-0.1,0.1-0.1,0.2 c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.2l0.1,0.1c0.3,0.1,0.6,0.4,0.9,0.8s0.5,0.7,0.7,1.1l0.2,0.5c0.2,0.5,0.5,1,0.9,1.3 c0.4,0.3,0.9,0.5,1.4,0.6c0.5,0.1,1,0.1,1.4,0.1c0.5,0,0.9,0,1.2-0.1l0.5-0.1c0,0.5,0,1.1,0,1.9c0,0.7,0,1.1,0,1.1 c0,0.2-0.1,0.5-0.3,0.6c-0.2,0.2-0.5,0.2-0.8,0.1c-3.2-1.1-5.8-3-7.9-5.8S4,23.8,4,20.3c0-2.9,0.7-5.6,2.1-8S9.5,7.8,12,6.4 s5.1-2.1,8-2.1s5.6,0.7,8,2.1s4.4,3.4,5.8,5.8S36,17.4,36,20.3L36,20.3z" 61 /> 62 </symbol> 63 <symbol id="icon-905" viewBox="0 0 600 530"> 64 <path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"/> 65 </symbol> 66 </svg> 67 <div id="wrapper"> 68 <div id="main"> 69 <div class="inner"> 70 <section id="home-section"> 71 <div id="image01" class="image">
72 <span class="frame" 73 ><img src="assets/images/image01.jpg?v=fe017fab" alt="" 74 /></span> 75 </div> 76 <h1 id="text01">Kodono</h1> 77 <p id="text04"> 78 Kodono est une plateforme qui gère divers services créés par 79 Aymeric. 80 </p> 81 </section> 82 <section id="freebox-section"> 83 <h2 id="text05">Assistant Cloud</h2> 84 <p id="text02"> 85 <a href="https://assistant.kodono.info/freebox" 86 ><strong>Assistant Cloud pour Freebox</strong></a 87 > 88 permet le contrôle de la Freebox à la voix via Google Home et 89 Alexa. 90 </p> 91 <h2 id="text05">Pop Files</h2> 92 <p id="text02"> 93 <a href="https://popfiles.kodono.info" 94 ><strong>Pop Files</strong></a 95 > 96 est un explorateur de fichiers pour Freebox Pop, et qui permet de lancer facilement des fichiers multimédias. 97 </p> 98 <h2 id="text05">EEQO</h2> 99 <p id="text02"> 100 <a href="https://eeqo.kodono.info" 101 ><strong>EEQO</strong></a 102 > 103 est un service qui s'appuie sur OQEE by Free pour simplifier les enregistrements et permettre les enregistrements récurrents. 104 </p> 105 <h2 id="text05">Download via Freebox</h2> 106 <p id="text02"> 107 <a href="https://github.com/Aymkdn/download-with-freebox"><strong>Download via Freebox</strong></a> est une extension pour navigateur afin de télécharger des fichiers via la Freebox. 108 </p> 109 </section> 110 <section id="github-section"> 111 <h2 id="text05">Github</h2> 112 <p id="text02"> 113 <a href="https://github.com/aymkdn" 114 ><strong>Github</strong></a 115 > 116 : mes différents projets open source. 117 </p> 118 </section> 119 <section id="blog-section"> 120 <h2 id="text07">Blog</h2> 121 <p id="text08"> 122 Un <a href="https://blog.kodono.info">blog</a> qui me sert à 123 partager mes découvertes techniques, ou autres. 124 </p> 125 </section> 126 <section id="contact-section"> 127 <h2 id="text03">Contact</h2> 128 <p id="text06">Vous pouvez me contacter sur différentes plateformes.</p> 129 <ul id="icons01" class="icons"> 130 <li> 131 <a class="n01" title="BlueSky" href="https://bsky.app/profile/aymkdn.bsky.social" 132 ><svg><use xlink:href="#icon-905"></use></svg 133 ><span class="label">BlueSky</span></a 134 > 135 </li> 136 <li> 137 <a class="n02" title="Github" href="https://github.com/aymkdn" 138 ><svg><use xlink:href="#icon-907"></use></svg 139 ><span class="label">GitHub</span></a 140 > 141 </li> 142 <li> 143 <a 144 class="n03" title="Email" 145 href="mailto:%63%6f%6e%74%61%63%74%40%6b%6f%64%6f%6e%6f%2e%69%6e%66%6f" 146 ><svg><use xlink:href="#icon-90a"></use></svg 147 ><span class="label">Email</span></a 148 > 149 </li> 150 </ul> 151 </section> 152 <footer id="footer"> 153 <hr id="divider01" /> 154 <ul id="buttons01" class="buttons"> 155 <li><a href="#home" class="button n01">Home</a></li> 156 <li><a href="#freebox" class="button n02">Freebox</a></li> 157 <li><a href="#github" class="button n03">Github</a></li> 158 <li><a href="#blog" class="button n04">Blog</a></li> 159 <li><a href="#contact" class="button n05">Contact</a></li> 160 </ul> 161 <div id="credits" class="icc-credits"> 162 <span 163 ><a href="https://carrd.co/build?ref=auto" 164 >Made with Carrd</a 165 ></span 166 > 167 </div> 168 </footer> 169 </div> 170 </div> 171 </div> 172
172<script> 173 (function() {var on = addEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0,mobile: false,canUse: null},ua = navigator.userAgent,a, i;a = [['firefox', /Firefox\/([0-9\.]+)/],['edge', /Edge\/([0-9\.]+)/],['safari', /Version\/([0-9\.]+).+Safari/],['chrome', /Chrome\/([0-9\.]+)/],['chrome', /CriOS\/([0-9\.]+)/],['ie', /Trident\/.+rv:([0-9]+)/]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat(RegExp.$1);break;}}a = [['ios', /([0-9_]+) like Mac OS X/, function(v) { return v.replace('_', '.').replace('_', ''); }],['ios', /CPU like Mac OS X/, function(v) { return 0 }],['ios', /iPad; CPU/, function(v) { return 0 }],['android', /Android ([0-9\.]+)/, null],['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) { return v.replace('_', '.').replace('_', ''); }],['windows', /Windows NT ([0-9\.]+)/, null],['undefined', /Undefined/, null],];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}if (o.os == 'mac'&& ('ontouchstart' in window)&& ((screen.width == 1024 && screen.height == 1366)|| (screen.width == 834 && screen.height == 1112)|| (screen.width == 810 && screen.height == 1080)|| (screen.width == 768 && screen.height == 1024)))o.os = 'ios';o.mobile = (o.os == 'android' || o.os == 'ios');var _canUse = document.createElement('div');o.canUse = function(p) {var e = _canUse.style,up = p.charAt(0).toUpperCase() + p.slice(1);return (p in e|| ('Moz' + up) in e|| ('Webkit' + up) in e|| ('O' + up) in e|| ('ms' + up) in e);};return o;}()),trigger = function(t) {if (client.browser == 'ie') {var e = document.createEvent('Event');e.initEvent(t, false, true);dispatchEvent(e);} else dispatchEvent(new Event(t));},cssRules = function(selectorText) {var ss = document.styleSheets,a = [],f = function(s) {var r = s.cssRules,i;for (i=0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText)a.push(r[i]);}},x, i;for (i=0; i < ss.length; i++)f(ss[i]);return a;},thisHash = function() {var h = location.hash ? location.hash.substring(1) : null,a;if (!h)return null;if (h.match(/\?/)) {a = h.split('?');h = a[0];history.replaceState(undefined, undefined, '#' + h);window.location.search = a[1];}if (h.length > 0&& !h.match(/^[a-zA-Z]/))h = 'x' + h;if (typeof h == 'string')h = h.toLowerCase();return h;},scrollToElement = function(e, style, duration) {var y, cy, dy,start, easing, offset, f;if (!e)y = 0; else {offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize);switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default':default:y = e.offsetTop + offset;break;case 'center':if (e.offsetHeight < window.innerHeight)y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y = e.offsetTop - offset;break;case 'previous':if (e.previousElementSibling)y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y = e.offsetTop + offset;break;}}if (!style)style = 'smooth';if (!duration)duration = 750;if (style == 'instant') {window.scrollTo(0, y);return;}start = Date.now();cy = window.scrollY;dy = y - cy;switch (style) {case 'linear':easing = function (t) { return t };break;case 'smooth':easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 };break;}f = function() {var t = Date.now() - start;if (t >= duration)window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration)));requestAnimationFrame(f);}};f();},scrollToTop = function() {scrollToElement(null);},loadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');for (i=0; i < a.length; i++) {a[i].src = a[i].dataset.src;a[i].dataset.src = "";}a = parent.querySelectorAll('video[autoplay]');for (i=0; i < a.length;
173 i++) {if (a[i].paused)a[i].play();}e = parent.querySelector('[data-autofocus="1"]');x = e ? e.tagName : null;switch (x) {case 'FORM':e = e.querySelector('.field input, .field select, .field textarea');if (e)e.focus();break;default:break;}},unloadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src=""]');for (i=0; i < a.length; i++) {if (a[i].dataset.srcUnload === '0')continue;a[i].dataset.src = a[i].src;a[i].src = '';}a = parent.querySelectorAll('video');for (i=0; i < a.length; i++) {if (!a[i].paused)a[i].pause();}e = $(':focus');if (e)e.blur();};window._scrollToTop = scrollToTop;var thisURL = function() {return window.location.href.replace(window.location.search, '').replace(/#$/, '');};var getVar = function(name) {var a = window.location.search.substring(1).split('&'),b, k;for (k in a) {b = a[k].split('=');if (b[0] == name)return b[1];}return null;};var errors = {handle: function(handler) {window.onerror = function(message, url, line, column, error) {(handler)(error.message);return true;};},unhandle: function() {window.onerror = null;}};on('load', function() {setTimeout(function() {$body.className = $body.className.replace(/\bis-loading\b/, 'is-playing');setTimeout(function() {$body.className = $body.className.replace(/\bis-playing\b/, 'is-ready');}, 1000);}, 100);});(function() {var initialSection, initialScrollPoint, initialId,header, footer, name, hideHeader, hideFooter, disableAutoScroll,h, e, ee, k,locked = false,doNext = function() {var section;section = $('#main > .inner > section.active').nextElementSibling;if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},doPrevious = function() {var section;section = $('#main > .inner > section.active').previousElementSibling;if (!section || section.tagName != 'SECTION')return;location.href = '#' + (section.matches(':first-child') ? '' : section.id.replace(/-section$/, ''));},doFirst = function() {var section;section = $('#main > .inner > section:first-of-type');if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},doLast = function() {var section;section = $('#main > .inner > section:last-of-type');if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},sections = {};window._next = doNext;window._previous = doPrevious;window._first = doFirst;window._last = doLast;window._scrollToTop = function() {var section, id;scrollToElement(null);if (!!(section = $('section.active'))) {id = section.id.replace(/-section$/, '');if (id == 'home')id = '';history.pushState(null, null, '#' + id);}};if ('scrollRestoration' in history)history.scrollRestoration = 'manual';header = $('#header');footer = $('#footer');h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))h = null;if (e = $('[data-scroll-id="' + h + '"]')) {initialScrollPoint = e;initialSection = initialScrollPoint.parentElement;initialId = initialSection.id;} else if (e = $('#' + (h ? h : 'home') + '-section')) {initialScrollPoint = null;initialSection = e;initialId = initialSection.id;}if (!initialSection) {initialScrollPoint = null;initialSection = $('#' + 'home' + '-section');initialId = initialSection.id;history.replaceState(undefined, undefined, '#');}name = (h ? h : 'home');hideHeader = name ? ((name in sections) && ('hideHeader' in sections[name]) && sections[name].hideHeader) : false;hideFooter = name ? ((name in sections) && ('hideFooter' in sections[name]) && sections[name].hideFooter) : false;disableAutoScroll = name ? ((name in sections) && ('disableAutoScroll' in sections[name]) && sections[name].disableAutoScroll) : false;if (header && hideHeader) {header.classList.add('hidden');header.style.display = 'none';}if (footer && hideFooter) {footer.classList.add('hidden');footer.style.display = 'none';}ee = $$('#main > .inner > section:not([id="' + initialId + '"])');for (k = 0; k < ee.length; k++) {ee[k].className = 'inactive';ee[k].style.display = 'none';}initialSection.classList.add('active');loadElements(initialSection);if (header)loadElements(header);if (footer)loadElements(footer);if (!disableAutoScroll)scrollToElement(null, 'instant');on('load', function() {if (initialScrollPoint)scrollToElement(initialScrollPoint, 'instant');});on('hashchange', function(event) {var section, scrollPoint, id, sectionHeight, currentSection, currentSectionHeight,name, hideHeader, hideFooter, disableAutoScroll,h, e, ee, k;if (locked)return false;h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))return false;if (e = $('[data-scroll-id="' + h + '"]')) {scrollPoint = e;section = scrollPoint.parentElement;id = section.id;} else if (e = $('#' + (h ? h : 'home') + '-section')) {scrollPoint = null;section = e;id = section.id;} else {scrollPoint = null;section = $('#' + 'home' + '-section');id = section.id;history.replaceState(undefined, undefined, '#');}if (!section)return false;if (!section.classList.contains('inactive')) {name = (section ? section.id.replace(/-section$/, '') : null);disableAutoScroll = name ? ((name in sections) && ('disableAutoScroll' in sections[name]) && sections[name].disableAutoScroll) : false;if (scrollPoint)scrollToElement(scrollPoint); else if (!disableAutoScroll)scrollToElement(null);return false;} else {locked = true;if (location.hash == '#home')history.replaceState(null, null, '#');name = (section ? section.id.replace(/-section$/, '') : null);hideHeader = name ? ((name in sections) && ('hideHeader' in sections[name]) && sections[name].hideHeader) : false;hideFooter = name ? ((name in sections) && ('hideFooter' in sections[name]) && sections[name].hideFooter) : false;disableAutoScroll = name ? ((name in sections) && ('disableAutoScroll' in sections[name]) && sections[name].disableAutoScroll) : false;if (header && hideHeader) {header.classList.add('hidden');setTimeout(function() {header.style.display = 'none';}, 375);}if (footer && hideFooter) {footer.classList.add('hidden');setTimeout(function() {footer.style.display = 'none';}, 375);}currentSection = $('#main > .inner > section:not(.inactive)');if (currentSection) {currentSectionHeight = currentSection.offsetHeight;currentSection.classList.add('inactive');unloadElements(currentSection);setTimeout(function() {currentSection.style.display = 'none';currentSection.classList.remove('active');}, 375);}setTimeout(function() {if (header && !hideHeader) {header.style.display = '';setTimeout(function() {header.classList.remove('hidden');}, 0);}if (footer && !hideFooter) {footer.style.display = '';setTimeout(function() {footer.classList.remove('hidden');}, 0);}section.style.display = '';trigger('resize');if (!disableAutoScroll)scrollToElement(null, 'instant');sectionHeight = section.offsetHeight;if (sectionHeight > currentSectionHeight) {section.style.maxHeight = currentSectionHeight + 'px';section.style.minHeight = '0';} else {section.style.maxHeight = '';section.style.minHeight = currentSectionHeight + 'px';}setTimeout(function() {section.classList.remove('inactive');section.classList.add('active');section.style.minHeight = sectionHeight + 'px';section.style.maxHeight = sectionHeight + 'px';
173setTimeout(function() {section.style.transition = 'none';section.style.minHeight = '';section.style.maxHeight = '';loadElements(section);if (scrollPoint)scrollToElement(scrollPoint, 'instant');setTimeout(function() {section.style.transition = '';locked = false;}, 75);}, 750);}, 75);}, 375);}return false;});on('click', function(event) {var t = event.target,tagName = t.tagName.toUpperCase();switch (tagName) {case 'IMG':case 'SVG':case 'USE':case 'U':case 'STRONG':case 'EM':case 'CODE':case 'S':case 'MARK':case 'SPAN':while ( !!(t = t.parentElement) )if (t.tagName == 'A')break;if (!t)return;break;default:break;}if (t.tagName == 'A'&& t.getAttribute('href').substr(0, 1) == '#'&& t.hash == window.location.hash) {event.preventDefault();history.replaceState(undefined, undefined, '#');location.replace(t.hash);}});})();var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;if (client.mobile) {(function() {var f = function() {document.documentElement.style.setProperty('--viewport-height', window.innerHeight + 'px');document.documentElement.style.setProperty('--background-height', (window.innerHeight + 250) + 'px');};on('load', f);on('resize', f);on('orientationchange', function() {setTimeout(function() {(f)();}, 100);});})();}if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();$body.classList.add('is-touch');} else if (client.os == 'ios') {if (client.osVersion <= 11)(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();if (client.osVersion <= 11)(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();$body.classList.add('is-touch');} else if (client.browser == 'ie') {if (!('matches' in Element.prototype))Element.prototype.matches = (Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);(function() {var a = cssRules('body::before'),r;if (a.length > 0) {r = a[0];if (r.style.width.match('calc')) {r.style.opacity = 0.9999;setTimeout(function() {r.style.opacity = 1;}, 100);} else {document.styleSheets[0].addRule('body::before', 'content: none !important;');$body.style.backgroundImage = r.style.backgroundImage.replace('url("images/', 'url("assets/images/');$body.style.backgroundPosition = r.style.backgroundPosition;$body.style.backgroundRepeat = r.style.backgroundRepeat;$body.style.backgroundColor = r.style.backgroundColor;$body.style.backgroundAttachment = 'fixed';$body.style.backgroundSize = r.style.backgroundSize;}}})();(function() {var t, f;f = function() {var mh, h, s, xx, x, i;x = $('#wrapper');x.style.height = 'auto';
173if (x.scrollHeight <= innerHeight)x.style.height = '100vh';xx = $$('.container.full');for (i=0; i < xx.length; i++) {x = xx[i];s = getComputedStyle(x);x.style.minHeight = '';x.style.height = '';mh = s.minHeight;x.style.minHeight = 0;x.style.height = '';h = s.height;if (mh == 0)continue;x.style.height = (h > mh ? 'auto' : mh);}};(f)();on('resize', function() {clearTimeout(t);t = setTimeout(f, 250);});on('load', f);})();} else if (client.browser == 'edge') {(function() {var xx = $$('.container > .inner > div:last-child'),x, y, i;for(i=0; i < xx.length; i++) {x = xx[i];y = getComputedStyle(x.parentNode);if (y.display != 'flex'&& y.display != 'inline-flex')continue;x.style.marginLeft = '-1px';}})();}if (!client.canUse('object-fit')) {(function() {var xx = $$('.image[data-position]'),x, w, c, i, src;for (i=0; i < xx.length; i++) {x = xx[i];c = x.firstElementChild;if (c.tagName != 'IMG') {w = c;c = c.firstElementChild;}if (c.parentNode.classList.contains('deferred')) {c.parentNode.classList.remove('deferred');src = c.getAttribute('data-src');c.removeAttribute('data-src');} else src = c.getAttribute('src');c.style['backgroundImage'] = 'url(\'' + src + '\')';c.style['backgroundSize'] = 'cover';c.style['backgroundPosition'] = x.dataset.position;c.style['backgroundRepeat'] = 'no-repeat';c.src = 'data:image/svg+xml;charset=utf8,' + escape('<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"></svg>');if (x.classList.contains('full')&& (x.parentNode && x.parentNode.classList.contains('full'))&& (x.parentNode.parentNode && x.parentNode.parentNode.parentNode && x.parentNode.parentNode.parentNode.classList.contains('container'))&& x.parentNode.children.length == 1) {(function(x, w) {var p = x.parentNode.parentNode,f = function() {x.style['height'] = '0px';clearTimeout(t);t = setTimeout(function() {if (getComputedStyle(p).flexDirection == 'row') {if (w)w.style['height'] = '100%';x.style['height'] = (p.scrollHeight + 1) + 'px';} else {if (w)w.style['height'] = 'auto';x.style['height'] = 'auto';}}, 125);},t;on('resize', f);on('load', f);(f)();})(x, w);}}})();(function() {var xx = $$('.gallery img'),x, p, i, src;for (i=0;i < xx.length; i++) {x = xx[i];p = x.parentNode;if (p.classList.contains('deferred')) {p.classList.remove('deferred');src = x.getAttribute('data-src');} else src = x.getAttribute('src');p.style['backgroundImage'] = 'url(\'' + src + '\')';p.style['backgroundSize'] = 'cover';p.style['backgroundPosition'] = 'center';p.style['backgroundRepeat'] = 'no-repeat';x.style['opacity'] = '0';}})();}})(); 174 </script>
174 175 </body> 176</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.