{"version":3,"sources":["assets/images sync /^/.//features/-split/-image/-0.*/.jpg$","assets/images/logo.png","assets/images/pin.svg","assets/images/features-split-image-01.jpg","assets/images/features-split-image-02.jpg","assets/images/features-split-image-03.jpg","assets/images/feature-tile-icon-06.svg","assets/images/feature-tile-icon-03.svg","assets/images/feature-tile-icon-02.svg","assets/images/about.jpg","utils/AppRoute.js","utils/ScrollReveal.js","components/elements/Image.js","components/layout/partials/Logo.js","components/layout/Header.js","components/layout/partials/FooterNav.js","components/layout/partials/FooterSocial.js","components/layout/Footer.js","layouts/LayoutDefault.js","utils/SectionProps.js","components/elements/ButtonGroup.js","components/elements/Button.js","components/sections/Hero.js","components/sections/partials/SectionHeader.js","novosti.js","components/elements/Modal.js","components/sections/FeaturesSplit.js","views/Home.js","views/Contact.js","views/About.js","clanovi.js","views/Members.js","views/News.js","App.js","App_style.js","serviceWorker.js","index.js"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","AppRoute","Component","component","Layout","layout","rest","undefined","props","children","render","ScrollReveal","React","forwardRef","ref","useState","window","innerHeight","viewportHeight","setViewportheight","revealEl","setRevealel","checkComplete","length","document","querySelectorAll","revealElements","i","el","revealDelay","getAttribute","revealOffset","offset","getBoundingClientRect","top","elementIsVisible","closest","classList","contains","setTimeout","add","useImperativeHandle","init","useEffect","addEventListener","handleScroll","handleResize","handleListeners","removeEventListener","throttle","propTypes","PropTypes","func","isRequired","Image","className","src","width","height","alt","loaded","setLoaded","image","useRef","handlePlaceholder","current","img","w","h","placeholder","createElement","style","display","before","opacity","remove","onLoad","defaultProps","Logo","classes","classNames","to","require","Header","navPosition","hideNav","bottomOuterDivider","hideSignin","bottomDivider","isActive","setIsactive","nav","hamburger","openMenu","keyPress","clickOutside","closeMenu","body","maxHeight","scrollHeight","keyCode","target","onClick","FooterNav","FooterSocial","href","viewBox","xmlns","d","Footer","topOuterDivider","topDivider","LayoutDefault","SectionShared","types","bool","hasBgColor","invertColor","defaults","SectionProps","SectionSplitProps","invertMobile","invertDesktop","alignTop","imageFill","SectionTilesProps","pushLeft","ButtonGroup","Button","tag","color","size","loading","wide","wideMobile","disabled","Hero","outerClasses","innerClasses","AnyReactComponent","text","data-reveal-delay","data-reveal-value","bootstrapURLKeys","key","defaultCenter","lat","lng","defaultZoom","SectionHeader","data","title","paragraph","novosti","naslov","datum","sazetak","tekst","Modal","handleClose","show","news","closeHidden","video","videoTag","stopProgagation","handleBodyClass","stopPropagation","maxWidth","margin","padding","FeaturesSplit","ModalActive","setModalActive","SelectedNews","setSelectedNews","splitClasses","value","index","data-reveal-container","preventDefault","Home","Contact","tilesClasses","About","clanovi","ime","titula","int_raiting","nat_raiting","rpd_raiting","blz_raiting","godina_rodjenja","kategorija","Members","Table","responsive","striped","bordered","hover","variant","item","News","modalState","match","params","console","log","withStyles","theme","backgroundColor","childRef","location","useLocation","exact","path","Boolean","hostname","ReactDOM","pageId","appId","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.90facf14.chunk.js","sourcesContent":["var map = {\n\t\"./features-split-image-01.jpg\": 51,\n\t\"./features-split-image-02.jpg\": 52,\n\t\"./features-split-image-03.jpg\": 53\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 27;","module.exports = __webpack_public_path__ + \"static/media/logo.8caadbff.png\";","module.exports = __webpack_public_path__ + \"static/media/pin.f6a49ca6.svg\";","module.exports = __webpack_public_path__ + \"static/media/features-split-image-01.a04bb8d9.jpg\";","module.exports = __webpack_public_path__ + \"static/media/features-split-image-02.5f64eb31.jpg\";","module.exports = __webpack_public_path__ + \"static/media/features-split-image-03.7830533c.jpg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-06.6a177696.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-03.66f37ba5.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-02.bd39f304.svg\";","module.exports = __webpack_public_path__ + \"static/media/about.a177dd70.jpg\";","import React from 'react';\nimport { Route } from 'react-router-dom';\n\nconst AppRoute = ({\n  component: Component,\n  layout: Layout,\n  ...rest\n}) => {\n\n  Layout = (Layout === undefined) ? props => (<>{props.children}</>) : Layout;\n\n  return (\n    <Route\n      {...rest}\n      render={props => (\n        <Layout>\n          <Component {...props} />\n        </Layout>\n      )} />\n  );\n}\n\nexport default AppRoute;","import React, { useState, useEffect, useImperativeHandle } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle } from 'lodash';\n\nconst ScrollReveal = React.forwardRef((props, ref) => {\n\n  const [viewportHeight, setViewportheight] = useState(window.innerHeight); \n  const [revealEl, setRevealel] = useState([]);\n\n  const checkComplete = () => {\n    return revealEl.length <= document.querySelectorAll('[class*=reveal-].is-revealed').length;\n  };\n\n  const elementIsVisible = (el, offset) => {\n    return (el.getBoundingClientRect().top <= viewportHeight - offset);\n  };\n\n  const revealElements = () => {\n    if (checkComplete()) return;\n    for (let i = 0; i < revealEl.length; i++) {\n      let el = revealEl[i];\n      let revealDelay = el.getAttribute('data-reveal-delay');\n      let revealOffset = (el.getAttribute('data-reveal-offset') ? el.getAttribute('data-reveal-offset') : '200');\n      let listenedEl = (el.getAttribute('data-reveal-container') ? el.closest(el.getAttribute('data-reveal-container')) : el);\n      if (elementIsVisible(listenedEl, revealOffset) && !el.classList.contains('is-revealed')) {\n        if (revealDelay && revealDelay !== 0) {\n          setTimeout(function () {\n            el.classList.add('is-revealed');\n          }, revealDelay);\n        } else {\n          el.classList.add('is-revealed');\n        }\n      }\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    init() {\n      setRevealel(document.querySelectorAll('[class*=reveal-]'));\n    }\n  }));  \n\n  useEffect(() => {\n    if (typeof revealEl !== 'undefined' && revealEl.length > 0) {\n      if (!checkComplete()) {\n        window.addEventListener('scroll', handleScroll);\n        window.addEventListener('resize', handleResize);\n      }\n      revealElements();\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [revealEl]);\n\n  const handleListeners = () => {\n    if (!checkComplete()) return;\n    window.removeEventListener('scroll', handleScroll);\n    window.removeEventListener('resize', handleResize);\n  };\n\n  const handleScroll = throttle(() => {\n    handleListeners();\n    revealElements();\n  }, 30);\n\n  const handleResize = throttle(() => {\n    setViewportheight(window.innerHeight);\n  }, 30);\n\n  useEffect(() => {\n    handleListeners();\n    revealElements();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [viewportHeight]);  \n\n  return (\n    <>\n      {props.children()}\n    </>\n  );\n});\n\nScrollReveal.propTypes = {\n  children: PropTypes.func.isRequired\n};\n\nexport default ScrollReveal;","import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst propTypes = {\n  src: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.string\n  ]).isRequired,\n  width: PropTypes.number,\n  height: PropTypes.number,\n  alt: PropTypes.string\n}\n\nconst defaultProps = {\n  src: undefined,\n  width: undefined,\n  height: undefined,\n  alt: undefined\n}\n\nconst Image = ({\n  className,\n  src,\n  width,\n  height,\n  alt,\n  ...props\n}) => {\n\n  const [loaded, setLoaded] = useState(false);\n\n  const image = useRef(null);\n\n  useEffect(() => {\n    handlePlaceholder(image.current);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  \n  const placeholderSrc = (w, h) => {\n    return `data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${w} ${h}\"%3E%3C/svg%3E`;\n  }\n\n  const handlePlaceholder = (img) => {\n    const placeholder = document.createElement('img');\n    if (!loaded) {\n      img.style.display = 'none';\n      img.before(placeholder);\n      placeholder.src = placeholderSrc(\n        img.getAttribute('width') || 0,\n        img.getAttribute('height') || 0\n      );\n      placeholder.width = img.getAttribute('width');\n      placeholder.height = img.getAttribute('height');\n      placeholder.style.opacity = '0';\n      img.className && placeholder.classList.add(img.className);\n      placeholder.remove();\n      img.style.display = '';      \n    }\n  }\n\n  function onLoad() {\n    setLoaded(true);\n  }  \n\n  return (\n    <img\n      {...props}\n      ref={image}\n      className={className}\n      src={src}\n      width={width}\n      height={height}\n      alt={alt}\n      onLoad={onLoad} />\n  );\n}\n\nImage.propTypes = propTypes;\nImage.defaultProps = defaultProps;\n\nexport default Image;","import React from 'react';\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport Image from '../../elements/Image';\n\nconst Logo = ({\n  className,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'brand',\n    className\n  );\n\n  return (\n    <div\n      {...props}\n      className={classes}\n    >\n      <h1 className=\"m-0\">\n        <Link to=\"/\">\n          <Image\n            src={require('./../../../assets/images/logo.png')}\n            alt=\"Open\"\n            width={250}\n            height={250} />\n        </Link>\n      </h1>\n    </div>\n  );\n}\n\nexport default Logo;","import React, { useState, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { Link } from \"react-router-dom\";\nimport Logo from \"./partials/Logo\";\n\nconst propTypes = {\n  navPosition: PropTypes.string,\n  hideNav: PropTypes.bool,\n  hideSignin: PropTypes.bool,\n  bottomOuterDivider: PropTypes.bool,\n  bottomDivider: PropTypes.bool,\n};\n\nconst defaultProps = {\n  navPosition: \"\",\n  hideNav: false,\n  hideSignin: false,\n  bottomOuterDivider: false,\n  bottomDivider: false,\n};\n\nconst Header = ({\n  className,\n  navPosition,\n  hideNav,\n  hideSignin,\n  bottomOuterDivider,\n  bottomDivider,\n  ...props\n}) => {\n  const [isActive, setIsactive] = useState(false);\n\n  const nav = useRef(null);\n  const hamburger = useRef(null);\n\n  useEffect(() => {\n    isActive && openMenu();\n    document.addEventListener(\"keydown\", keyPress);\n    document.addEventListener(\"click\", clickOutside);\n    return () => {\n      document.removeEventListener(\"keydown\", keyPress);\n      document.removeEventListener(\"click\", clickOutside);\n      closeMenu();\n    };\n  });\n\n  const openMenu = () => {\n    document.body.classList.add(\"off-nav-is-active\");\n    nav.current.style.maxHeight = nav.current.scrollHeight + \"px\";\n    setIsactive(true);\n  };\n\n  const closeMenu = () => {\n    document.body.classList.remove(\"off-nav-is-active\");\n    nav.current && (nav.current.style.maxHeight = null);\n    setIsactive(false);\n  };\n\n  const keyPress = (e) => {\n    isActive && e.keyCode === 27 && closeMenu();\n  };\n\n  const clickOutside = (e) => {\n    if (!nav.current) return;\n    if (\n      !isActive ||\n      nav.current.contains(e.target) ||\n      e.target === hamburger.current\n    )\n      return;\n    closeMenu();\n  };\n\n  const classes = classNames(\n    \"site-header\",\n    bottomOuterDivider && \"has-bottom-divider\",\n    className\n  );\n\n  return (\n    <header {...props} className={classes}>\n      <div className=\"container\">\n        <div\n          className={classNames(\n            \"site-header-inner\",\n            bottomDivider && \"has-bottom-divider\"\n          )}\n        >\n          <Logo />\n          {!hideNav && (\n            <>\n              <button\n                ref={hamburger}\n                className=\"header-nav-toggle\"\n                onClick={isActive ? closeMenu : openMenu}\n              >\n                <span className=\"screen-reader\">Menu</span>\n                <span className=\"hamburger\">\n                  <span className=\"hamburger-inner\"></span>\n                </span>\n              </button>\n              <nav\n                ref={nav}\n                className={classNames(\"header-nav\", isActive && \"is-active\")}\n              >\n                <div className=\"header-nav-inner\">\n                  <ul\n                    className={classNames(\n                      \"list-reset text-xs\",\n                      navPosition && `header-nav-${navPosition}`\n                    )}\n                  >\n                    <li>\n                      <Link to=\"/novosti\" onClick={closeMenu}>\n                        Novosti\n                      </Link>\n                    </li>\n\n                    <li>\n                      <Link to=\"/clanovi\" onClick={closeMenu}>\n                        Članovi\n                      </Link>\n                    </li>\n                    <li>\n                      <Link to=\"/o-nama\" onClick={closeMenu}>\n                        O Nama\n                      </Link>\n                    </li>\n                    <li>\n                      <Link to=\"/kontakt\" onClick={closeMenu}>\n                        Kontakt\n                      </Link>\n                    </li>\n                  </ul>\n                  {/* {!hideSignin &&\n                    <ul\n                      className=\"list-reset header-nav-right\"\n                    >\n                      <li>\n                        <Link to=\"#0\" className=\"button button-primary button-wide-mobile button-sm\" onClick={closeMenu}>Sign up</Link>\n                      </li>\n                    </ul>} */}\n                </div>\n              </nav>\n            </>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n};\n\nHeader.propTypes = propTypes;\nHeader.defaultProps = defaultProps;\n\nexport default Header;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\n\nconst FooterNav = ({\n  className,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'footer-nav',\n    className\n  );\n\n  return (\n    <nav\n      {...props}\n      className={classes}\n    >\n      <ul className=\"list-reset\">\n        <li>\n          <Link to=\"/novosti\">Novosti</Link>\n        </li>\n        <li>\n          <Link to=\"/clanovi\">Članovi</Link>\n        </li>\n        <li>\n          <Link to=\"/o-nama\">O Nama</Link>\n        </li>\n        <li>\n          <Link to=\"/kontakt\">Kontakt</Link>\n        </li>\n\n      </ul>\n    </nav>\n  );\n}\n\nexport default FooterNav;","import React from 'react';\nimport classNames from 'classnames';\n\nconst FooterSocial = ({\n  className,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'footer-social',\n    className\n  );\n\n  return (\n    <div\n      {...props}\n      className={classes}\n    >\n      <ul className=\"list-reset\">\n        <li>\n          <a href=\"https://www.facebook.com/skrjecina\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 20 20\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <title>Facebook</title>\n              <path\n                d=\"M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z\" />\n            </svg>\n          </a>\n        </li>\n        {/* <li>\n          <a href=\"https://twitter.com/\">\n            <svg\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <title>Twitter</title>\n              <path\n                d=\"M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z\" />\n            </svg>\n          </a>\n        </li> */}\n        {/* <li>\n          <a href=\"https://google.com/\">\n            <svg\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <title>Instagram</title>\n              <g>\n                <circle cx=\"12.145\" cy=\"3.892\" r=\"1\" />\n                <path\n                  d=\"M8 12c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2z\" />\n                <path\n                  d=\"M12 16H4c-2.056 0-4-1.944-4-4V4c0-2.056 1.944-4 4-4h8c2.056 0 4 1.944 4 4v8c0 2.056-1.944 4-4 4zM4 2c-.935 0-2 1.065-2 2v8c0 .953 1.047 2 2 2h8c.935 0 2-1.065 2-2V4c0-.935-1.065-2-2-2H4z\" />\n              </g>\n            </svg>\n          </a>\n        </li> */}\n      </ul>\n    </div>\n  );\n}\n\nexport default FooterSocial;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Logo from './partials/Logo';\nimport FooterNav from './partials/FooterNav';\nimport FooterSocial from './partials/FooterSocial';\n\nconst propTypes = {\n  topOuterDivider: PropTypes.bool,\n  topDivider: PropTypes.bool\n}\n\nconst defaultProps = {\n  topOuterDivider: false,\n  topDivider: false\n}\n\nconst Footer = ({\n  className,\n  topOuterDivider,\n  topDivider,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'site-footer center-content-mobile',\n    topOuterDivider && 'has-top-divider',\n    className\n  );\n\n  return (\n    <footer\n      {...props}\n      className={classes}\n    >\n      <div className=\"container\">\n        <div className={\n          classNames(\n            'site-footer-inner',\n            topDivider && 'has-top-divider'\n          )}>\n          <div className=\"footer-top space-between text-xxs\">\n            <Logo />\n            <FooterSocial />\n          </div>\n          <div className=\"footer-bottom space-between text-xxs invert-order-desktop\">\n            <FooterNav />\n            <div className=\"footer-copyright\">Izradio <a href=\"https://www.linkedin.com/in/antonio-ban-ba97b689/\">Antonio Ban</a>. Sva prava pridržana.</div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nFooter.propTypes = propTypes;\nFooter.defaultProps = defaultProps;\n\nexport default Footer;","import React from 'react';\nimport Header from '../components/layout/Header';\nimport Footer from '../components/layout/Footer';\n\nconst LayoutDefault = ({ children }) => (\n  <>\n    <Header navPosition=\"right\" className=\"reveal-from-bottom\" />\n    <main className=\"site-content\">\n      {children}\n    </main>\n    <Footer />\n  </>\n);\n\nexport default LayoutDefault;  ","import PropTypes from 'prop-types';\n\n// Props shared by all sections\nconst SectionShared = {\n  types: {\n    topOuterDivider: PropTypes.bool,\n    bottomOuterDivider: PropTypes.bool,    \n    topDivider: PropTypes.bool,\n    bottomDivider: PropTypes.bool,\n    hasBgColor: PropTypes.bool,\n    invertColor: PropTypes.bool\n  },\n  defaults: {\n    topOuterDivider: false,\n    bottomOuterDivider: false,    \n    topDivider: false,\n    bottomDivider: false,\n    hasBgColor: false,\n    invertColor: false\n  }\n}\n\n// Default section props\nexport const SectionProps = {\n  types: {\n    ...SectionShared.types\n  },\n  defaults: {\n    ...SectionShared.defaults\n  }\n}\n\n// Section split props\nexport const SectionSplitProps = {\n  types: {\n    ...SectionShared.types,\n    invertMobile: PropTypes.bool,\n    invertDesktop: PropTypes.bool,\n    alignTop: PropTypes.bool,\n    imageFill: PropTypes.bool\n  },\n  defaults: {\n    ...SectionShared.defaults,\n    invertMobile: false,\n    invertDesktop: false,\n    alignTop: false,\n    imageFill: false\n  }\n}\n\n// Section tiles props\nexport const SectionTilesProps = {\n  types: {\n    ...SectionShared.types,\n    pushLeft: PropTypes.bool\n  },\n  defaults: {\n    ...SectionShared.defaults,\n    pushLeft: false\n  }\n}","import React from 'react';\nimport classNames from 'classnames';\n\nconst ButtonGroup = ({\n  className,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'button-group',\n    className\n  );\n\n  return (\n    <div\n      {...props}\n      className={classes}\n    />\n  );\n}\n\nexport default ButtonGroup;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst propTypes = {\n  tag: PropTypes.elementType,\n  color: PropTypes.string,\n  size: PropTypes.string,\n  loading: PropTypes.bool,\n  wide: PropTypes.bool,\n  wideMobile: PropTypes.bool,\n  disabled: PropTypes.bool\n}\n\nconst defaultProps = {\n  tag: 'button',\n  color: '',\n  size: '',\n  loading: false,\n  wide: false,\n  wideMobile: false,\n  disabled: false\n}\n\nconst Button = ({\n  className,\n  tag,\n  color,\n  size,\n  loading,\n  wide,\n  wideMobile,\n  disabled,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'button',\n    color && `button-${color}`,\n    size && `button-${size}`,\n    loading && 'is-loading',\n    wide && 'button-block',\n    wideMobile && 'button-wide-mobile',\n    className\n  );\n\n  const Component = tag;\n  return (\n    <Component\n      {...props}\n      className={classes}\n      disabled={disabled}\n    />\n  );\n}\n\nButton.propTypes = propTypes;\nButton.defaultProps = defaultProps;\n\nexport default Button;","import React from \"react\";\nimport classNames from \"classnames\";\nimport { SectionProps } from \"../../utils/SectionProps\";\nimport ButtonGroup from \"../elements/ButtonGroup\";\nimport Button from \"../elements/Button\";\nimport Image from \"../elements/Image\";\n//import Modal from \"../elements/Modal\";\nimport GoogleMapReact from \"google-map-react\";\nimport { Link } from \"react-router-dom\";\n\nconst propTypes = {\n  ...SectionProps.types,\n};\n\nconst defaultProps = {\n  ...SectionProps.defaults,\n};\n\nconst Hero = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  ...props\n}) => {\n  // const [videoModalActive, setVideomodalactive] = useState(false);\n\n  // const openModal = (e) => {\n  //   e.preventDefault();\n  //   setVideomodalactive(true);\n  // };\n\n  // const closeModal = (e) => {\n  //   e.preventDefault();\n  //   setVideomodalactive(false);\n  // };\n\n  const outerClasses = classNames(\n    \"hero section center-content\",\n    topOuterDivider && \"has-top-divider\",\n    bottomOuterDivider && \"has-bottom-divider\",\n    hasBgColor && \"has-bg-color\",\n    invertColor && \"invert-color\",\n    className\n  );\n\n  const innerClasses = classNames(\n    \"hero-inner section-inner\",\n    topDivider && \"has-top-divider\",\n    bottomDivider && \"has-bottom-divider\"\n  );\n\n  const AnyReactComponent = ({ text }) => (\n    <div>\n      <Image\n        src={require(\"../../assets/images/pin.svg\")}\n        alt=\"Marker\"\n        width={32}\n        height={32}\n      />\n      <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\n        Okršaj bb 51218, Dražice\n      </div>\n    </div>\n  );\n\n  return (\n    <section {...props} className={outerClasses}>\n      <div className=\"container-sm\">\n        <div className={innerClasses}>\n          <div className=\"hero-content\">\n            <h1\n              className=\"mt-0 mb-16 reveal-from-bottom\"\n              data-reveal-delay=\"200\"\n            >\n              Šahovski Klub <span className=\"text-color-primary\">Rječina</span>\n            </h1>\n            <div className=\"container-xs\">\n              <p\n                className=\"m-0 mb-32 reveal-from-bottom\"\n                data-reveal-delay=\"400\"\n              >\n                Dobrodošli na stranicu šahovskog kluba Rječina koji se nalazi u\n                općini Jelenje. Ovdje možete saznati više o klubu, njegovim\n                članovima, novosti te informacije o održanim turnirima. Šahovski\n                klub Rječina - Dražice počeo je djelovati u jesen 1999. na\n                inicijativu Gorana Mufića i Ljube Kukuljana, a službeno je\n                osnovan 21.02.2000. godine.\n              </p>\n              <div className=\"reveal-from-bottom\" data-reveal-delay=\"600\">\n                <ButtonGroup>\n                  <Button color=\"primary\" wideMobile>\n                    <Link to=\"/novosti\">Novosti</Link>\n                  </Button>\n                  <Button color=\"dark\" wideMobile>\n                    <Link to=\"/o-nama\">O Nama</Link>\n                  </Button>\n                </ButtonGroup>\n              </div>\n            </div>\n          </div>\n          <div\n            className=\"hero-figure reveal-from-bottom illustration-element-01\"\n            data-reveal-value=\"20px\"\n            data-reveal-delay=\"800\"\n          >\n            <div style={{ height: \"40vh\", width: \"100%\" }}>\n              <GoogleMapReact\n                bootstrapURLKeys={{\n                  key: \"AIzaSyDSqXdQFQXLYXvXZmhHh90cUCKgz46mVzg\",\n                }}\n                defaultCenter={{\n                  lat: 45.385615606113106,\n                  lng: 14.463052305200739,\n                }}\n                defaultZoom={14}\n              >\n                <AnyReactComponent\n                  lat={45.385615606113106}\n                  lng={14.463052305200739}\n                  text=\"My Marker\"\n                />\n              </GoogleMapReact>\n            </div>\n            {/* <a\n              data-video=\"https://player.vimeo.com/video/174002812\"\n              href=\"#0\"\n              aria-controls=\"video-modal\"\n              onClick={openModal}\n            >\n              <Image\n                className=\"has-shadow\"\n                src={require(\"./../../assets/images/video-placeholder.jpg\")}\n                alt=\"Hero\"\n                width={896}\n                height={504}\n              />\n            </a> */}\n          </div>\n          {/* <Modal\n            id=\"video-modal\"\n            show={videoModalActive}\n            handleClose={closeModal}\n            video=\"https://player.vimeo.com/video/174002812\"\n            videoTag=\"iframe\"\n          /> */}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nHero.propTypes = propTypes;\nHero.defaultProps = defaultProps;\n\nexport default Hero;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst propTypes = {\n  data: PropTypes.shape({\n    title: PropTypes.string,\n    paragraph: PropTypes.string\n  }).isRequired,\n  children: PropTypes.node,\n  tag: PropTypes.oneOf(['h1', 'h2', 'h3'])\n}\n\nconst defaultProps = {\n  children: null,\n  tag: 'h2'\n}\n\nconst SectionHeader = ({\n  className,\n  data,\n  children,\n  tag,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'section-header',\n    className\n  );\n\n  const Component = tag;\n\n  return (\n    <>\n      {(data.title || data.paragraph) &&\n        <div\n          {...props}\n          className={classes}\n        >\n          <div className=\"container-xs\">\n            {children}\n            {data.title &&\n              <Component className={\n                classNames(\n                  'mt-0',\n                  data.paragraph ? 'mb-16' : 'mb-0'\n                )}>{data.title}</Component>\n            }\n            {data.paragraph &&\n              <p className=\"m-0\">{data.paragraph}</p>\n            }\n          </div>\n        </div>\n      }\n    </>\n  );\n}\n\nSectionHeader.propTypes = propTypes;\nSectionHeader.defaultProps = defaultProps;\n\nexport default SectionHeader;","export const novosti = [\n  {\n    naslov: \"Novo Ruho ŠK Rječine\",\n    datum: \"03.06.2021\",\n    sazetak:\n      \"Novi dizajn web-stranice i nove mogućnosti za kontaktiranje\",\n    tekst:\n      \"Pozdrav svim posjetiocima, započinjemo novo poglavlje za šahovski klub Rječina. Ažurirali smo web stranicu s novim dizajnom i novim mogućnostima. Objavljivati ćemo novosti vezane za klub i uspjehe članova kluba. U budućnosti ćemo također dodati i galeriju slika s naših turnira. Lijep pozdrav! -Antonio Ban\",\n  }\n];\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\n\nconst propTypes = {\n  children: PropTypes.node,\n  handleClose: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  closeHidden: PropTypes.bool,\n  news: PropTypes.object,\n  video: PropTypes.string,\n  videoTag: PropTypes.oneOf([\"iframe\", \"video\"]),\n};\n\nconst defaultProps = {\n  children: null,\n  show: false,\n  closeHidden: false,\n  news: {},\n  video: \"\",\n  videoTag: \"iframe\",\n};\n\nconst Modal = ({\n  className,\n  children,\n  handleClose,\n  show,\n  closeHidden,\n  news,\n  video,\n  videoTag,\n  ...props\n}) => {\n  useEffect(() => {\n    document.addEventListener(\"keydown\", keyPress);\n    document.addEventListener(\"click\", stopProgagation);\n    return () => {\n      document.removeEventListener(\"keydown\", keyPress);\n      document.removeEventListener(\"click\", stopProgagation);\n    };\n  });\n\n  useEffect(() => {\n    handleBodyClass();\n  }, [props.show]);\n\n  const handleBodyClass = () => {\n    if (document.querySelectorAll(\".modal.is-active\").length) {\n      document.body.classList.add(\"modal-is-active\");\n    } else {\n      document.body.classList.remove(\"modal-is-active\");\n    }\n  };\n\n  const keyPress = (e) => {\n    e.keyCode === 27 && handleClose(e);\n  };\n\n  const stopProgagation = (e) => {\n    e.stopPropagation();\n  };\n\n  const classes = classNames(\n    \"modal\",\n    show && \"is-active\",\n    video && \"modal-video\",\n    className\n  );\n\n  return (\n    <>\n      {show && (\n        <div\n          {...props}\n          className={classes}\n          onClick={handleClose}\n          style={{ width: \"100%\", height: \"100%\" }}\n        >\n          <div\n            style={{ maxWidth: \"100vh\" }}\n            className=\"modal-inner\"\n            onClick={stopProgagation}\n          >\n            <div style={{ margin: \"40px\", padding: \"8px\" }}>\n              <h3 className=\"mt-0 mb-12\">{news.naslov}</h3>\n              <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\n                  {news.datum}\n                  </div>\n              <p className=\"m-0\">{news.tekst}</p>\n              \n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nModal.propTypes = propTypes;\nModal.defaultProps = defaultProps;\n\nexport default Modal;\n","import React, {useState} from 'react';\nimport classNames from 'classnames';\nimport { SectionSplitProps } from '../../utils/SectionProps';\nimport SectionHeader from './partials/SectionHeader';\nimport Image from '../elements/Image';\nimport {novosti} from '../../novosti';\nimport Modal from '../elements/Modal';\n\nconst propTypes = {\n  ...SectionSplitProps.types\n}\n\nconst defaultProps = {\n  ...SectionSplitProps.defaults\n}\n\nconst FeaturesSplit = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  invertMobile,\n  invertDesktop,\n  alignTop,\n  imageFill,\n  ...props\n}) => {\n\n  const [ModalActive, setModalActive] = useState(false);\n  const [SelectedNews, setSelectedNews] = useState(false);\n\n\n  const openModal = (e) => {\n\n    setModalActive(true);\n    setSelectedNews(e)\n  }\n\n  const closeModal = (e) => {\n    e.preventDefault();\n    setModalActive(false);\n  }   \n\n  const outerClasses = classNames(\n    'features-split section',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'features-split-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  const splitClasses = classNames(\n    'split-wrap',\n    invertMobile && 'invert-mobile',\n    invertDesktop && 'invert-desktop',\n    alignTop && 'align-top'\n  );\n\n  const sectionHeader = {\n    title: 'Poslijednje Novosti',\n    paragraph: ''\n  };\n\n  \n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n          <div className={splitClasses}>\n\n            <div>{novosti.map((value, index)=>{\n              if(index <= 2){\n\n                return(\n                  <div key={index} className=\"split-item\">\n                <div className=\"split-item-content center-content-mobile reveal-from-left\" data-reveal-container=\".split-item\">\n                  <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\n                    {value.datum}\n                    </div>\n                  <h3 style={{\"cursor\": \"pointer\"}} onClick={()=>openModal(index)}className=\"mt-0 mb-12\">\n                    {value.naslov}\n                    </h3>\n                  <p className=\"m-0\">\n                    {value?.sazetak}\n                     </p>\n                </div>\n                <div className={\n                  classNames(\n                    'split-item-image center-content-mobile reveal-from-bottom',\n                    imageFill && 'split-item-image-fill'\n                  )}\n                  data-reveal-container=\".split-item\">\n                  <Image\n                    src={require(`./../../assets/images/features-split-image-0${index+1}.jpg`)}\n                    alt={`Features Split ${index+1}`}\n                    width={528}\n                    height={396} />\n                </div>\n              </div>\n                );\n              }else return null;\n            })}</div>\n\n          \n\n          </div>\n          <Modal\n            id=\"video-modal\"\n            show={ModalActive}\n            handleClose={closeModal}\n            news={novosti[SelectedNews]}\n          /> \n        </div>\n      </div>\n    </section>\n  );\n}\n\nFeaturesSplit.propTypes = propTypes;\nFeaturesSplit.defaultProps = defaultProps;\n\nexport default FeaturesSplit;","import React from 'react';\n// import sections\nimport Hero from '../components/sections/Hero';\n//import FeaturesTiles from '../components/sections/FeaturesTiles';\nimport FeaturesSplit from '../components/sections/FeaturesSplit';\n//import Testimonial from '../components/sections/Testimonial';\n//import Cta from '../components/sections/Cta';\n\nconst Home = () => {\n\n  return (\n    <>\n      <Hero className=\"illustration-section-01\" />\n      {/* <FeaturesTiles /> */}\n      <FeaturesSplit invertMobile topDivider imageFill className=\"illustration-section-02\" />\n      {/* <Testimonial topDivider />\n      <Cta split /> */}\n    </>\n  );\n}\n\nexport default Home;","import React from 'react';\nimport classNames from 'classnames';\nimport { SectionTilesProps } from '../utils/SectionProps';\nimport SectionHeader from '../components/sections/partials/SectionHeader';\nimport Image from '../components/elements/Image'\nconst propTypes = {\n  ...SectionTilesProps.types\n}\n\nconst defaultProps = {\n  ...SectionTilesProps.defaults\n}\n\nconst Contact = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  pushLeft,\n  ...props\n}) => {\n\n  const outerClasses = classNames(\n    'testimonial section',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'testimonial-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  const tilesClasses = classNames(\n    'tiles-wrap',\n    pushLeft && 'push-left'\n  );\n\n  const sectionHeader = {\n    title: '',\n    paragraph: 'Informacije o klubu.'\n  };\n\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n          <div className={tilesClasses}>\n          <div className=\"tiles-item reveal-from-bottom\">\n              <div className=\"tiles-item-inner\">\n                <div className=\"features-tiles-item-header\">\n                  <div className=\"features-tiles-item-image mb-16\">\n                    <Image\n                      src={require('../assets/images/feature-tile-icon-06.svg')}\n                      alt=\"Features tile icon 01\"\n                      width={64}\n                      height={64} />\n                  </div>\n                </div>\n                <div className=\"features-tiles-item-content\">\n                  <h4 className=\"mt-0 mb-8\">\n                    Radno vrijeme\n                    </h4>\n                  <p className=\"m-0 text-sm\">\n                    Svaki petak od 19:00 do 21:00.\n                    </p>\n                </div>\n              </div>\n            </div>\n\n \n\n\n\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"200\">\n              <div className=\"tiles-item-inner\">\n                <div className=\"features-tiles-item-header\">\n                  <div className=\"features-tiles-item-image mb-16\">\n                    <Image\n                      src={require('../assets/images/feature-tile-icon-03.svg')}\n                      alt=\"Features tile icon 05\"\n                      width={64}\n                      height={64} />\n                  </div>\n                </div>\n                <div className=\"features-tiles-item-content\">\n                  <h4 className=\"mt-0 mb-8\">\n                    Lokacija\n                    </h4>\n                  <p className=\"m-0 text-sm\">\n                    <a href=\"https://goo.gl/maps/4CZw6vpMxk8FB6Li7\"> Okršaj bb, 51218 Dražice</a>\n                   \n                    </p>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"400\">\n              <div className=\"tiles-item-inner\">\n                <div className=\"features-tiles-item-header\">\n                  <div className=\"features-tiles-item-image mb-16\">\n                    <Image\n                      src={require('../assets/images/feature-tile-icon-02.svg')}\n                      alt=\"Features tile icon 06\"\n                      width={64}\n                      height={64} />\n                  </div>\n                </div>\n                <div className=\"features-tiles-item-content\">\n                  <h4 className=\"mt-0 mb-8\">\n                    Kontakt\n                    </h4>\n                  <p className=\"m-0 text-sm\">\n                  Email: <a href=\"mailto:skrjecina@skrjecina.hr\">vlado.vujic@skole.hr</a>\n                    </p>\n                </div>\n              </div>\n            </div>\n          \n\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nContact.propTypes = propTypes;\nContact.defaultProps = defaultProps;\n\nexport default Contact;","import React from \"react\";\nimport classNames from \"classnames\";\nimport { SectionSplitProps } from \"../utils/SectionProps\";\n//import SectionHeader from \"../components/sections/partials/SectionHeader\";\nimport Image from \"../components/elements/Image\";\n\nconst propTypes = {\n  ...SectionSplitProps.types,\n};\n\nconst defaultProps = {\n  ...SectionSplitProps.defaults,\n};\n\nconst About = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  invertMobile,\n  invertDesktop,\n  alignTop,\n  imageFill,\n  ...props\n}) => {\n  const outerClasses = classNames(\n    \"features-split section\",\n    topOuterDivider && \"has-top-divider\",\n    bottomOuterDivider && \"has-bottom-divider\",\n    hasBgColor && \"has-bg-color\",\n    invertColor && \"invert-color\",\n    className\n  );\n\n  const innerClasses = classNames(\n    \"features-split-inner section-inner\",\n    topDivider && \"has-top-divider\",\n    bottomDivider && \"has-bottom-divider\"\n  );\n\n  const splitClasses = classNames(\n    \"split-wrap\",\n    invertMobile && \"invert-mobile\",\n    invertDesktop && \"invert-desktop\",\n    alignTop && \"align-top\"\n  );\n\n  // const sectionHeader = {\n  //   title: \"Poslijednje Novosti\",\n  //   paragraph: \"\",\n  // };\n\n  return (\n    <section {...props} className={outerClasses}>\n      <div className=\"container\">\n        <div className={innerClasses}>\n          {/* <SectionHeader data={sectionHeader} className=\"center-content\" /> */}\n          <div className={splitClasses}>\n            <div className=\"split-item\">\n              <div\n                className=\"split-item-content center-content-mobile reveal-from-left\"\n                data-reveal-container=\".split-item\"\n              >\n                <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\n                \n                <h3 className=\"mt-0 mb-12\">  Šahovski Klub Rječina</h3>\n                </div>\n                <p className=\"m-0\">\n                  Šahovski klub Rječina - Dražice počeo je djelovati u jesen\n                  1999. na inicijativu Gorana Mufića i Ljube Kukuljana, a\n                  službeno je osnovan 21.02.2000. god. Zanimljivo je da je\n                  reprezentativac Hrvatske i najbolji igrač završnice nedavne\n                  Online Šahovske olimpijade - Marin Bosiočić, upravo protiv\n                  članova Rječine odigrao prvu simultanku u životu! Jedini remi\n                  tada je izvukao Vlatko Kukuljan koji je bio najuspješniji\n                  mladi igrač Rječine u prvim godinama djelovanja Kluba. Velike\n                  zasluge u početnim godinama djelovanja Kluba je imao i pokojni\n                  Ante Fućak, pa Rječina njemu u čast svake godine organizira\n                  memorijalni turnir. Od 2006. godine Klub počinje sustavno\n                  raditi s mladima, te razvija međunarodnu suradnju s klubovima\n                  u Slovačkoj i Austriji. Najveći su uspjesi bili u ženskoj\n                  kadetskoj konkurenciji jer su sestre Agata i Viktorija Vujić,\n                  te Jelena i Lana Dašić bile ekipne prvakinje Hrvatske! U\n                  pojedinačnoj konkurenciji Agata Vujić je bila 2. do 8 godina,\n                  a Viktorija Vujić i Jelena Dašić su bile 3. do 15 odnosno 17\n                  godina. Najveći pojedinačni uspjeh Kluba je prvo mjesto u\n                  Hrvatskoj Lare Zagorac prošle godine u uzrastu do 9 godina, a\n                  velike pohvale zaslužuje i sadašnja kadetska ekipa Rječine -\n                  Lara Zagorac, Petar Mikulić, Luka Radić i Ivan Sinjeri za\n                  nedavnu pobijedu na otvorenom prvenstvu naše Županije!\n                  Uspješni su bili i seniori, koji su se ove godine po treći\n                  puta plasirali u 2. ligu Zapad, a najveći uspjeh je bilo 9.\n                  mjesto na otvorenom prvenstvu Slovačke u ubrzanom šahu 2009.\n                  godine ekipe u sastavu: Marin Relja, Božo Zrilić, Mario Štefan\n                  i Ivica Petrić.\n                </p>\n              </div>\n              <div\n                className={classNames(\n                  \"split-item-image center-content-mobile reveal-from-bottom\",\n                  imageFill && \"split-item-image-fill\"\n                )}\n                data-reveal-container=\".split-item\"\n              >\n                <Image\n                  src={require(`../assets/images/about.jpg`)}\n                  alt={`Features Split 1`}\n                  width={528}\n                  height={396}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nAbout.propTypes = propTypes;\nAbout.defaultProps = defaultProps;\n\nexport default About;\n","export const clanovi = [\n  {\n    ime: \"Zagorac, Marko\",\n    titula: \"\",\n    int_raiting: \"0\",\n    nat_raiting: \"1600\",\n    rpd_raiting: \"1423\",\n    blz_raiting: \"1357\",\n    godina_rodjenja: \"1982\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Radić, Luka D\",\n    titula: \"IV\",\n    int_raiting: \"0\",\n    nat_raiting: \"1759\",\n    rpd_raiting: \"1152\",\n    blz_raiting: \"\",\n    godina_rodjenja: \"2008\",\n    kategorija: \"U16\",\n  },\n  {\n    ime: \"Zagorac, Lara\",\n    titula: \"I\",\n    int_raiting: \"1277\",\n    nat_raiting: \"1884\",\n    rpd_raiting: \"1387\",\n    blz_raiting: \"\",\n    godina_rodjenja: \"2010\",\n    kategorija: \"U16\",\n  },\n  {\n    ime: \"Sinjeri, Ivan\",\n    titula: \"\",\n    int_raiting: \"1107\",\n    nat_raiting: \"1614\",\n    rpd_raiting: \"1100\",\n    blz_raiting: \"\",\n    godina_rodjenja: \"2007\",\n    kategorija: \"U16\",\n  },\n  {\n    ime: \"Mikulić, Petar\",\n    titula: \"IV\",\n    int_raiting: \"1040\",\n    nat_raiting: \"1753\",\n    rpd_raiting: \"1273\",\n    blz_raiting: \"\",\n    godina_rodjenja: \"2007\",\n    kategorija: \"U16\",\n  },\n  {\n    ime: \"Vujić, Vlado\",\n    titula: \"\",\n    int_raiting: \"\",\n    nat_raiting: \"1660\",\n    rpd_raiting: \"1590\",\n    blz_raiting: \"1616\",\n    godina_rodjenja: \"1962\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Jerković, Maroje\",\n    titula: \"MK\",\n    int_raiting: \"2185\",\n    nat_raiting: \"2172\",\n    rpd_raiting: \"2005\",\n    blz_raiting: \"2087\",\n    godina_rodjenja: \"1992\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Huskić, Arif\",\n    titula: \"IV\",\n    int_raiting: \"1730\",\n    nat_raiting: \"1764\",\n    rpd_raiting: \"1807\",\n    blz_raiting: \"1732\",\n    godina_rodjenja: \"1943\",\n    kategorija: \"U65\",\n  },\n  {\n    ime: \"Pavičić, Tomislav\",\n    titula: \"MK\",\n    int_raiting: \"2133\",\n    nat_raiting: \"2133\",\n    rpd_raiting: \"\",\n    blz_raiting: \"2230\",\n    godina_rodjenja: \"1974\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Pavešić, Robert\",\n    titula: \"IV\",\n    int_raiting: \"1690\",\n    nat_raiting: \"1734\",\n    rpd_raiting: \"1960\",\n    blz_raiting: \"1798\",\n    godina_rodjenja: \"1964\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Ban, Ivoslav\",\n    titula: \"I\",\n    int_raiting: \"2002\",\n    nat_raiting: \"2015\",\n    rpd_raiting: \"1959\",\n    blz_raiting: \"1801\",\n    godina_rodjenja: \"1962\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Kovačić, Dragutin\",\n    titula: \"I\",\n    int_raiting: \"1957\",\n    nat_raiting: \"1978\",\n    rpd_raiting: \"1900\",\n    blz_raiting: \"1981\",\n    godina_rodjenja: \"1954\",\n    kategorija: \"U65\",\n  },\n  {\n    ime: \"Šverko, Mladen\",\n    titula: \"I\",\n    int_raiting: \"1998\",\n    nat_raiting: \"2046\",\n    rpd_raiting: \"1864\",\n    blz_raiting: \"1908\",\n    godina_rodjenja: \"1958\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Petrić, Ivica\",\n    titula: \"I\",\n    int_raiting: \"2034\",\n    nat_raiting: \"2044\",\n    rpd_raiting: \"1942\",\n    blz_raiting: \"1944\",\n    godina_rodjenja: \"1975\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Relja, Marin\",\n    titula: \"I\",\n    int_raiting: \"1994\",\n    nat_raiting: \"2026\",\n    rpd_raiting: \"2102\",\n    blz_raiting: \"2049\",\n    godina_rodjenja: \"1978\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Kukuljan, Vlatko\",\n    titula: \"I\",\n    int_raiting: \"2001\",\n    nat_raiting: \"2034\",\n    rpd_raiting: \"1985\",\n    blz_raiting: \"2036\",\n    godina_rodjenja: \"1990\",\n    kategorija: \"\",\n  },\n  {\n    ime: \"Dizdarević, Mirsad\",\n    titula: \"I\",\n    int_raiting: \"1778\",\n    nat_raiting: \"2000\",\n    rpd_raiting: \"1878\",\n    blz_raiting: \"1846\",\n    godina_rodjenja: \"1968\",\n    kategorija: \"\",\n  },\n\n];\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport { SectionTilesProps } from \"../utils/SectionProps\";\nimport SectionHeader from \"../components/sections/partials/SectionHeader\";\nimport Table from \"react-bootstrap/Table\";\nimport { clanovi } from \"../clanovi\";\nconst propTypes = {\n  ...SectionTilesProps.types,\n};\n\nconst defaultProps = {\n  ...SectionTilesProps.defaults,\n};\n\nconst Members = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  pushLeft,\n  ...props\n}) => {\n  const outerClasses = classNames(\n    \"testimonial section\",\n    topOuterDivider && \"has-top-divider\",\n    bottomOuterDivider && \"has-bottom-divider\",\n    hasBgColor && \"has-bg-color\",\n    invertColor && \"invert-color\",\n    className\n  );\n\n  const innerClasses = classNames(\n    \"testimonial-inner section-inner\",\n    topDivider && \"has-top-divider\",\n    bottomDivider && \"has-bottom-divider\"\n  );\n\n  const tilesClasses = classNames(\"tiles-wrap\", pushLeft && \"push-left\");\n\n  const sectionHeader = {\n    title: \"\",\n    paragraph: \"Popis članova kluba i njihov raiting.\",\n  };\n\n  return (\n    <section {...props} className={outerClasses}>\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n\n          <div className={tilesClasses}>\n          <div className=\"reveal-from-bottom\" data-reveal-delay=\"400\" style={{\"width\" : \"100%\", \"overflow\": \"auto\"}}>\n            \n            <Table  responsive='sm' striped bordered hover variant=\"dark\">\n              <thead>\n                <tr>\n                  <th>#</th>\n                  <th>Ime</th>\n                  <th>Titula</th>\n                  <th>INT Raiting</th>\n                  <th>NAT Raiting</th>\n                  <th>RPD Raiting</th>\n                  <th>BLZ Raiting</th>\n                  <th>Godina rođenja</th>\n                  <th>Kategorija</th>\n                </tr>\n              </thead>\n              <tbody>\n                {clanovi.map((item, index) => {\n                  return (\n                    <tr key={index}>\n                      <td>{index + 1}</td>\n                      <td>{item.ime}</td>\n                      <td>{item.titula}</td>\n                      <td>{item.int_raiting}</td>\n                      <td>{item.nat_raiting}</td>\n                      <td>{item.rpd_raiting}</td>\n                      <td>{item.blz_raiting}</td>\n                      <td>{item.godina_rodjenja}</td>\n                      <td>{item.kategorija}</td>\n                    </tr>\n                  );\n                })}\n              </tbody>\n            </Table>\n            \n          \n            <p>\n              <i>Podatci preuzeti s HŠS.</i>\n            </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nMembers.propTypes = propTypes;\nMembers.defaultProps = defaultProps;\n\nexport default Members;\n","import React, {useState} from 'react';\nimport classNames from 'classnames';\nimport { SectionSplitProps } from '../utils/SectionProps';\nimport SectionHeader from '../components/sections/partials/SectionHeader';\nimport Image from '../components/elements/Image';\nimport {novosti} from '../novosti';\nimport Modal from '../components/elements/Modal'\nconst propTypes = {\n  ...SectionSplitProps.types\n}\n\nconst defaultProps = {\n  ...SectionSplitProps.defaults\n}\n\nconst News = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  invertMobile,\n  invertDesktop,\n  alignTop,\n  imageFill,\n  ...props\n}) => {\n\n  const modalState = props.match?.params?.id ? props.match.params.id : false;\n  const [ModalActive, setModalActive] = useState(modalState);\n  const [SelectedNews, setSelectedNews] = useState(modalState);\n\n  \n  const openModal = (e) => {\n    \n    setModalActive(true);\n    setSelectedNews(e)\n  }\n  \n  const closeModal = (e) => {\n    e.preventDefault();\n    setModalActive(false);\n  }   \n  \n\n  const outerClasses = classNames(\n    'features-split section',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'features-split-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  const splitClasses = classNames(\n    'split-wrap',\n    invertMobile && 'invert-mobile',\n    invertDesktop && 'invert-desktop',\n    alignTop && 'align-top'\n  );\n\n  const sectionHeader = {\n    title: '',\n    paragraph: 'Novosti i objave kluba.'\n  };\n\n  console.log(props)\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n          <div className={splitClasses}>\n\n            <div>{novosti.map((value, index)=>{\n              return(\n                <div key={index}className=\"split-item\">\n              <div className=\"split-item-content center-content-mobile reveal-from-left\" data-reveal-container=\".split-item\">\n                <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\n                  {value.datum}\n                  </div>\n                <h3 style={{\"cursor\": \"pointer\"}} onClick={()=>openModal(index)}className=\"mt-0 mb-12\">\n                  {value.naslov}\n                  </h3>\n                <p className=\"m-0\">\n                  {value?.sazetak}\n                   </p>\n              </div>\n              <div className={\n                classNames(\n                  'split-item-image center-content-mobile reveal-from-bottom',\n                  imageFill && 'split-item-image-fill'\n                )}\n                data-reveal-container=\".split-item\">\n                <Image\n                  src={require(`../assets/images/features-split-image-0${index+1}.jpg`)}\n                  alt={`Features Split ${index+1}`}\n                  width={528}\n                  height={396} />\n              </div>\n            </div>\n              );\n            })}</div>\n\n          \n\n          </div>\n          <Modal\n            id=\"video-modal\"\n            show={ModalActive}\n            handleClose={closeModal}\n            news={novosti[SelectedNews]}\n          /> \n        </div>\n      </div>\n    </section>\n  );\n}\n\nNews.propTypes = propTypes;\nNews.defaultProps = defaultProps;\n\nexport default News;","import React, { useRef, useEffect } from 'react';\nimport { useLocation, Switch } from 'react-router-dom';\nimport AppRoute from './utils/AppRoute';\nimport ScrollReveal from './utils/ScrollReveal';\n//import ReactGA from 'react-ga';\nimport App_style from './App_style'\nimport {\n\n  withStyles,\n\n} from \"@material-ui/core\";\n// Layouts\nimport LayoutDefault from './layouts/LayoutDefault';\n\n// Views \nimport Home from './views/Home';\nimport Contact from './views/Contact'\nimport About from './views/About'\nimport Members from './views/Members'\nimport News from './views/News'\n\n// Initialize Google Analytics\n//ReactGA.initialize(process.env.REACT_APP_GA_CODE);\n\n\n// const trackPage = page => {\n//   ReactGA.set({ page });\n//   ReactGA.pageview(page);\n// };\n\nconst App = () => {\n  \n  const childRef = useRef();\n  let location = useLocation();\n\n  useEffect(() => {\n    //const page = location.pathname;\n    document.body.classList.add('is-loaded')\n    childRef.current.init();\n    //trackPage(page);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [location]);\n\n  return (\n    <ScrollReveal\n      ref={childRef}\n      children={() => (\n        <Switch>\n          <AppRoute exact path=\"/\" component={Home} layout={LayoutDefault} />\n          <AppRoute exact path=\"/kontakt\" component={Contact} layout={LayoutDefault} />\n          <AppRoute exact path=\"/o-nama\" component={About} layout={LayoutDefault} />\n          <AppRoute exact path=\"/clanovi\" component={Members} layout={LayoutDefault} />\n          <AppRoute exact path=\"/novosti\" component={News} layout={LayoutDefault} />\n          <AppRoute exact path=\"/novosti/:id\" component={News} layout={LayoutDefault} />\n          {/* <AppRoute path=\"*\" component={Home} layout={LayoutDefault} /> */}\n        </Switch>\n      )} />\n  );\n}\n\nexport default withStyles(App_style)(App);","export default (theme) => ({\n    \"@global\": {\n      \"*::-webkit-scrollbar\": {\n        width: \"0.4em\",\n      },\n      \"*::-webkit-scrollbar-track\": {\n        \"-webkit-box-shadow\": \"inset 0 0 6px rgba(0,0,0,0.00)\",\n      },\n      \"*::-webkit-scrollbar-thumb\": {\n        backgroundColor: \"rgba(6.7, 47.1, 74.9)\",\n        //  outline: \"1px solid slategrey\"\n      },\n    }});","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { HashRouter } from \"react-router-dom\";\n//import { createBrowserHistory } from \"history\";\n\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\n//import './App.css';\nimport './assets/scss/style.scss';\n\nimport MessengerCustomerChat from 'react-messenger-customer-chat';\n\n\n//const history = createBrowserHistory();\n\nReactDOM.render(\n  <HashRouter >\n    <App />\n    <MessengerCustomerChat\n    pageId=\"296289693903535\"\n    appId=\"766656357333859\"\n  />\n  </HashRouter>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}