All files / src/pages about.tsx

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { Component } from "react";
import Header from "@/components/Header";
import Sidebar from "@/components/Sidebar";
import Content from "@/components/Content";
import ShareBox from "@/components/ShareBox";
import SEO from "@/components/SEO";
import * as style from "./about.module.scss";
 
const html = `
  <h1>Who am I?</h1>
  <img src="https://i.imgur.com/VUti8s3m.png" alt="tubone" title="tubone">
  <span  style="font-size: xx-large; color: #0bbf00; "><b>tubone</b></span> &nbsp; (29)
  <p>はじめまして。<b>tubone</b>と申します。</p>
  <p>本業のソフトウェア開発をやる傍ら、写真と音楽をやっています。</p>
  <p>何事も好奇心で始めるタイプです。</p>
  <br />
  <div id="toc_container">
  <b><p class="toc_title">Contents</p></b>
  <ul class="toc_list">
  <li><a href="#aboutblog">1 このブログについて</a></li>
  <li><a href="#wordcloud">2 WordCloud</a></li>
</ul>
</div>
  <h2 id="aboutblog">このブログについて</h2>
  <p>このブログは・・・</p>
  <img src="/assets/logo3.svg" alt="logo" title="logo">
  <p>ぼやきという言葉は常々マイナスに捉えられがちですが実はアイディアややる気の源泉だったりします。</p>
  <p>そんな源泉になるようなことを届けられるブログしていきます。</p>
  <h2 id="wordcloud">WordCloud</h2>
  <p>
    <a href="https://github.com/tubone24/auto_tweet_wordcloud/actions?query=workflow%3A%22Generate+Word+Cloud%22">
      GitHub Actions
    </a>と
    <a href="https://amueller.github.io/word_cloud/">WordCloud for Python</a>作ったWordCloud</p>
  <img src="https://raw.githubusercontent.com/tubone24/auto_tweet_wordcloud/master/word_cloud_blog_large.png" alt="wordcloud" title="wordcloud">
`;
 
class About extends Component {
  render() {
    return (
      <div className={style.post + " row order-2"}>
        <Header
          img="https://i.imgur.com/6B7WC7D.jpg"
          title="Who is tubone?"
          authorName="tubone"
          authorImage={true}
          subTitle="Why do I write this blog?"
        />
        <Sidebar />
        <main
          className={
            style.content + " col-xl-7 col-lg-6 col-md-12 col-sm-12 order-2"
          }
        >
          <Content post={html} />
        </main>
 
        <ShareBox url="https://tubone-project24.xyz/about" />
 
        <SEO
          title="Who is tubone?"
          url="https://tubone-project24.xyz/about"
          siteTitleAlt="tubone BOYAKI Profile"
          isPost
          description="About tubone Profile"
          tag="about"
          image="https://i.imgur.com/VUti8s3.png"
        />
      </div>
    );
  }
}
 
export default About;