{"version":3,"sources":["webpack://gatsby-casper/./src/pages/toolbox.tsx"],"names":["PageTemplate","css","colors","className","SiteHeader","SiteArchiveHeader","outer","SiteNavMain","inner","isHome","id","SiteMain","PostFull","NoImage","PostFullHeader","PostFullTitle","PostFullCustomExcerpt","href","rel","target"],"mappings":"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","file":"component---src-pages-toolbox-tsx-75ac656f600aaffc8647.js","sourcesContent":["import React from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport { css } from '@emotion/react';\n\nimport { Footer } from '../components/Footer';\nimport SiteNav from '../components/header/SiteNav';\nimport { PostFullContent } from '../components/PostContent';\nimport { Wrapper } from '../components/Wrapper';\nimport IndexLayout from '../layouts';\nimport {\n  inner,\n  outer,\n  SiteArchiveHeader,\n  SiteHeader,\n  SiteMain,\n  SiteNavMain,\n} from '../styles/shared';\nimport {\n  NoImage,\n  PostFull,\n  PostFullHeader,\n  PostFullTitle,\n  PostFullCustomExcerpt,\n} from '../templates/post';\nimport { colors } from '../styles/colors';\n\nconst PageTemplate = css`\n  .site-main {\n    margin-top: 64px;\n    padding-bottom: 4vw;\n    background: #fff;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .site-main {\n      /* background: var(--darkmode); */\n      background: ${colors.darkmode};\n    }\n  }\n`;\n\nconst Toolset: React.FC = () => (\n  <IndexLayout>\n    <Helmet>\n      <title>Toolbox</title>\n    </Helmet>\n    <Wrapper css={PageTemplate}>\n      <header className=\"site-archive-header no-image\" css={[SiteHeader, SiteArchiveHeader]}>\n        <div css={[outer, SiteNavMain]}>\n          <div css={inner}>\n            <SiteNav isHome={false} />\n          </div>\n        </div>\n      </header>\n      <main id=\"site-main\" className=\"site-main\" css={[SiteMain, outer]}>\n        <div css={inner}>\n          <article className=\"post page\" css={[PostFull, NoImage]}>\n            <PostFullHeader className=\"post-full-header\">\n              <PostFullTitle className=\"post-full-title\">Toolbox</PostFullTitle>\n              <PostFullCustomExcerpt className=\"post-full-custom-excerpt\">\n                poniżej znajdziesz listę narzędzi i sprzętu z którego korzystam na codzień\n              </PostFullCustomExcerpt>\n            </PostFullHeader>\n\n            <PostFullContent className=\"post-full-content\">\n              <div className=\"post-content\">\n                <h2>Sprzęt</h2>\n                <p>\n                  <ul>\n                    <li>\n                      <strong>MacBook Pro 16 2019</strong> - i9, 16 GB DDR4\n                    </li>\n                    <li>\n                      <strong>Dell U2718Q</strong> - monitor\n                    </li>\n                    <li>\n                      <strong>LG 27UL850-W</strong> - monitor z Power Delivery\n                    </li>\n                    <li>\n                      <strong>Synology DS920+</strong> - NAS\n                    </li>\n                    <li>\n                      <strong>YubiKey 5C NFC</strong> - sprzętowe klucze U2F/FIDO 2\n                    </li>\n                  </ul>\n                </p>\n                <h2>Dokumentacja/notatki</h2>\n                <p>\n                  <ul>\n                    <li>\n                      <a href=\"https://whimsical.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Whimsical</strong>\n                      </a>{' '}\n                      - tworzenie diagramów stanu czy przepływów, dokumentowanie\n                    </li>\n                    <li>\n                      <a href=\"https://www.notion.so/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Notion</strong>\n                      </a>{' '}\n                      - notatki na sterydach\n                    </li>\n                    <li>\n                      <a href=\"https://www.figma.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Figma</strong>\n                      </a>{' '}\n                      - tworzenie makiet i prototypów aplikacji\n                    </li>\n                  </ul>\n                </p>\n                <h2>Programowanie</h2>\n                <p>\n                  <ul>\n                    <li>\n                      <a href=\"https://code.visualstudio.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>VS Code</strong>\n                      </a>{' '}\n                      - solidny darmowy edytor\n                    </li>\n                    <li>\n                      <a\n                        href=\"https://www.jetbrains.com/datagrip/\"\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                      >\n                        <strong>DataGrip</strong>\n                      </a>{' '}\n                      - IDE do pracy z bazami danych, współpracuje z wieloma silnikami, podpowiada\n                      składnie, pozwala sprawnie zarządzać zapytaniami\n                    </li>\n                    <li>\n                      <a href=\"https://insomnia.rest/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Insomnia</strong>\n                      </a>{' '}\n                      - obok Postmana jedno z najpopularniejszych narzędzi do pracy z Rest API\n                    </li>\n                    <li>\n                      <a href=\"https://www.postman.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Postman</strong>\n                      </a>{' '}\n                      - testowanie, tworzenie zapytań, praca z wieloma środowiskami. Staram się\n                      wybierać Insomnie kiedy to możliwe - ze względu na prostszy interfejs.\n                    </li>\n                    <li>\n                      <a href=\"https://hyper.is/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Hyper</strong>\n                      </a>{' '}\n                      - nowoczesny terminal, zbudowany na frameworku electron - wspiera wtyczki\n                    </li>\n                  </ul>\n                </p>\n                <h2>Produktywność</h2>\n                <p>\n                  <ul>\n                    <li>\n                      <a\n                        href=\"https://en.wikipedia.org/wiki/Calendar_(Apple)\"\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                      >\n                        <strong>Apple Calendar</strong>\n                      </a>{' '}\n                      - zarządzanie kalendarzem i spotkaniami\n                    </li>\n                    <li>\n                      <a\n                        href=\"https://en.wikipedia.org/wiki/Apple_Mail\"\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                      >\n                        <strong>Apple Mail</strong>\n                      </a>{' '}\n                      - zarządzanie pocztą. Próbowałem pracoważ z Shift czy Outlook ale domyślny\n                      klient pocztowy Apple najbardziej przypadł mi do gustu.\n                    </li>\n                    <li>\n                      <a href=\"https://todoist.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Todoist</strong>\n                      </a>{' '}\n                      - zarządzanie codziennymi zadaniami\n                    </li>\n                    <li>\n                      <a\n                        href=\"https://www.atlassian.com/software/jira\"\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                      >\n                        <strong>Jira</strong>\n                      </a>{' '}\n                      - organizacja pracy na projektach\n                    </li>\n                    <li>\n                      <a href=\"https://github.com/Laureian\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>GitHub</strong>\n                      </a>{' '}\n                      - miejsce do przechowywania kodu\n                    </li>\n                    <li>\n                      <a href=\"https://1password.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>1Password</strong>\n                      </a>{' '}\n                      - zarządzanie hasłami\n                    </li>\n                    <li>\n                      <a href=\"https://endel.io/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Endel</strong>\n                      </a>{' '}\n                      - muzyka która pomaga mi się skupić\n                    </li>\n                  </ul>\n                </p>\n                <h2>Frameworki/Języki</h2>\n                <p>\n                  <ul>\n                    <li>\n                      <a href=\"https://typescriptlang.org/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Typescript</strong>\n                      </a>{' '}\n                      - JavaScript ze składnią dla typów.\n                    </li>\n                    <li>\n                      <a href=\"https://reactjs.org/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>React</strong>\n                      </a>{' '}\n                      - świetna biblioteka do budowania rozwiązań frontendowych\n                    </li>\n                    <li>\n                      <a href=\"https://emotion.sh/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Emotion</strong>\n                      </a>{' '}\n                      - CSS-in-JS\n                    </li>\n                    <li>\n                      <a href=\"https://nestjs.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Nest</strong>\n                      </a>{' '}\n                      - framework Node.js do budowania rozwiązań server-side. Z pudełka posiada\n                      wszystko co dla mnie potrzebne: TypeScript, Dependency Injection, walidację etc.\n                    </li>\n                  </ul>\n                </p>\n                <h2>Hosting</h2>\n                <p>\n                  <ul>\n                    <li>\n                      <a href=\"https://www.netlify.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Netlify</strong>\n                      </a>{' '}\n                      - hosting prostych stron\n                    </li>\n                    <li>\n                      <a href=\"https://retool.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Retool</strong>\n                      </a>{' '}\n                      - tworzenie aplikacji administracyjnych dla organizacji non-profit dla\n                      której pomagam\n                    </li>\n                    <li>\n                      <a href=\"https://strapi.io/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Strapi</strong>\n                      </a>{' '}\n                      - headless CMS - pozwala szybko stworzyć strukturę treści i udostępnia podstawowe\n                      api i panel do zarządania nimi\n                    </li>\n                    <li>\n                      <a href=\"https://www.gatsbyjs.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Gatsby</strong>\n                      </a>{' '}\n                      - generowanie statycznych, szybkich stron z dobrym SEO\n                    </li>\n                    <li>\n                      <a href=\"https://www.ovhcloud.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>OVHcloud</strong>\n                      </a>{' '}\n                      - używam tylko i wyłącznie do zakupu domen\n                    </li>\n                    <li>\n                      <a href=\"https://aws.amazon.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>AWS</strong>\n                      </a>{' '}\n                      - używam w pracy do hostowania usług\n                    </li>\n                    <li>\n                      <a href=\"https://azure.microsoft.com/\" rel=\"noreferrer\" target=\"_blank\">\n                        <strong>Microsoft Azure</strong>\n                      </a>{' '}\n                      - hostowanie usług dla organizacji non-profit dla której pomagam.\n                      Mają świetne programy grantowe dla organizacji.\n                    </li>\n                  </ul>\n                </p>\n              </div>\n            </PostFullContent>\n          </article>\n        </div>\n      </main>\n      <Footer />\n    </Wrapper>\n  </IndexLayout>\n);\n\nexport default Toolset;\n"],"sourceRoot":""}