WordCloud index.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43  
 
 
 
 
 
2x
 
2x
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { Link, withPrefix } from "gatsby";
 
import * as style from "./index.module.scss";
 
const placeHolder =
  "data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7";
 
const WordCloud = () => (
  <div className={style.wordcloud}>
    <p>
      <span className="icon-cloud" />
      &nbsp;WordCloud
    </p>
    <Link to={withPrefix("about#wordcloud")}>
      <picture>
        <source
          className="lozad"
          media="(min-width: 992px)"
          srcSet={placeHolder}
          data-srcset="https://raw.githubusercontent.com/tubone24/auto_tweet_wordcloud/master/word_cloud_blog.webp"
          type="image/webp"
        />
        <source
          className="lozad"
          media="(max-width: 991px)"
          srcSet={placeHolder}
          type="image/gif"
        />
        <img
          className="lozad"
          src={placeHolder}
          data-src="https://raw.githubusercontent.com/tubone24/auto_tweet_wordcloud/master/word_cloud_blog.png"
          alt="wordCloud"
          title="wordCloud"
        />
      </picture>
    </Link>
  </div>
);
 
export default WordCloud;