component---src-pages-blog-jsx-3d803d5095c984a3b82f.js.map

{"version":3,"sources":["webpack:///./src/styles/page_styles/blog_style.js","webpack:///./src/pages/blog.jsx","webpack:///./src/styles/colors/colors.js","webpack:///./src/routes/routes.js","webpack:///./src/layout/Root/styles/styles.js","webpack:///./src/components/NavBar/styles/styles.js","webpack:///./src/components/NavBar/NavBar.jsx","webpack:///./src/components/Terminal/styles/styles.js","webpack:///./src/components/Terminal/Terminal.jsx","webpack:///./src/components/Bg/styles/styles.js","webpack:///./src/components/Bg/Bg.jsx","webpack:///./src/layout/Root/Root.jsx","webpack:///./src/components/Tag/styles/styles.js","webpack:///./src/components/Tag/Tag.jsx"],"names":["blog_style","StyleSheet","create","main","alignSelf","flexDirection","alignItems","justifyContent","paddingTop","minHeight","height","width","background","black","container","display","gridTemplateColumns","gridAutoRows","gridGap","@media screen and (max-width: 900px)","@media screen and (max-width: 480px)","blogLink","backgroundColor","white","color","padding","textDecoration","borderRadius","linkInfo","maxWidth","linkTitle","fontWeight","fontSize","lineHeight","position","maxHeight","overflow","textOverflow","linkDate","form_back","textAlign","linkTags","overflowX","flexWrap","tagGrad","top","right","zIndex","titleGrad","bottom","__webpack_require__","d","__webpack_exports__","query","_ref","location","data","react_default","a","createElement","Root","className","css","bs","renderBlogLinks","allMarkdownRemark","edges","map","_ref2","node","gatsby_browser_entry","to","frontmatter","path","key","id","title","renderTags","tags","date","arr","el","ind","Tag","isLast","length","txt","std_bg","primary","danger","success","warning","trns","orange","indigo","read_back","Routes","home","blog","about","contact","portfolio","root_layout_styles","root_std","dispaly","flexGrow","minWidth","overflowY","_br768","navbar_styles","_container","bgTrns","bgBlack","menuStylerBg","left","btn","cursor","border","borderColor","transition",":hover","mobileNav","_mobileNav","mobileNav_close","mobileNav_open","mobileMenu","_mobileMenu","flex","mobileMenu_close","opacity","mobileMenu_open","mobileMenuBtn_open","flexShrink","@media screen and (max-width: 475px) and (orientation: landscape)","mobileMenuBtn_close","mobileMenuOpenerContainer","mobileMenuOpener","btn_danger","btn_white","btn_indigo","btn_success","btn_warning","btn_primary","btn_orange","Navigation","props","_this","_Component","call","this","state","mobileNavigatorMode","toggleMobileMenu","bind","assertThisInitialized_default","defineMobileNavStyles","defineMenuStyles","defineNavStyles","linkNavToggle","defineMobileBtnStyles","setState","mobileNavOpen","ns","mobileNavClose","s","apply","mobileMenuClose","mobileMenuOpen","navHome","navStd","pathname","link","render","_this2","react","terminalNoShow","onClick","Component","term_border","terminal_styles","@media screen and (max-width: 600px)","terminal_open","terminal_close","opinterEvents","terminalTaskbar","borderBottom","terminalTaskbarBtn","fsIcon","fsTitle","letterSpacing","whiteSpace","terminalViewportContainer","terminalViewport","wordWrap","terminalMsgMe","marginBottom",":before","content","terminalMsgSystem","terminalMsgDefault","Terminal","isOnscreen","messages","from","defineTermilalPosition","toggleTerminal","defineMsgStyle","renderMessages","open","ts","close","sender","nik","_this3","bg_styles","willChange","animationName","0%","strokeOpacity","50%","strokeDashoffset","animationDuration","animationIterationCount","animationTimingFunction","delay_10","animationDelay","delay_12","delay_16","delay_20","delay_22","delay_26","svg","bgs","Bg","xmlns","version","x","y","viewBox","preserveAspectRatio","fill","strokeWidth","stroke","concat","fillRule","strokeLinecap","strokeLinejoin","strokeDasharray","xlinkHref","_rls","rls","restrictShowup","defineShowupPermission","showTerminal","_this$props","children","style","direction","NavBar","components_Bg_Bg","components_Terminal_Terminal","tag_styles","verricalAlign","margin","tag","marginRight","is_on_black"],"mappings":"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","file":"component---src-pages-blog-jsx-3d803d5095c984a3b82f.js","sourcesContent":["import { StyleSheet } from \"aphrodite\";\nimport { \n    // std_bg,\n    white,\n    // trns,\n    // danger,\n    form_back,\n    // read_back,\n    black,\n    // std_bg,\n} from '../colors/colors';\nexport const blog_style = StyleSheet.create({\n    main:{\n        alignSelf: 'stretch',\n        flexDirection:'row',\n        alignItems:'stretch',\n        justifyContent: 'center',\n        paddingTop:'70px',\n        minHeight: '100vh',\n        height: 'auto',\n        width: '100%',\n        background: black,\n        // overflow: 'hidden',\n    },\n    container:{\n        width: '60%',\n        display: 'grid',\n        // flex: 1,\n        // justifyItems: 'center',\n        gridTemplateColumns:'repeat(3, minmax( 33%, 220px))',\n        gridAutoRows:'minmax(220px, 220px)',\n        gridGap:'4px',\n        justifyContent:'space-evenly',\n        // padding: '0 5px',\n        '@media screen and (max-width: 900px)':{\n            width: '90%',\n            gridTemplateColumns:'repeat(2, minmax( 50%, 220px))',\n        },\n        '@media screen and (max-width: 480px)':{\n            width: '94%',\n            gridTemplateColumns: '100%',\n        },\n    },\n    blogLink:{\n        display:'inline-flex',\n        flexDirection:'column',\n        alignItems:'stretch',\n        justifyContent:'space-around',\n        backgroundColor: white,\n        // maxWidth:'33.3%',\n        color: black,\n        padding:'4% 5%',\n        textDecoration:'none',\n        borderRadius:'.15em',\n    },\n    linkInfo:{\n        height: '50%',\n        maxWidth:'100%',\n        // maxHeight:'100px',\n        display:'flex',\n        flexDirection: 'column',\n        alignItems:'stretch',\n        justifyContent:'space-around',\n    },\n    linkTitle:{\n        color: black,\n        fontWeight: 'bold',\n        fontSize: '1.7rem',\n        lineHeight: '1.1em',\n        // whiteSpace: 'nowrap', \n        // display:'block'\n        position:'relative',\n        width:'100%',\n        height:'3.3em',\n        maxHeight: '50%',\n        overflow: 'hidden',\n        textOverflow:'ellipsis',\n    },\n    linkDate:{\n        fontSize: '.8rem',\n        color: form_back,\n        textAlign:'right',\n        height:'20px',\n\n    },\n    linkTags:{\n        display: 'flex',\n        justifyContent:'flex-start',\n        position:'relative',\n        height:'21px',\n        overflowX: 'hidden',\n        flexWrap: 'nowrap',\n    },\n    tagGrad:{\n        position:'absolute',\n        display: 'inline-block',\n        top:0, \n        right: 0,\n        height:'100%',\n        zIndex: 500,\n        width: '30%',\n        background: 'linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%)'\n    },\n    titleGrad:{\n        position:'absolute',\n        display: 'inline-block',\n        bottom:0,\n        right: 0,\n        height:'1.2em',\n        zIndex: 500,\n        width: '70%',\n        background: 'linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 99%)'\n    },\n});","import React from 'react';\nimport Root from '../layout/Root/Root';\nimport { Link, graphql } from 'gatsby';\nimport { css } from 'aphrodite';\nimport { blog_style as bs } from '../styles/page_styles/blog_style';\nimport Tag from '../components/Tag/Tag';\nexport default ({ location, data }) => {\n\treturn (\n\t\t<Root location={location}>\n\t\t\t<main className={`${css(bs.main)}`}>\n\t\t\t\t<div className={`${css(bs.container)}`}>{renderBlogLinks(data)}</div>\n\t\t\t</main>\n\t\t</Root>\n\t);\n};\nconst renderBlogLinks = (data) =>\n\tdata.allMarkdownRemark.edges.map(({ node }) => (\n\t\t<Link to={node.frontmatter.path} key={node.id} className={`${css(bs.blogLink)} normal_font`}>\n\t\t\t<h4 className={`${css(bs.linkTitle)}`}>\n\t\t\t\t{node.frontmatter.title}\n\t\t\t\t<span className={`${css(bs.titleGrad)}`} />\n\t\t\t</h4>\n\t\t\t<div className={`${css(bs.linkInfo)}`}>\n\t\t\t\t<span className={`${css(bs.linkTags)}`}>\n\t\t\t\t\t{renderTags(node.frontmatter.tags, node.id)}\n\t\t\t\t\t<span className={`${css(bs.tagGrad)}`} />\n\t\t\t\t</span>\n\t\t\t\t<span className={`${css(bs.linkDate)}`}>{node.frontmatter.date}</span>\n\t\t\t</div>\n\t\t</Link>\n\t));\nconst renderTags = (arr, id) => {\n\treturn arr.map((el, ind, arr) => <Tag key={`tagset_${id}-tag_${ind}`} isLast={ind === arr.length - 1} txt={el} />);\n};\nexport const query = graphql`\n\tquery {\n\t\tallMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n\t\t\ttotalCount\n\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\tid\n\t\t\t\t\tfrontmatter {\n\t\t\t\t\t\tdate(formatString: \"DD, MMM, YYYY\")\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\ttags\n\t\t\t\t\t\tpath\n\t\t\t\t\t}\n\t\t\t\t\tfields {\n\t\t\t\t\t\tslug\n\t\t\t\t\t}\n\t\t\t\t\texcerpt\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n","export const black = '#000';\nexport const std_bg = black;\nexport const white = '#fff';\nexport const primary = '#1565c0';\nexport const danger = '#d32f2f';\nexport const success = '#308732';\nexport const btn_std = '#212121';\nexport const warning = '#ffca28';\nexport const trns = 'rgba(0,0,0,0)';\nexport const orange = '#f57c00';\nexport const indigo = '#4b0082';\n\n\nexport const form_back = '#222';\nexport const link_blue = '#0277bd';\nexport const read_back = '#e0e0e0';\n\n","const Routes = {\n    home: '/',\n    blog: '/blog',\n    about: '/about',\n    contact: '/contact',\n    portfolio: '/portfolio'\n};\nexport default Routes;","import { StyleSheet } from \"aphrodite\";\nimport { std_bg, white } from '../../../styles/colors/colors';\nexport const root_layout_styles = StyleSheet.create({\n    root_std:{\n        background: std_bg,\n        color: white,\n        dispaly: 'flex',\n        flexGrow: 1,\n        flexDirection: 'column',\n        height: '100vh',\n        minWidth: '100vw',\n        position:'relative',\n        zIndex: 0,\n        overflowY: 'auto',\n    },\n});","import { StyleSheet } from \"aphrodite\";\nimport { \n    // std_bg,\n    white,\n    trns,\n    danger,\n    success,\n    primary,\n    warning,\n    orange,\n    black,\n    indigo,\n } from '../../../styles/colors/colors';\nconst mobileMenuOpenerHeight = '40px';\nconst _br768 ='@media screen and (max-width: 768px)',\n      _bg576_land = '@media screen and (max-width: 576px) and (orientation: landscape)';\nexport const navbar_styles = StyleSheet.create({\n    container:{\n        justifyContent:'center',\n        alignItems:'stretch',\n        height: '60px',\n        // overflowX: hidden;\n        [_br768]:{\n            display: 'none',\n        }\n    },\n    bgTrns:{\n        background: trns,\n    },\n    bgBlack:{\n        background: black,\n    },\n    menuStylerBg:{\n        width: '100%',\n        position:'fixed',\n        top: 0,\n        left: 0,\n        zIndex: 1000,\n    },\n    btn:{\n        display: 'flex',\n        backgroundColor: trns,\n        cursor: 'pointer',\n        fontSize: '1.1rem',\n        fontWeight: '400',\n        justifyContent:'center',\n        alignItems: 'center',\n        minWidth:'12.25%',\n        border:'1px solid',\n        textDecoration: 'none',\n        color: white,\n        borderColor: trns,\n        transition: '.8s ease-in-out all',\n        \":hover\":{\n            borderColor: white,\n        }\n    },\n    mobileNav:{\n        flexDirection:'column',\n        alignItems: 'stretch',\n        overflowY:'hidden',\n        justifyContent: 'flex-start',\n        display:'none',\n        transition: '.8s background-color',\n        [_br768]:{\n            display: 'flex',\n        }\n    },\n    mobileNav_close:{\n        backgroundColor: trns,\n    },\n    mobileNav_open:{\n        backgroundColor: black,\n    },\n    mobileMenu:{\n        display:'flex',\n        flex: .8,\n        flexDirection:'column',\n        overflowY:'hidden',\n        backgroundColor: trns,\n        alignItems:'stretch',\n        justifyContent:'space-around',\n        transition: '.7s',\n        [_bg576_land]:{\n            flexDirection:'row',\n        }\n    },\n    mobileMenu_close:{\n        minHeight: 0,\n        opacity: 0,\n    },\n    mobileMenu_open:{\n        minHeight: `calc(100vh - ${mobileMenuOpenerHeight})`,\n        opacity: 1,\n    },\n    mobileMenuBtn_open:{\n        display: 'flex',\n        flexGrow: .1,\n        flexShrink: 0,\n        overflowY:'hidden',\n        backgroundColor: trns,\n        cursor: 'pointer',\n        fontSize: '1.1rem',\n        fontWeight: '400',\n        justifyContent:'center',\n        // alignSelf:'stretch',\n        alignItems: 'center',\n        textDecoration:'none',\n        border:'1px solid',\n        color: white,\n        borderColor: trns,\n        // [_bg576_land]:{\n        '@media screen and (max-width: 475px) and (orientation: landscape)':{\n            minWidth:'95px',\n        }\n    },\n    mobileMenuBtn_close:{\n        display: 'flex',\n        flexGrow: .1,\n        flexShrink: 0,\n        overflowY:'hidden',\n        backgroundColor: trns,\n        cursor: 'pointer',\n        fontSize: '1.1rem',\n        fontWeight: '400',\n        justifyContent:'center',\n        // alignSelf:'stretch',\n        height:0,\n        transition: '.8 height',\n        alignItems: 'center',\n        textDecoration:'none',\n        border:'1px solid',\n        color: white,\n        borderColor: trns,\n    },\n    mobileMenuOpenerContainer:{\n        display:'flex',\n        minHeight: mobileMenuOpenerHeight,\n        alignItems:'center',\n        justifyContent:'center',\n    },\n    mobileMenuOpener:{\n        backgroundColor: white,\n        // marginTop: '15px',\n        alignSelf: 'center',\n        borderRadius: '50px',\n        border: `1px solid ${black}`,\n        minWidth: '95px',\n        justifyContent:'center',\n        alignItems: 'center',\n        height: '22px',\n        width: '21%',\n    },\n    btn_danger:{\n        \":hover\":{\n            backgroundColor: danger,\n        }\n    },\n    btn_white:{\n        \":hover\":{\n            backgroundColor: white,\n            color: black,\n        }\n    },\n    btn_indigo:{\n        \":hover\":{\n            backgroundColor: indigo,\n        }\n    },\n    btn_success:{\n        \":hover\":{\n            backgroundColor: success,\n        }\n    },\n    btn_warning:{\n        \":hover\":{\n            backgroundColor: warning,\n        }\n    },\n    btn_primary:{\n        \":hover\":{\n            backgroundColor: primary,\n        }\n    },\n    btn_orange:{\n        \":hover\":{\n            backgroundColor: orange,\n        }\n    },\n});","import React, { Component ,Fragment } from 'react';\nimport { navbar_styles as ns } from './styles/styles';\nimport { css } from 'aphrodite';\nimport { Link } from 'gatsby';\nimport Routes from '../../routes/routes'; \n\nclass Navigation extends Component {\n\tconstructor(props){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\tmobileNavigatorMode: false,\n\t\t}\n\t\tthis.toggleMobileMenu = this.toggleMobileMenu.bind(this);\n\t\tthis.defineMobileNavStyles = this.defineMobileNavStyles.bind(this);\n\t\tthis.defineMenuStyles = this.defineMenuStyles.bind(this);\n\t\tthis.defineNavStyles = this.defineNavStyles.bind(this);\n\t\tthis.linkNavToggle = this.linkNavToggle.bind(this);\n\t\tthis.defineMobileBtnStyles = this.defineMobileBtnStyles.bind(this);\n\t}\n\ttoggleMobileMenu(){\n\t\tthis.setState({ mobileNavigatorMode: !this.state.mobileNavigatorMode });\n\t}\n\tdefineMobileNavStyles(){\n\t\tconst { mobileNavigatorMode } = this.state;\n\t\tconst mobileNavOpen = [ns.mobileNav, ns.menuStylerBg, ns.mobileNav_open],\n\t\t\tmobileNavClose = [ns.mobileNav, ns.menuStylerBg, ns.mobileNav_close];\n\t\tconst s =  mobileNavigatorMode? mobileNavOpen : mobileNavClose;\n\t\treturn css(...s);\n\t}\n\tdefineMenuStyles(){\n\t\tconst { mobileNavigatorMode } = this.state;\n\t\tconst mobileMenuClose = [ns.mobileMenu, ns.mobileMenu_close],\n\t\t\t  mobileMenuOpen = [ns.mobileMenu, ns.mobileMenu_open];\n\t\tconst s =  mobileNavigatorMode? mobileMenuOpen : mobileMenuClose;\n\t\treturn css(...s);\n\t}\n\tdefineMobileBtnStyles(){\n\t\tconst { mobileNavigatorMode } = this.state;\n\t\tconst mobileMenuClose = [ns.mobileMenuBtn_close],\n\t\t\t  mobileMenuOpen = [ns.mobileMenuBtn_open];\n\t\tconst s =  mobileNavigatorMode? mobileMenuOpen : mobileMenuClose;\n\t\treturn css(...s);\n\t}\n\tdefineNavStyles(){\n\t\tconst navHome = [ns.container, ns.menuStylerBg, ns.bgTrns],\n\t\t\tnavStd = [ns.container, ns.menuStylerBg, ns.bgBlack];\n\t\treturn this.props.location.pathname === '/'? css(...navHome) : css(...navStd);\n\t}\n\tlinkNavToggle(link){\n\t\tconst { location } = this.props;\n\t\treturn location === link? this.toggleMobileMenu() : null;\n\t}\n\trender(){\n\t\tconst home = [ns.btn, ns.btn_indigo],\n\t\t\tportfolio = [ns.btn, ns.btn_primary],\n\t\t\tblog = [ns.btn, ns.btn_success],\n\t\t\tabout = [ns.btn, ns.btn_orange],\n\t\t\tcontact = [ns.btn, ns.btn_warning];\n\t\treturn (\n\t\t<Fragment>\n\t\t\t<nav className={`${this.defineNavStyles()}`}>\n\t\t\t\t<Link to={Routes.home} state={{terminalNoShow:true}} className={`normal_font ${css(...home)}`}>Home</Link>\n\t\t\t\t<Link to={Routes.portfolio} className={`normal_font ${css(...portfolio)}`}>Portfolio</Link>\n\t\t\t\t<Link to={Routes.blog} className={`normal_font ${css(...blog)}`}>Blog</Link>\n\t\t\t\t<Link to={Routes.about} className={`normal_font ${css(...about)}`}>About</Link>\n\t\t\t\t<Link to={Routes.contact} className={`normal_font ${css(...contact)}`}>Contact</Link>\n\t\t\t</nav>\n\t\t\t<nav className={`${this.defineMobileNavStyles()}`}>\n\t\t\t\t<div className={`${this.defineMenuStyles()}`}>\n\t\t\t\t\t<Link onClick={()=>this.linkNavToggle(Routes.home)} to={Routes.home} state={{terminalNoShow:true}} className={`normal_font ${this.defineMobileBtnStyles()}`}>Home</Link>\n\t\t\t\t\t<Link onClick={()=>this.linkNavToggle(Routes.portfolio)} to={Routes.portfolio} className={`normal_font ${this.defineMobileBtnStyles()}`}>Portfolio</Link>\n\t\t\t\t\t<Link onClick={()=>this.linkNavToggle(Routes.blog)} to={Routes.blog} className={`normal_font ${this.defineMobileBtnStyles()}`}>Blog</Link>\n\t\t\t\t\t<Link onClick={()=>this.linkNavToggle(Routes.about)} to={Routes.about} className={`normal_font ${this.defineMobileBtnStyles()}`}>About</Link>\n\t\t\t\t\t<Link onClick={()=>this.linkNavToggle(Routes.contact)} to={Routes.contact} className={`normal_font ${this.defineMobileBtnStyles()}`}>Contact</Link>\n\t\t\t\t</div>\n\t\t\t\t<div className={`${css(ns.mobileMenuOpenerContainer)}`}>\n\t\t\t\t\t<button onClick={()=>this.toggleMobileMenu()} className={`${css(ns.mobileMenuOpener)}`}>Open menu</button>\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</Fragment>\n\t\t);\n\t}\n}\nexport default Navigation;\n","import { StyleSheet } from \"aphrodite\";\nimport { std_bg, white, warning, success, indigo } from '../../../styles/colors/colors';\nconst term_border = `1px solid ${white}`;\nexport const terminal_styles = StyleSheet.create({\n    container:{\n        background: std_bg,\n        color: white,\n        dispaly: 'flex',\n       \n        flexGrow: 1,\n        border: term_border,\n        flexDirection: 'column',\n        height: '37vh',\n        minWidth: '40vw',\n        maxWidth:'600px',\n        maxHeight:'300px',\n        position:'fixed',\n        // transition:'1.8s linear all',\n        bottom: 0,\n        zIndex: 5,\n        \"@media screen and (max-width: 600px)\":{\n            minWidth: '100vw',\n            transition:'none',\n        }\n    },\n    terminal_open:{\n        // transition:'1.8s linear all',\n        right: 0,\n    },\n    terminal_close:{\n        right: '-200vh',\n        transition:'1.8s linear all',\n        opacity: 0,\n        opinterEvents: 'none',\n    },\n    terminalTaskbar:{\n        display:'flex',\n        justifyContent: 'space-between',\n        alignItems: 'stretch',\n        minWidth:'100%',\n        minHeight: '25px',\n        padding: '0 5px',\n        borderBottom: term_border,\n    },\n    terminalTaskbarBtn:{\n        display:'inline-flex',\n        // width:'3%',\n        flex:'.03',\n        // height:'100%',\n        lineHeight: '1.4em',\n        alignItems: 'center',\n        cursor:'pointer',\n    },\n    fsIcon:{\n        fontSize:'1.4em',\n    },\n    fsTitle:{\n        fontSize:'.8em',\n        letterSpacing:'2px',\n        whiteSpace:'pre',\n    },\n    terminalViewportContainer:{\n        flex:1,\n        flexDirection:'column',\n        justifyContent:'flex-start',\n        overflowY:'auto',\n    },\n    terminalViewport:{\n        width: '100%',\n        height:'auto',\n        padding:'6px',\n        maxHeight:'100%',\n        overflowY:'auto',\n        wordWrap:'break-word',\n        whiteSpace:'pre-wrap',\n    },\n    terminalMsgMe:{\n        marginBottom:'5px',\n        \":before\":{\n            content:\"'<vlad_rdv>: '\",\n            color: warning,\n        }\n    },\n    terminalMsgSystem:{\n        marginBottom:'5px',\n        \":before\":{\n            content:\"'[ [SYSTEM] ]: '\",\n            color: success,\n        }\n    },\n    terminalMsgDefault:{\n        marginBottom:'5px',\n        \":before\":{\n            content:\"'<guest>: '\",\n            color: indigo,\n        }\n    },\n});","\timport React, { Component } from 'react';\n\timport { css } from 'aphrodite';\n\timport { terminal_styles as ts } from './styles/styles';\n\n\tclass Terminal extends Component {\n\t\tconstructor(props){\n\t\t\tsuper(props);\n\t\t\tthis.state = {\n\t\t\t\tisOnscreen: true,\n\t\t\t\tmessages : [\n\t\t\t\t\t{\n\t\t\t\t\t\tfrom: 'system',\n\t\t\t\t\t\ttxt :  'Loading...',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfrom: 'me',\n\t\t\t\t\t\ttxt : 'Hi,I\\'m glad you made it here. Feel free to look around :)'\n\t\t\t\t\t},\n\t\t\t\t\t// {\n\t\t\t\t\t//   from: 'me',\n\t\t\t\t\t//   txt : 'By the way, this website is new, so part of the content is still in development' \n\t\t\t\t\t// }\n\t\t\t\t],\n\t\t\t}\n\t\t\tthis.defineTermilalPosition = this.defineTermilalPosition.bind(this);\n\t\t\tthis.toggleTerminal = this.toggleTerminal.bind(this);\n\t\t\tthis.defineMsgStyle = this.defineMsgStyle.bind(this);\n\t\t\tthis.renderMessages = this.renderMessages.bind(this);\n\t\t}\n\t\ttoggleTerminal(){\n\t\t\tthis.setState(\n\t\t\t\t{\n\t\t\t\t\tisOnscreen: !this.state.isOnscreen\n\t\t\t\t},\n\t\t\t\t// ()=>this.props.restrictShowup()\n\t\t\t);\n\t\t}\n\t\tdefineTermilalPosition(){\n\t\t\tconst open = [ts.container, ts.terminal_open],\n\t\t\t\t\t\tclose = [ts.container, ts.terminal_close];\n\t\t\tif(this.state.isOnscreen){\n\t\t\t\treturn css(...open);\n\t\t\t}\n\t\t\treturn css(...close);\n\t\t}\n\t\trenderMessages(){\n\t\t\t// const messages = this.props.location === 'portfolio'? [{from:'me',txt:'Here you can have a look not only on projects I\\'ve, but on other things  }] : this.state.messages;\n\t\t\treturn this.state.messages.map(\n\t\t\t\t(el, ind)=>(\n\t\t\t\t\t<p id={`msg_${el.from}_${ind}`} key={`msg_${el.from}_${ind}`} className={`${this.defineMsgStyle(el.from)}`}>{el.txt}</p>\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t\tdefineMsgStyle(sender, nik){\n\t\t\tswitch(sender){\n\t\t\t\tcase 'me': return css(ts.terminalMsgMe);\n\t\t\t\tcase 'system': return css(ts.terminalMsgSystem);\n\t\t\t\tdefault: return css(ts.terminalMsgDefault);// later add entered nickname, when chat is ready\n\t\t\t}\n\t\t}\n\t\trender() {\n\t\t\treturn (\n\t\t\t\t<aside className={`terminal ${this.defineTermilalPosition()}`}>\n\t\t\t\t\t<div className={`${css(ts.terminalTaskbar)}`}>\n\t\t\t\t\t\t<span onClick={()=>this.toggleTerminal()} className={`${css(ts.terminalTaskbarBtn, ts.fsIcon)}`}>&#9746;</span>\n\t\t\t\t\t\t<span className={`normal_font ${css(ts.terminalTaskbarBtn, ts.fsTitle)}`}>Terminal v0.1.2</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={`${css(ts.terminalViewportContainer)}`}>\n\t\t\t\t\t\t<div className={`${css(ts.terminalViewport)}`}>\n\t\t\t\t\t\t\t{this.renderMessages()}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</aside>\n\t\t\t)\n\t\t}\n\t}\n\texport default Terminal;","import { StyleSheet } from 'aphrodite';\nimport {\n\t// std_bg,\n\t// white,\n\ttrns\n} from '../../../styles/colors/colors';\nexport const bg_styles = StyleSheet.create({\n\tcontainer: {\n\t\tdisplay: 'block',\n\t\tbackground: trns,\n\t\toverflow: 'hidden',\n\t\tposition: 'absolute',\n\t\theight: '100vh',\n\t\twidth: '100vw',\n\t\tzIndex: -1\n\t},\n\tpath: {\n\t\twillChange: 'stroke-dashoffset',\n\t\tanimationName: {\n\t\t\t'0%': {\n\t\t\t\tstrokeOpacity: 0.8\n\t\t\t},\n\t\t\t'50%': {\n\t\t\t\tstrokeDashoffset: 0,\n\t\t\t\tstrokeOpacity: 1\n\t\t\t}\n\t\t},\n\t\tanimationDuration: '20s',\n\t\tanimationIterationCount: 'infinite',\n\t\t// animationDelay:'10s',\n\t\tanimationTimingFunction: 'ease-in-out'\n\t},\n\tdelay_10: {\n\t\t//\n\t\tanimationDelay: '1s'\n\t},\n\tdelay_12: {\n\t\t//\n\t\tanimationDelay: '5s'\n\t},\n\tdelay_16: {\n\t\t//\n\t\tanimationDelay: '4s'\n\t},\n\tdelay_20: {\n\t\tanimationDelay: '2s'\n\t},\n\tdelay_22: {\n\t\t//\n\t\tanimationDelay: '6s'\n\t},\n\tdelay_26: {\n\t\t//\n\t\tanimationDelay: '2s'\n\t}\n});\n","import React from 'react';\nimport { css } from 'aphrodite';\nimport { bg_styles as bgs } from './styles/styles';\nimport { danger, success, warning, primary, indigo } from '../../styles/colors/colors'\nconst svg = [bgs.container];\nconst path = [bgs.path]\nconst Bg = () => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" className={`${css(...svg)}`}  version=\"1.1\" x=\"0\" y=\"0\" viewBox=\"0 0 800 600\" preserveAspectRatio=\"none\">\n\t\t<defs>\n\t\t\t<path\n\t\t\t\tid=\"d1\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeOpacity={.4}\n\t\t\t\tstroke=\"#222\"\n\t\t\t\td=\"M0 500h100l50 100\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"c1\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tclassName={`${css(...path, bgs.delay_20)}`}\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeOpacity={1}\n\t\t\t\tstrokeDasharray=\"1200 1200\"\n\t\t\t\tstrokeDashoffset={3000}\n\t\t\t\tstroke={danger}\n\t\t\t\td=\"M0 500h100l50 100\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"d2\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeOpacity={.4}\n\t\t\t\tstroke=\"#222\"\n\t\t\t\td=\"M800 500H700l-50 100\"\n\t\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"c2\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tclassName={`${css(...path, bgs.delay_12)}`}\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeOpacity={1}\n\t\t\t\tstrokeDasharray=\"1200 1200\"\n\t\t\t\tstrokeDashoffset={3000}\n\t\t\t\tstroke={primary}\n\t\t\t\td=\"M800 500H700l-50 100\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"d3\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeOpacity={.4}\n\t\t\t\tstroke=\"#222\"\n\t\t\t\td=\"M0 100h100L150 0\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"c3\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tclassName={`${css(...path, bgs.delay_16)}`}\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeOpacity={1}\n\t\t\t\tstrokeDasharray=\"1200 1200\"\n\t\t\t\tstrokeDashoffset={3000}\n\t\t\t\tstroke={indigo}\n\t\t\t\td=\"M0 100h100L150 0\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"d4\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeOpacity={.4}\n\t\t\t\tstroke=\"#222\"\n\t\t\t\td=\"M800 100H700L650 0\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"c4\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tclassName={`${css(...path, bgs.delay_26)}`}\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeOpacity={1}\n\t\t\t\tstrokeDasharray=\"1200 1200\"\n\t\t\t\tstrokeDashoffset={3000}\n\t\t\t\tstroke={warning}\n\t\t\t\td=\"M800 100H700L650 0\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"eLeft\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeOpacity={.4}\n\t\t\t\tstroke=\"#222\"\n        \t\td=\"M0 150l30 50v200L0 450\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"fLeft\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tclassName={`${css(...path, bgs.delay_22)}`}\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeOpacity={1}\n\t\t\t\tstrokeDasharray=\"1200 1200\"\n\t\t\t\tstrokeDashoffset={3000}\n\t\t\t\tstroke={success}\n        \t\td=\"M0 150l30 50v200L0 450\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"eRight\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeOpacity={.4}\n\t\t\t\tstroke=\"#222\"\n\t\t\t\td=\"M800 150l-30 50v200l30 50\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tid=\"fRight\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tclassName={`${css(...path, bgs.delay_10)}`}\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeOpacity={1}\n\t\t\t\tstrokeDasharray=\"1200 1200\"\n\t\t\t\tstrokeDashoffset={3000}\n\t\t\t\tstroke={success}\n\t\t\t\td=\"M800 150l-30 50v200l30 50\"\n\t\t\t/>\n\t\t</defs>\n\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t<use xlinkHref=\"#c1\"/>\n\t\t\t<use xlinkHref=\"#d1\"/>\n\t\t\t<use xlinkHref=\"#c2\"/>\n\t\t\t<use xlinkHref=\"#d2\"/>\n\t\t\t<use xlinkHref=\"#c3\"/>\n\t\t\t<use xlinkHref=\"#d3\"/>\n\t\t\t<use xlinkHref=\"#c4\"/>\n\t\t\t<use xlinkHref=\"#d4\"/>\n\n\t\t\t<use xlinkHref=\"#eLeft\"/>\n\t\t\t<use xlinkHref=\"#fLeft\"/>\n\n\t\t\t<use xlinkHref=\"#eRight\"/>\n\t\t\t<use xlinkHref=\"#fRight\"/>\n\t\t</g>\n\t</svg>\n);\n\nexport default Bg;\n// https://www.smooth-code.com/open-source/svgr/playground/\n// 0,500   100,500 150,600 ----> c1 d1  bottom-left\n// 800,500 700,500 650,600 ----> c2 d2  bottom-right\n// 0,100   100,100 150,0   ----> c3 d3  top-left\n// 800,100 700,100 650,0   ----> c4 d4  top-right \n\n// 0,150   30,200  30,400  0,450   ---->  eLeft fLeft\n// 800,150 770,200 770,400 800,450 ---->  eRight fRight\n","import React, { Component } from 'react';\nimport { css } from 'aphrodite';\nimport { root_layout_styles as rls } from './styles/styles';\nimport NavBar from '../../components/NavBar/NavBar';\nimport Terminal from '../../components/Terminal/Terminal';\n// import UpBtn from '../../components/UpBtn/UpBtn'\nimport Bg from '../../components/Bg/Bg';\nconst _rls = [ rls.root_std ];\nclass Root extends Component {\n\tconstructor (props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\t// showTerminal: true,\n\t\t};\n\t\tthis.restrictShowup = this.restrictShowup.bind(this);\n\t\tthis.defineShowupPermission = this.defineShowupPermission.bind(this);\n\t}\n\trestrictShowup () {\n\t\tthis.setState({\n\t\t\tshowTerminal: false\n\t\t});\n\t}\n\tdefineShowupPermission () {\n\t\tconst { location } = this.props;\n\t\tif (typeof location !== 'undefined') {\n\t\t\tif (typeof location.state !== 'undefined' && location.state !== null) {\n\t\t\t\treturn !location.state.terminalNoShow;\n\t\t\t} else {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t} else {\n\t\t\treturn true;\n\t\t}\n\t}\n\trender () {\n\t\tconst { children, location } = this.props;\n\t\treturn (\n\t\t\t<div id={'my_root'} className={`${css(..._rls)}`} style={{ direction: 'ltr' }}>\n\t\t\t\t<NavBar location={location} />\n\t\t\t\t{location.pathname === '/' && <Bg />}\n\t\t\t\t{children}\n\t\t\t\t{location.pathname === '/' && this.defineShowupPermission() && <Terminal restrictShowup={this.restrictShowup} location={location} />}\n\t\t\t\t{/* <UpBtn location={location}/> */}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nexport default Root;\n","import { StyleSheet } from \"aphrodite\";\n// import { \n//     // std_bg,\n//     white,\n//     trns,\n//     // danger,\n//     form_back,\n//     read_back,\n//     black,\n//     std_bg,\n// } from '../../../styles/colors/colors';\n    \nexport const tag_styles = StyleSheet.create({\n    main:{\n        display: 'inline-block',\n        // backgroundColor: 'red',\n        border: `1px solid`,\n        borderRadius: '.5em 0',\n        lineHeight: '.9rem',\n        fontSize: '.8rem',\n        padding: '2px 1.3%',\n        width: 'auto',\n        // color: black,\n        minWidth: '19%',\n        maxWidth: '56px',\n        textOverflow: 'ellipsis',\n        verricalAlign: 'middle',\n        overflow:'hidden',\n        textAlign: 'center',\n        // alignItems:'center',\n        margin:'0 1px 2px 0',\n    },\n});","import React from 'react';\nimport { css } from 'aphrodite';\nimport { tag_styles as tag } from './styles/styles';\nimport { black, white } from '../../styles/colors/colors';\nconst Tag = (props) => {\n    return(\n        <span \n            className={`${css(tag.main)}`} \n            style={{\n                marginRight:`${props.isLast && (!props.is_on_black)? 0 : \"2px\"}`,\n                color: props.is_on_black? white : black,\n                backgroundColor: props.is_on_black? black : white,\n                borderColor: props.is_on_black? white : black,\n                // justifyContent: props.is_on_black? 'center' : 'none',\n            }}\n        >\n            {props.txt}\n        </span>\n    );\n}\n\nexport default Tag;"],"sourceRoot":""}