silloi

https://lh3.googleusercontent.com/a-/AOh14GiNpWMCC6v_5imY2bHaWoy3QsoJhbOLO8emQRbq#.png

自己紹介テンプレート

連絡先 | Contact

silloi1993(at)gmaii.com

所属と職業 | Current Position

パッケージチーム

フロントエンドエンジニア

学歴および職務経験 | Career

スキル | Skills

フロントエンド

DB

表計算

SEO

興味関心 | Interest

効果的なWebアプリケーションによるアーカイブの活用

最近は論語やプラトン著作などの対話篇をメッセンジャー風UIで再現することを試みている

Code for Japanのプロジェクト | Project on Code for Japan

Others | その他

シェアハウスに住んでいます

code:style.css

.deco-\{, .deco-\} {

font-size: 1em;

color: var(--assort-color) ;

background-color: var(--main-color);

padding: 0.1em 0.2em 0.1em 0.2em;

border-radius: 0.4em;

margin: auto 0.3em;

display: inline-block;

max-width: calc(100% - 100px);

vertical-align: top;

}

.deco-\{:before {

position: absolute;

margin: 0;

padding: 0;

transform: translateX(-100%) translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0 0.6em 0.6em;

border-style: solid;

border-color: var(--main-color) transparent;

}

.deco-\}:after {

/* 右寄せにしたい */

position: absolute;

margin: 0;

padding: 0;

transform: translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0.6em 0.6em 0;

border-style: solid;

border-color: var(--main-color) transparent;

}

.deco-\!:before, .deco-\!:after {

}

.deco-\{ a,

.deco-\} a {

}