Skip to content

Instantly share code, notes, and snippets.

View omariosouto's full-sized avatar

Mario Souto omariosouto

6.7k followers · 64 following
View GitHub Profile
@omariosouto
omariosouto / GlobalStyles.tsx
Created August 17, 2023 22:45
Codigo da Live: CRUD com Qualidade implementando o CSS
// 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";
@omariosouto
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)

@omariosouto
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
@omariosouto
omariosouto / setup.md
Last active November 11, 2022 13:11
Camera and Audio setup for external recording
@omariosouto
omariosouto / crud.js
Created April 26, 2022 22:39
#Construindo Cruds - Video 01
console.log('Olá pessoas!');
console.log('#ConstruindoCRUDS');
// [CRUD] JavaScript BÁSICO
const miniTwitter = {
usuarios: [
{
username: 'omariosouto',
}
],
@omariosouto
omariosouto / FAQScreen.js
Created December 7, 2021 11:05
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"]
@omariosouto
omariosouto / alura-cases-faq.json
Last active December 6, 2021 00:41
[
{
"question": "Quem tem acesso?",
"answer": "Vestibulum efficitur purus molestie lorem pellentesque cursus. Ut dignissim vestibulum fringilla. Fusce in blandit risus. Aliquam leo leo, congue eget cursus ut, ornare ut nunc. Proin eu magna ut lacus mattis blandit in quis orci. Aliquam blandit, dolor non placerat sagittis, nibh mauris tempor dolor, id ullamcorper diam erat quis mi. Ut sollicitudin neque eu augue laoreet, eu vestibulum nunc convallis. Aenean aliquam augue tellus, non commodo mauris tempor ultrices. Nullam dignissim pharetra lectus ut consequat. Donec eu enim sit amet turpis consectetur pharetra. Pellentesque semper egestas convallis. In mauris velit, tempor ultricies enim id, vehicula molestie ipsum. Donec sed lorem malesuada, hendrerit dolor a, lacinia sapien. Aenean at tristique diam. Maecenas dignissim eros a odio pulvinar porta."
},
{
"question": "Existe algum certificado?",
"answer": "Vestibulum efficitur purus molestie lorem pellentesque cursus. Ut dignissim vestibul
@omariosouto
omariosouto / aes-cbc.py
Last active April 17, 2023 02:49 — forked from lopes/aes-cbc.py
Simple Python example of AES in CBC mode.
#!/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
@omariosouto
omariosouto / gist:5081f13a98514583156db69868934bc6
Created August 4, 2021 16:48
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
@omariosouto
omariosouto / infinitty-scroll.js
Created July 14, 2021 15:50
import { useEffect, useState } from 'react';
import { createGlobalStyle } from 'styled-components'
const GlobalStyle = createGlobalStyle`
body {
font-family: sans-serif;
}
main {