README.pug

.
  <!-- ** Compiled from README.pug ** -->

  Hey! I'm a full-stack web developer with a range of open-source and hobby experience. I have a passion for finding novel and correct solutions to problems both in software and design. Interested in building for employers and/or clients while further developing my technical skills.

  I have a [website](http://rubytree33.github.io/) with [source here](https://github.com/rubytree33/rubytree33.github.io).

  Reach me here or at [LinkedIn](https://www.linkedin.com/in/rubytree33/).

- const modeString = mode => mode ? `#gh-${mode}-mode-only` : ''

- const logoName = name => name === 'VS Code' ? 'VisualStudioCode' : name.replaceAll(' ','')

mixin badge(name, color, logoColor, link, mode)
  a(href= link + modeString(mode))
    img(src= `https://img.shields.io/badge/${name.replaceAll(' ','_')}-${color}?style=for-the-badge&logo=${logoName(name)}&logoColor=${logoColor}` + modeString(mode))
  |
  |

mixin badgeInvert(name, link)
  +badge(name, '111111', 'white', link, 'light')
  +badge(name, 'EEEEEE', 'black', link, 'dark')

  //- +badge('HTML5',         'DF4C30', 'white', 'https://html.spec.whatwg.org/multipage/')
  //- +badge('CSS3',          '2952DB', 'white', 'https://www.w3.org/Style/CSS/')
  //- +badge('JavaScript',    'F1D939', 'black', 'https://262.ecma-international.org/')
  //- +badge('git',           'F24E32', 'white', 'https://git-scm.com/')
  //- +badge('Node.js',       '0D6D0E', 'white', 'https://nodejs.org/en/')

p
  +badge('TypeScript',    '1967C0', 'white', 'https://www.typescriptlang.org/')
  +badge('Solid',         '446b9e', 'white', 'https://www.solidjs.com/')
  +badge('Tailwind CSS',  '41BEF5', 'white', 'https://tailwindcss.com/')
  +badge('Sass',          'C36493', 'white', 'https://sass-lang.com/')
  +badge('Vite',          '646cff', 'white', 'https://vitejs.dev/')

p
  +badge('React',         '149ECA', 'white','https://reactjs.org/')
  +badge('Redux',         '764EB9', 'white', 'https://redux.js.org/')
  +badge('Preact',        '673ab8', 'white', 'https://preactjs.com/')
  +badge('pug',           'E8C7A2', 'black', 'https://pugjs.org/')
  +badgeInvert('Next.js', 'https://nextjs.org/')

p
  +badgeInvert('GitHub', 'https://github.com/')
  +badge('vim',           '0F7E12', 'white', 'https://www.vim.org/')
  +badge('LaTeX',         '11807F', 'white', 'https://www.latex-project.org/')
  +badge('VS Code',       '0E68B5', 'white', 'https://code.visualstudio.com/')
  +badgeInvert('Inkscape', 'https://inkscape.org/')

- const statsRepo = 'https://github.com/rubytree33/github-stats'
- const statsURL = name => `${statsRepo}/blob/master/generated/${name}.svg`

mixin stats(mode)
  a(href= statsRepo + modeString(mode))
    img(src= statsURL('overview') + modeString(mode))
    img(src= statsURL('languages') + modeString(mode))

p
  +stats('dark')
  +stats('light')