Mario Souto omariosouto

## ButtonLink.js
import React from 'react';
import PropTypes from 'prop-types';

function ButtonLink({ className, href, children }) {
  return (
    <a className={className} href={href}>
      {children}
    </a>
  );
}

## GlobalStyles.tsx
// Onde aprender base de CSS? https://www.youtube.com/watch?v=alqWVx0p3U0
const basePadding = "5%";
// Como dar bons nomes de classes no CSS?
// https://www.alura.com.br/artigos/criando-componentes-css-com-padrao-bem
// E o tailwind? É só traduzir o CSS para Tailwind: https://tailwindcss.com/

// Referências para tamanhos de Breakpoints: https://tailwindcss.com/docs/screens
const breakpoint = "850px";


## crud.js
console.log('Olá pessoas!');
console.log('#ConstruindoCRUDS');

// [CRUD] JavaScript BÁSICO
const miniTwitter = {
    usuarios: [
        {
            username: 'omariosouto',
        }
    ],

## gist:5081f13a98514583156db69868934bc6
1. `yarn add husky -D`
2. Adiciona no package.json: `"prepare": "husky install"`
3. roda `yarn prepare`
4. Adiciona o comando `npx husky add .husky/pre-commit "yarn lint:fix"`

====================================================

5. Lint staged
- instala `yarn add lint-staged -D`
- Ajusta pra rodar

## infinitty-scroll.js
import { useEffect, useState } from 'react';
import { createGlobalStyle } from 'styled-components'


const GlobalStyle = createGlobalStyle`
  body {
    font-family: sans-serif;
  }

  main {

## gist:37f03c0ca59cb15d6d0b9ef8d674f983

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                omariosouto
                / gist:37f03c0ca59cb15d6d0b9ef8d674f983
            
            
              Last active
              June 15, 2023 11:50
            
              
                #195 - Links do Vídeo
              
          
    how many wordpress websites exist in 2023 - Pesquisa Google
https://www.google.com/search?q=how+many+wordpress+websites+exist+in+2023&oq=how+many+wordpress+websites+exist+in+2023&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIICAEQABgWGB4yCAgCEAAYFhgeMggIAxAAGBYYHtIBCDgzMzVqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8
2023's Best Selling Themes on ThemeForest
https://themeforest.net/top-sellers
Hipsters Ponto Tech - Discussões acaloradas sobre startups, programação, ux, gadgets e as últimas tendências em tecnologia.Hipsters Ponto Tech
https://www.hipsters.tech/
Wu7iK.png (1453×1443)

  
## links.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                omariosouto
                / links.md
            
            
              Created
              May 31, 2023 12:20
            
              
                #DevSoutinho React além da Web e dos Apps! 10 anos de React, possibilidades em 2023
              
          
    React
https://react.dev/
Next.js by Vercel - The React Framework
https://nextjs.org/
React Email
https://react.email/
Examples — React Email

  
## aes-cbc.py
#!/usr/bin/env python3
#
# This is a simple script to encrypt a message using AES
# with CBC mode in Python 3.
# Before running it, you must install pycryptodome:
#
# $ python -m pip install PyCryptodome
#
# Author.: José Lopes
# Date...: 2019-06-14

## setup.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                omariosouto
                / setup.md
            
            
              Last active
              November 11, 2022 13:11
            
              
                Camera and Audio setup for external recording
              
          
    Go Pro Setup


GoPro Hero 10

https://www.amazon.com/GoPro-HERO10-Black-Waterproof-Stabilization/dp/B09QD75B95/ref=sr_1_2_sspa?keywords=go+pro+hero+10&qid=1668034749&sr=8-2-spons&ufe=app_do%3Aamzn1.fos.c3015c4a-46bb-44b9-81a4-dc28e6d374b3&psc=1


Media Mod

https://www.amazon.com/Media-Mod-HERO9-Black-Accessory/dp/B08FRSB1CM/ref=sr_1_3?crid=1NSP6YV1MT182&keywords=gopro+media+mod&qid=1668034763&sprefix=gopro+media+mo%2Caps%2C205&sr=8-3&ufe=app_do%3Aamzn1.fos.006c50ae-5d4c-4777-9bc0-4513d670b6bc


Allow you to attach a microphone (Rode Wireless) and light to the GoPro

Iphone Setup


DJI OM6
https://www.amazon.com/DJI-Smartphone-Stabilizer-Extension-ShotGuides/dp/B0B7XD7R43/ref=sr_1_1_sspa?keywords=dji+om+6&amp;qid=1668034802&amp;sprefix=dji+om%2Caps%2C201&amp;sr=8-1-spons&amp;psc=1


## FAQScreen.js
import Footer from '../../components/patterns/Footer';
import Link from '../../components/Link';
import { theme } from '../../theme/theme';
import { Box, Text } from '../../theme/components';

export default function FAQScreen({ faq }) {
  return (
    <Box
      styleSheet={{
        backgroundColor: theme.colors.neutral["050"]
	import React from 'react';
	import PropTypes from 'prop-types';

	function ButtonLink({ className, href, children }) {
	return (
	<a className={className} href={href}>
	{children}
	</a>
	);
	}
	// Onde aprender base de CSS? https://www.youtube.com/watch?v=alqWVx0p3U0
	const basePadding = "5%";
	// Como dar bons nomes de classes no CSS?
	// https://www.alura.com.br/artigos/criando-componentes-css-com-padrao-bem
	// E o tailwind? É só traduzir o CSS para Tailwind: https://tailwindcss.com/

	// Referências para tamanhos de Breakpoints: https://tailwindcss.com/docs/screens
	const breakpoint = "850px";
	console.log('Olá pessoas!');
	console.log('#ConstruindoCRUDS');

	// [CRUD] JavaScript BÁSICO
	const miniTwitter = {
	usuarios: [
	{
	username: 'omariosouto',
	}
	],
	1. `yarn add husky -D`
	2. Adiciona no package.json: `"prepare": "husky install"`
	3. roda `yarn prepare`
	4. Adiciona o comando `npx husky add .husky/pre-commit "yarn lint:fix"`

	====================================================

	5. Lint staged
	- instala `yarn add lint-staged -D`
	- Ajusta pra rodar
	import { useEffect, useState } from 'react';
	import { createGlobalStyle } from 'styled-components'


	const GlobalStyle = createGlobalStyle`
	body {
	font-family: sans-serif;
	}

	main {
	#!/usr/bin/env python3
	#
	# This is a simple script to encrypt a message using AES
	# with CBC mode in Python 3.
	# Before running it, you must install pycryptodome:
	#
	# $ python -m pip install PyCryptodome
	#
	# Author.: José Lopes
	# Date...: 2019-06-14
	import Footer from '../../components/patterns/Footer';
	import Link from '../../components/Link';
	import { theme } from '../../theme/theme';
	import { Box, Text } from '../../theme/components';

	export default function FAQScreen({ faq }) {
	return (
	<Box
	styleSheet={{
	backgroundColor: theme.colors.neutral["050"]