From 073a2c6b030f694039d3201d46a4b5171a8fdda7 Mon Sep 17 00:00:00 2001
From: Simo-C3 <shimomae.hitoshi210@mail.kyutech.jp>
Date: Sat, 8 Jul 2023 23:31:02 +0900
Subject: [PATCH] [delete] delete TopAboutCommunity

---
 components/top/TopAboutCommunity.vue | 171 ---------------------------
 1 file changed, 171 deletions(-)
 delete mode 100644 components/top/TopAboutCommunity.vue

diff --git a/components/top/TopAboutCommunity.vue b/components/top/TopAboutCommunity.vue
deleted file mode 100644
index 4106df84..00000000
--- a/components/top/TopAboutCommunity.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-  <div>
-    <div class="community_wrapper">
-      <div class="text_contents">
-        <div class="title">コミュニティ</div>
-        <div class="description">
-          <div v-html="$md.render(aboutCommunity)"></div>
-        </div>
-      </div>
-
-      <div class="community_icons">
-        <div id="icon_set_1" class="icon_set">
-          <div class="icon_box">
-            <!-- 左上のアイコン -->
-            <img
-              class="icon 1"
-              src="https://3.bp.blogspot.com/-To8tA3yiE0k/VJF_QawmPdI/AAAAAAAAp0w/oihka8c4k90/s800/animalface_usagi.pngS"
-            />
-          </div>
-          <div class="icon_box">
-            <!--右上のアイコン -->
-            <img
-              class="icon 2"
-              src="https://1.bp.blogspot.com/-ZqRV1i42ELM/VJF_J7IvQjI/AAAAAAAApzk/GCpLXcqU6WE/s800/animalface_neko.png"
-            />
-          </div>
-        </div>
-        <div id="icon_set_2" class="icon_set">
-          <div class="icon_box">
-            <!-- 左下のアイコン -->
-            <img
-              class="icon 3"
-              src="https://2.bp.blogspot.com/-fhkRCjjEO98/VJF_LkOt_bI/AAAAAAAApzs/jYqrTFF6XA4/s800/animalface_niwatori.png"
-            />
-          </div>
-          <div class="icon_box">
-            <!-- 右下のアイコン -->
-            <img
-              class="icon 4"
-              src="https://4.bp.blogspot.com/-co9Gfae-aWE/XNE-4L7WvLI/AAAAAAABStA/kX0r_XmPRcgt8x69YxtLM3rZ_53H4Y-MgCLcBGAs/s800/food_niku_buta_ro-su.png"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    aboutCommunity: {
-      type: String,
-      required: true,
-      default() {
-        return ''
-      },
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.community_wrapper {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  justify-content: center;
-}
-
-.text_contents {
-  width: 60%;
-  font-size: $font-size-contents-description;
-  color: $base-font-color;
-}
-
-.title {
-  font-family: $font-family-title;
-  font-size: $font-size-contents-title;
-  color: $base-font-color;
-  margin-top: -100px;
-}
-
-.description p {
-  margin: 0;
-}
-
-.community_icons {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  width: 320px;
-  height: 320px;
-  margin-left: 5%;
-  margin-right: 5%;
-}
-
-.icon_set {
-  display: flex;
-  justify-content: space-between;
-  width: 320px;
-  height: 160px;
-}
-
-#icon_set_1 {
-  display: flex;
-  align-items: flex-start;
-}
-
-#icon_set_2 {
-  display: flex;
-  align-items: flex-end;
-}
-
-.icon_box {
-  width: 100px;
-  height: 100px;
-  position: relative;
-
-  border-radius: 50%;
-  background-color: $base-font-color;
-  text-align: center;
-}
-
-.icon {
-  width: 40px;
-  height: 40px;
-  vertical-align: middle;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-@media screen and (max-width: $media-query-standard-max-width) {
-  .community_wrapper {
-    width: 100%;
-    position: relative;
-  }
-
-  .text_contents {
-    width: 100%;
-    text-align: center;
-  }
-
-  .title {
-    padding-bottom: 200px;
-    text-align: center;
-  }
-
-  .description {
-    padding-top: 200px;
-  }
-
-  .community_icons {
-    position: absolute;
-    top: 30px;
-    margin: auto;
-  }
-}
-
-@media screen and (max-width: $media-query-small-max-width) {
-  .title {
-    white-space: nowrap;
-  }
-  .community_icons {
-    top: 5px;
-  }
-}
-</style>