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 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 | 1x 1x | 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>
<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;
|