Web Components é uma forma nativa que criar elementos reutilizáveis em aplicações web
Estrutura HTML simples e com elementos nativos
Guilherme Teodoro guilherme-teodoro
guilherme-teodoro
/ tedtalk.md
Created
January 17, 2020 14:45
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background: #191919; | |
| color: white; | |
| } | |
| h1 { | |
| color: white; | |
| } | |
| .nav__bar { |
guilherme-teodoro
/ keybase.md
Created
January 29, 2019 19:44
I hereby claim:
- I am guilherme-teodoro on github.
- I am glhrm (https://keybase.io/glhrm) on keybase.
- I have a public key ASBPxbnoDlXDB6IH3c7pzMzelGrnndY_6Is7gIGpfGydwQo
To claim this, I am signing this object:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (:require | |
| ;; .... | |
| ["@absinthe/socket" :as absinthe] | |
| ["phoenix" :as phoenix]) | |
| (defn create-absinthe-socket | |
| [] | |
| (let [protocol (if (= (.-protocol js/location) "http:") | |
| "ws:" | |
| "wss:") |
guilherme-teodoro
/ gist:3578fe844b9f5bde1e64f87610501088
Created
June 6, 2018 19:27
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns kitasato.components.vacation.index | |
| (:require | |
| [kitasato.components.box :as box] | |
| [kitasato.components.card :as card] | |
| [kitasato.components.container :as container] | |
| [kitasato.components.dropdown :as dropdown] | |
| [kitasato.components.grid :as grid] | |
| [kitasato.components.icon :as icon] | |
| [kitasato.components.scroll :as scroll] | |
| [kitasato.components.spacing :as spacing] |
guilherme-teodoro
/ .spacemacs.el
Created
February 22, 2018 20:22
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ;; -*- mode: emacs-lisp -*- | |
| ;; This file is loaded by Spacemacs at startup. | |
| ;; It must be stored in your home directory. | |
| (defun dotspacemacs/layers () | |
| "Configuration Layers declaration. | |
| You should not put any user code in this function besides modifying the variable | |
| values." | |
| (setq-default | |
| ;; Base distribution to use. This is a layer contained in the directory |
guilherme-teodoro
/ gist:0ffe51019b854238509c8992142e9635
Created
November 10, 2017 17:10
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@jumpn/utils-composite"),require("phoenix"),require("@jumpn/utils-array"),require("@jumpn/utils-graphql"),require("zen-observable")):"function"==typeof define&&define.amd?define(["exports","@jumpn/utils-composite","phoenix","@jumpn/utils-array","@jumpn/utils-graphql","zen-observable"],t):t(n.AbsintheSocket={},n.utilsComposite,n.phoenix,n.utilsArray,n.utilsGraphql,n.Observable)}(this,function(n,t,r,i,e,o){"use strict";function u(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}function c(n,t){return t={exports:{}},n(t,t.exports),t.exports}o=o&&o.hasOwnProperty("default")?o.default:o;var s=u(c(function(n,t){t.__esModule=!0,t.default=function(n,t){if(n!==t)throw new TypeError("Cannot instantiate an arrow function")}})),f=function(n,r,i){return s(this,void 0),n.find(t.hasIn([r],i))}.bind(void 0),d=function(n,t){return s(this,void 0),function(r){return s(this,void 0),function(){for(var i=a |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ### Keybase proof | |
| I hereby claim: | |
| * I am guilherme-teodoro on github. | |
| * I am guilhermeteodoro (https://keybase.io/guilhermeteodoro) on keybase. | |
| * I have a public key ASDjgUmJvu1GAQAses8nYeuI7rHXF60Zq2uUtsXv_jmkywo | |
| To claim this, I am signing this object: |
guilherme-teodoro
/ react-tether.js
Created
September 8, 2017 19:37
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! | |
| * React Tether 0.5.7 | |
| * https://github.com/souporserious/react-tether | |
| * Copyright (c) 2017 React Tether Authors | |
| */ | |
| window["TetherComponent"] = | |
| /******/ (function(modules) { // webpackBootstrap | |
| /******/ // The module cache | |
| /******/ var installedModules = {}; |
guilherme-teodoro
/ *scratch*.txt
Created
July 14, 2017 18:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no"> | |
| <link rel="shortcut icon" type="image/png" href="/favicon.ico"/> | |
| <title>Xerpa - Style Guide</title> | |
| <link rel="stylesheet" href="app.css"> | |
| </head> |