index.html


<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.84.0">
    <title>Tokyo Hackerspace</title>
    <!-- Bootstrap core CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <!-- Favicons -->
<!--     <link rel="apple-touch-icon" href="/docs/5.0/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
    <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
    <link rel="manifest" href="/docs/5.0/assets/img/favicons/manifest.json">
    <link rel="mask-icon" href="/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
    <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon.ico">
    <meta name="theme-color" content="#7952b3"> -->

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>

    
    <!-- Custom styles for this template -->
    <link href="https://fonts.googleapis.com/css?family=Playfair&#43;Display:700,900&amp;display=swap" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="blog.css" rel="stylesheet">
  </head>
  <body>
    <header class="container">
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#"><img src="./thslogo.svg" style="width: 50%"></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="/">ホームページ<br> Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://www.meetup.com/TokyoHackerSpace/" target="_blank" rel=”nofollow noreferrer noopener">イベント<br> Events</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#access">アクセス<br> Access</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://github.com/TokyoHackerspace/Tokyo-HackerSpace-documentation/wiki/Community#user-content-join"  target="_blank" rel=”nofollow noreferrer noopener">会員であること<br> Membership</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://github.com/TokyoHackerspace/Tokyo-HackerSpace-documentation/wiki" target="_blank" rel=”nofollow noreferrer noopener">ウィキ<br> Wiki</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>    

    <section id="main" class="container">
      <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
        <div class="col-md-6 px-0" style="height: 300px;">
<!--           <h1 class="display-4 fst-italic">Title of a longer featured blog post</h1>
          <p class="lead my-3">Multiple lines of text that form the lede, informing new readers quickly and efficiently about what’s most interesting in this post’s contents.</p>
          <p class="lead mb-0"><a href="#" class="text-white fw-bold">Continue reading...</a></p> -->
        </div>
      </div>

      <div class="row mb-2">
        <div class="col-md-12">
          <p>Tokyo Hackerspaceは、物作りが好きな人々が世界中から集まるコミュニティです。プロジェクトに向かって一緒に取り組んだり、イベントに出展したり、クラスを開催したりすることを通じて、メンバー同士で知識を共有しあっています。Tokyo Hackerspaceのメンバーには文系・理系を問わず、様々な職業・分野の人がいます。</p>
          <p>私たちは物作りに関心がある方ならどんな人でも──日本人でも、遠くはなれた母国から来た外国人でも、独身でも、結婚していても、芸術家でも、ソフトウェアエンジニアでも…──歓迎します。</p>
              
          <p>Tokyo Hackerspaceについてもっと知りたい方は、Twitterの<a href="https://twitter.com/tkohackerspace" target="_blank">@tkohackerspace</a>や、Facebookの <a href="https://www.facebook.com/groups/86614272223/" target="_blank">TokyoHackerSpace Group</a>、<a href="https://groups.google.com/forum/#!forum/tokyohackerspace" target="_blank">Google GroupのTokyoHackerSpace</a>をチェックしてみてください。</p>
        </div>
      </div>      
      <div class="row mb-2">
        <div class="col-md-6">
          <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
            <div class="col p-4 d-flex flex-column position-static">
              <h3 class="mb-0">毎週火曜日のミートアップ(会合)</h3>
              <p class="card-text mb-auto">Tokyo Hackerspaceがどんなところか、メンバーとおしゃべりしたりしながら知ることができます。どこの国籍でもどんな性別でもどんな言語を話すかも、問題ではありません。なお18歳未満の人は、保護者と同行下さい。</p>
              <a href="https://www.meetup.com/TokyoHackerSpace/" class="stretched-link">See more</a>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
            <div class="col p-4 d-flex flex-column position-static">
              <h3 class="mb-0">毎週水曜日のミートアップ(会合)</h3>
              <p class="card-text mb-auto">二回目の会合は日本語を話す方向けです。今、日本語勉強中という人にとっても、自分の日本語会話を練習するチャンスになります。なお18歳未満の人は、保護者と同行下さい。</p>
              <a href="https://www.meetup.com/TokyoHackerSpace/" class="stretched-link">See more</a>
            </div>
          </div>
        </div>
      </div>
      <hr class="mb-4">
      <div class="row mb-2">
        <div class="col-md-12">
          <p>Tokyo Hackerspace is a collective of like minded people from around the world who have come together to share our knowledge with each other.  This is accomplished by attending events, holding classes and working on projects together.  Our members come from all walks of life. Whether you're single, or married, artist, or software enginer, if you're a native of Japan or an expat from a land far away you will be welcomed at Tokyo Hackerspace.</p>

          <p>If you are interested in learning more about what Tokyo Hackerspace has to offer you can start by following <a href="https://twitter.com/tkohackerspace" target="_blank">@tkohackerspace</a> on Twitter, joining the Facebook  <a href="https://www.facebook.com/groups/86614272223/" target="_blank">TokyoHackerSpace Group</a>, and joining the <a href="https://join.slack.com/t/tokyo-hackerspace/shared_invite/enQtNjA0MjI2NzM3NDkwLTRmNzM3ZmY5NDYyNTk0NGNjYzNkZDJlMjBhMTMxMDdjMTZkYmQ1NDU3NWQxZjNkMjk2MzQ1MTIwYTU3YWU0ZDk" target="_blank">Slack Channel</a> which is where members are most active.</p>
        </div>
      </div>

      <div class="row mb-2">
        <div class="col-md-6">
          <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
            <div class="col p-4 d-flex flex-column position-static">
              <h3 class="mb-0">Weekly Tuesday Meetup</h3>
              <p class="card-text mb-auto">We encourage you to come and hang out with members and find out what Tokyo Hackerspace is all about. All are welcome no matter what nationality, gender or language. People under 18 must be accompanied by a legal guardian.</p>
              <a href="https://www.meetup.com/TokyoHackerSpace/" class="stretched-link">See more</a>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
            <div class="col p-4 d-flex flex-column position-static">
              <h3 class="mb-0">Weekly Wednesday Meetup</h3>
              <p class="card-text mb-auto">Our second weekly meetup for our Japanese speaking members, and friends. A good opportunity to practice your conversational Japanese. People under 18 must be accompanied by a legal guardian.</p>
              <a href="https://www.meetup.com/TokyoHackerSpace/" class="stretched-link">See more</a>
            </div>
          </div>
        </div>
        <!-- <div class="col-md-6">
          <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
            <div class="col p-4 d-flex flex-column position-static">
              <strong class="d-inline-block mb-2 text-success">Design</strong>
              <h3 class="mb-0">Post title</h3>
              <div class="mb-1 text-muted">Nov 11</div>
              <p class="mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
              <a href="#" class="stretched-link">Continue reading</a>
            </div>
            <div class="col-auto d-none d-lg-block">
              <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>

            </div>
          </div>
        </div> -->
      </div>
    </section>

    <section id="access" class="container">
      <h2>アクセス | Access</h2>
      <div class="col-md-12 mb-4">
        <iframe src="./map.html" style="width: 100%; height: 500px; border: 0px"></iframe>
      </div>
      <div class="row mb-2">
        <div class="col-md-6 mb-2">
          <h5>場所</h5>
          <p>Tokyo Hackespaceは東武東上線中板橋駅(池袋から各停で7分)の近くにあります</p>
            
          <p>住所: 〒173-0021東京都板橋区弥生町40-7</p>
          <br>
          <h5>駅からの行き方</h5>
          <ol>
            <li>池袋駅から東武東上線の各停に乗る。(4,5番ホーム)</li>
            <li>中板橋駅で南口に出る</li>
            <li>駅前の通りを右方向に進む</li>
            <li>ラーメン「まつおぶし」の角を右に曲がる</li>
            <li>その直後に左折できる角があります。ここでまっすぐ進むか、左折かどちらでも行けます。<br><br>
              <ul>
                <li>真っすぐ進む場合、川に突き当たるまで歩きます。川に突き当たったら、橋を渡らずに川沿いを左に曲がります。 川沿いの角から4番目の建物がTHSです。</li>
                <li>左に曲がる場合、曲がって次の角を右に曲がります。 そのまま川に突き当たるまで直進すると、川沿いの角右手がTHSです。</li>
              </ul>
            </li>
          </ol>  
        </div>
        <div class="col-md-6 mb-2">
          <h5>Location</h5>
          <p>Tokyo Hackerspace is conveniently located near Naka-itabashi which is a 15 minute train ride on the Tobu Tojo Line from Ikebukuro Station.</p>
            
          <p>Our address is:
            〒173-0021 Tōkyō-to, Itabashi-ku, Yayoichō, 40−7</p>
          <p>In Japanese: 〒173-0021東京都板橋区弥生町40-7</p>
          <br>
          <h5>Directions</h5>
          <ol>
            <li>From Ikebukuro, take Tobu Tojo local line to Naka-Itabashi station. Typically leaving from Track 4 or 5.</li>
            <li>At Naka-Itabashi Station, please use the SOUTH exit.</li>
            <li>Turn RIGHT at the street in front of the bicycle park.</li>
            <li>At ”Matsuobushi Ramen/Doli Asian Restaurant” turn RIGHT</li>
            <li>Now you have a choice!<br><br>
              <ul>
                <li>Follow this street all the way to the river. There is a bridge in front of you crossing a river. Do not cross the river.  Instead turn LEFT. We are the 4th building (the one on the corner)</li>
                <li>Or, Follow this street until the 3rd LEFT. Turn here. At the next cross street, turn right. Follow it to the river. We are right on the corner, on the right side.</li>
              </ul>
            </li>
          </ol>  
        </div>
      </div>
    </section>

    <footer class="blog-footer container">
      <p>
        <a href="#">トップに戻る | Return to top</a>
      </p>
    </footer>

  </body>
</html>