guilherme-teodoro

### 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

!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

guilherme-teodoro

;; -*- 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

(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

(:require
  ;; ....
  ["@absinthe/socket" :as absinthe]
  ["phoenix" :as phoenix])

(defn create-absinthe-socket
  []
  (let [protocol        (if (= (.-protocol js/location) "http:")
                          "ws:"
                          "wss:")

guilherme-teodoro

Keybase proof

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:

guilherme-teodoro

body {
    background: #191919;
    color: white;
}

h1 {
    color: white;
}

.nav__bar {

guilherme-teodoro

Shadow DOM e Web components

Web Components é uma forma nativa que criar elementos reutilizáveis em aplicações web

Elementos nativos

Estrutura HTML simples e com elementos nativos

guilherme-teodoro

(ns reacao.cola)

;; primeiro examplo
(defn e
  [el props & children]
  (apply js/React.createElement el (clj->js props) children))

(defn mount
  []
  (js/ReactDOM.render

guilherme-teodoro

set $mod Mod1

new_window pixel 1
new_float normal

hide_edge_borders none

bindsym $mod+u border none
bindsym $mod+y border pixel 1
bindsym $mod+n border normal