2020-05-10 にっき

NetlifyとGitHub連携してmasterにpushすると自動でデプロイされるようになった、GitHub Actionsで何かやる必要はなかった。(テスト書いたら必要そうだけどテストないので)

github.com

サブドメインも雑にCNAMEするだけでいけた、べんり

textures.hanach.in

---

ぺんさんがruby-jpに色々貼ってていい感じだった

// from tompng https://ruby-jp.slack.com/archives/CM2UUJ0N6/p1589085265270600
const Antialiasing = styled.div`
  border-radius: 4px;
  background: repeating-linear-gradient(50deg, transparent 0, red 0.25px, red 10px, transparent 10.25px, transparent 20px);
`;
const NonAntialiasing = styled.div`
  border-radius: 4px;
  background: repeating-linear-gradient(50deg, transparent 0, red 0, red 10px, transparent 10px, transparent 20px);
`;
// from tompng https://ruby-jp.slack.com/archives/CT4LD4TB3/p1589106566068700
const SierpinskiGasket = styled.div`
  border-radius: 4px;
  background: 0 0 / 2px 2px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 4px 4px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 8px 8px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 16px 16px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 32px 32px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 64px 64px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 128px 128px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 256px 256px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 512px 512px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 1024px 1024px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 2048px 2048px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 4096px 4096px linear-gradient(-45deg, #fe0000 50%, transparent 0);
`;

---

CSSわからないのがわかる。

矢柄かこうとして意味わからなくなったがなんとかできて、そのあとカスタムプロパティでいい感じにいじれるようにしようと改変したらわけがわからなくなって気づいたら朝、寝ます。

一応できた...