index.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!DOCTYPE HTML>
  2. <!--
  3. Massively by HTML5 UP
  4. html5up.net | @ajlkn
  5. Jekyll integration by somiibo.com
  6. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  7. -->
  8. <html>
  9. <head>
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
  12. <title>Food Not Bombs - Home Page - FNB Japan</title>
  13. <meta name="description" content="Food Not Bombs is building an international community free of domination, coercion, and violence. In Japan and across the globe, we are passionate individuals working to create a better, safer, freer world.">
  14. <link rel="apple-touch-icon" sizes="180x180" href="/assets/icon/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/assets/icon/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/assets/icon/favicon-16x16.png">
  17. <link rel="manifest" href="/assets/icon/manifest.json">
  18. <link rel="mask-icon" href="/assets/icon/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/assets/icon/favicon.ico">
  20. <meta name="msapplication-config" content="/assets/icon/browserconfig.xml">
  21. <meta name="theme-color" content="#ffffff">
  22. <!-- CSS -->
  23. <link rel="stylesheet" href="/assets/css/main.css" />
  24. <noscript><link rel="stylesheet" href="/assets/css/noscript.css" /></noscript>
  25. </head>
  26. <body class="is-loading">
  27. <!-- Wrapper -->
  28. <div id="wrapper" class="fade-in">
  29. <!-- Intro -->
  30. <div id="intro">
  31. <h1>Food Not Bombs</h1>
  32. <h2>兵器ではなく、食物を</h2>
  33. <p>Building international, intersectional, non-hierarchical, and effective networks of unity and solidarity. <br />
  34. </p>
  35. <ul class="actions">
  36. <li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
  37. </ul>
  38. </div>
  39. <!-- Header -->
  40. <header id="header">
  41. <a href="/" class="logo">Food Not Bombs</a>
  42. </header>
  43. <!-- Nav -->
  44. <nav id="nav">
  45. <ul class="links">
  46. <li class=" active "><a href="/">Food Not Bombs</a></li>
  47. <li class=""><a href="/blog/">Blog</a></li>
  48. <li class=""><a href="/upcoming/">Upcoming</a></li>
  49. <li class=""><a href="/join/">Join</a></li>
  50. </ul>
  51. <ul class="icons">
  52. <li><a href="/">English</a></li>
  53. <li><a href="/feed.xml" class="icon fa-rss" rel="nofollow"><span class="label">RSS</span></a></li>
  54. </ul>
  55. </nav>
  56. <!-- Main -->
  57. <div id="main">
  58. <!-- Featured Post -->
  59. <article class="post featured">
  60. <header class="major">
  61. <h2><a href="/join/">Food Not Bombs is Building Networks of Solidarity</a></h2>
  62. <p>FNB Japan is part of a larger global movement; since 1981, Food Not Bombs has been fighting war &amp; poverty. <br />
  63. Food Not Bombs is inclusive, intersectional, nonviolent, non-hierarchical, and dedicated to establishing invaluable revolutionary infrastructure. <br />
  64. <b>Please come along and join us for a free vegan meal!</b></p>
  65. </header>
  66. <a href="/join/" class="image main"><img src="/images/pic01.jpg" alt="Picture of two people painting a Food Not Bombs banner." /></a>
  67. <p>Food Not Bombs is a non-hierarchical, international, intersectional, inclusive, and nonviolent collective. We are dedicated to direct action towards creating a world free from domination, coercion and violence. Our purpose is to address the needs of our community, and build powerful networks of solidarity and mutual aid. </p>
  68. <p>We organize creative events, share free vegan meals to anyone, provide hot meals at demonstrations, set up literature tables to provide information about food, peace, and justice, and more.</p>
  69. <p>We make decisions by collective consensus, without formal leaders or headquarters. We are inclusive of marginalized individuals and groups. We share food that is always vegan and free, without restriction, rich or poor, stoned or sober. We respect a diversity of tactics in activism, and seek to empower our community.</p>
  70. </article>
  71. <!-- Posts -->
  72. <section class="posts">
  73. <article>
  74. <header>
  75. <span class="date">16 Mar 2019</span>
  76. <h2><a href="/blog/EventPlanning/">Planning Our First Creative Event</a></h2>
  77. </header>
  78. <a href="/blog/EventPlanning/" class="image fit"><img src="" alt="" /></a>
  79. <p><p>Food Not Bombs Tokyo is planning a creative event this coming summer to raise awareness for our organizational efforts and express solidarity with the indiginous Ryukyuan people of Okinawa.</p>
  80. </p>
  81. <ul class="actions">
  82. <li><a href="/blog/EventPlanning/" class="button">Full Story</a></li>
  83. </ul>
  84. </article>
  85. <article>
  86. <header>
  87. <span class="date">14 Mar 2019</span>
  88. <h2><a href="/upcoming/">Upcoming FNB Events!</a></h2>
  89. </header>
  90. <a href="/upcoming/" class="image fit"><img src="" alt="" /></a>
  91. <p><p>Here are some upcoming FNB Japan events!</p>
  92. </p>
  93. <ul class="actions">
  94. <li><a href="/upcoming/" class="button">Full Story</a></li>
  95. </ul>
  96. </article>
  97. <article>
  98. <header>
  99. <span class="date">08 Mar 2019</span>
  100. <h2><a href="/blog/Meeting/">Meeting March 9 2019 (日、英)</a></h2>
  101. </header>
  102. <a href="/blog/Meeting/" class="image fit"><img src="" alt="" /></a>
  103. <p><p>Tokyo Food Not Bombs meeting on March 9 2019 (Saturday)!</p>
  104. </p>
  105. <ul class="actions">
  106. <li><a href="/blog/Meeting/" class="button">Full Story</a></li>
  107. </ul>
  108. </article>
  109. <article>
  110. <header>
  111. <h2><a href="/upcoming/">Upcoming Events</a></h2>
  112. </header>
  113. <a href="/upcoming/" class="image fit"><img src="/images/upcoming.jpg" alt="Picture of 5 FNB volunteers preparing food for a woman." /></a>
  114. <p>Our next event is a literature table on March 29, in Shinjuku Central Park Koenmae.</p>
  115. </article>
  116. </section>
  117. <!-- Footer -->
  118. <footer>
  119. <ul class="actions">
  120. <li><a href="/blog/" class="button">Our Blog</a></li>
  121. </ul>
  122. </footer>
  123. </div>
  124. <!-- Footer -->
  125. <footer id="footer">
  126. <section>
  127. <h2>Affiliated Projects</h2>
  128. <h3><a href="https://www.facebook.com/TSHpatrol/">Tokyo Spring Homeless Patrol</a></h3>
  129. <p>TSHP is a grassroots collective which routinely organizes food and resource distribution to the homeless on the streets of Tokyo as a worthwhie exercise in solidarity and mutual aid. Tokyo Spring also organizes film events at <a href="https://cafelavanderia.blogspot.com/">Cafe Lavenderia.</a></p>
  130. </section>
  131. <section class="split contact">
  132. <section class="alt">
  133. <h3>Location</h3>
  134. <p>Tokyo, Japan; Yokosuka, Japan</p>
  135. </section>
  136. <section>
  137. <h3>Source</h3>
  138. <p><a href="https://ikrypto.club/FNB_Japan/FNBJapan">Available on Gogs, GPLv3</a></p>
  139. </section>
  140. <section>
  141. <h3>Email</h3>
  142. <p><a href="mailto:hello@fnb-japan.info">hello@fnb-japan.info</a></p>
  143. </section>
  144. <section>
  145. <h3>Social</h3>
  146. <p>
  147. <ul class="icons alt">
  148. <li><a href="https://todon.nl/FNB_Japan">Mastodon</a></li>
  149. <li><a href="https://twitter.com/FNB_Japan">Twitter</a></li>
  150. <li><a href="/feed.xml">Atom/RSS</a></li>
  151. </ul>
  152. </p>
  153. </section>
  154. </section>
  155. </footer>
  156. </div>
  157. <!-- Scripts -->
  158. <!-- DYN -->
  159. <script src="/assets/js/jquery.min.js"></script>
  160. <script src="/assets/js/jquery.scrollex.min.js"></script>
  161. <script src="/assets/js/jquery.scrolly.min.js"></script>
  162. <script src="/assets/js/skel.min.js"></script>
  163. <script src="/assets/js/util.js"></script>
  164. <script src="/assets/js/main.js"></script>
  165. </body>
  166. </html>