From 818cec9af013d28ee8ded3bffefebbc8629a3179 Mon Sep 17 00:00:00 2001
From: akane <s1310192@u-aizu.ac.jp>
Date: Sat, 19 Oct 2024 05:41:09 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .codesandbox/tasks.json | 33 +++++++++++++++++++++++++++++++++
 src/App.css             | 18 +++++++++++-------
 src/App.js              | 38 ++++++++++++++++++++++++++++++++------
 tailwind.config.js      | 18 +++++++++---------
 4 files changed, 85 insertions(+), 22 deletions(-)
 create mode 100644 .codesandbox/tasks.json

diff --git a/.codesandbox/tasks.json b/.codesandbox/tasks.json
new file mode 100644
index 0000000..347b35a
--- /dev/null
+++ b/.codesandbox/tasks.json
@@ -0,0 +1,33 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [
+    {
+      "command": "yarn install",
+      "name": "Install Dependencies"
+    }
+  ],
+
+  // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+  "tasks": {
+    "start": {
+      "name": "start",
+      "command": "yarn start",
+      "runAtStart": true
+    },
+    "build": {
+      "name": "build",
+      "command": "yarn build",
+      "runAtStart": false
+    },
+    "test": {
+      "name": "test",
+      "command": "yarn test",
+      "runAtStart": false
+    },
+    "eject": {
+      "name": "eject",
+      "command": "yarn eject",
+      "runAtStart": false
+    }
+  }
+}
diff --git a/src/App.css b/src/App.css
index 70e8f87..b44a0e5 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3,13 +3,13 @@
 }
 
 .App-logo {
-  height: 40vmin;
+  height: 30vmin;
   pointer-events: none;
 }
 
 @media (prefers-reduced-motion: no-preference) {
   .App-logo {
-    animation: App-logo-spin infinite 20s linear;
+    animation: App-logo-spin infinite 10s linear;
   }
 }
 
@@ -19,15 +19,19 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  font-size: calc(10px + 2vmin);
+  font-size: calc(20px + 2vmin);
   color: white;
+  font-family: serif;
 }
 
 @keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
+  0% {
+    transform: scale(0.3) rotate(0deg);
   }
-  to {
-    transform: rotate(360deg);
+  50% {
+    transform: scale(3) rotate(180deg);
+  }
+  100% {
+    transform: scale(0.3) rotate(360deg);
   }
 }
diff --git a/src/App.js b/src/App.js
index 8653aec..169fcd5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,22 +1,48 @@
-import logo from './logo.svg';
-import './App.css';
+import logo from "./logo.svg";
+import "./App.css";
+import { useState } from "react";
 
 function App() {
+  let [count, setCount] = useState(1);
   return (
     <div className="App">
       <header className="App-header bg-wed">
-        <img src={logo} className="App-logo" alt="logo" />
+        <img
+          src="https://hiyokoyarou.com/wp-content/uploads/2022/12/kamesan.png"
+          className="App-logo"
+          alt="logo"
+        />
         <p className="text-wed-dark">
-          Welcome to <code>WED</code> Community.
+          iiWelcome to <code>WED</code> Community!!
         </p>
         <a
-          className="text-wed-dark underline"
+          className="text-wed-hello underline"
+          //font-family="fantasy"
           href="https://wed.company/"
           target="_blank"
           rel="noopener noreferrer"
         >
-          Learn WED
+          WED
         </a>
+        <p
+          className="bg-wed-red p-1 m-2 rounded-lg hover:text-4xl"
+          onClick={() => {
+            setCount(count * 2);
+          }}
+        >
+          ○
+        </p>
+        <p className="text-wed-lin text-2xl p-1 m-2 rounded-lg hover:text-4xl">
+          {count}
+        </p>
+        <p
+          className="bg-wed-blue p-1 m-2 rounded-lg hover:text-4xl"
+          onClick={() => {
+            setCount(count / 2);
+          }}
+        >
+          ×
+        </p>
       </header>
     </div>
   );
diff --git a/tailwind.config.js b/tailwind.config.js
index 7780c81..29078e2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,16 +1,16 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [
-    "./src/**/*.{js,jsx}",
-  ],
+  content: ["./src/**/*.{js,jsx}"],
   theme: {
     colors: {
-      wed: '#D2D2C6',
-      'wed-dark': '#6D695D',
-    },
-    extend: {
+      wed: "#FFDDFF",
+      "wed-dark": "#009000",
+      "wed-lin": "#555500",
+      "wed-hello": "#FF8000",
+      "wed-red": "#FF0000",
+      "wed-blue": "#0000FF",
     },
+    extend: {},
   },
   plugins: [],
-}
-
+};

From 9e8be191777e2a84088735b8ac68c5bd5c88d2c8 Mon Sep 17 00:00:00 2001
From: akane <s1310192@u-aizu.ac.jp>
Date: Sat, 19 Oct 2024 06:24:10 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.js     |  3 +++
 src/NewPage.js | 12 ++++++++++++
 src/index.css  |  6 +++---
 src/index.js   | 16 +++++++++-------
 4 files changed, 27 insertions(+), 10 deletions(-)
 create mode 100644 src/NewPage.js

diff --git a/src/App.js b/src/App.js
index 169fcd5..9d2abea 100644
--- a/src/App.js
+++ b/src/App.js
@@ -24,6 +24,9 @@ function App() {
         >
           WED
         </a>
+        <a href="/newpage" className="text-wed-hello underline">
+          コミュニティページ
+        </a>
         <p
           className="bg-wed-red p-1 m-2 rounded-lg hover:text-4xl"
           onClick={() => {
diff --git a/src/NewPage.js b/src/NewPage.js
new file mode 100644
index 0000000..7a04c79
--- /dev/null
+++ b/src/NewPage.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+function NewPage() {
+  return (
+    <div className="NewPage">
+      <h1>コミュニティページ</h1>
+      <a>10月のイベントについて</a>
+    </div>
+  );
+}
+
+export default NewPage;
diff --git a/src/index.css b/src/index.css
index 17df0e7..9e4b1f1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,14 +4,14 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
diff --git a/src/index.js b/src/index.js
index f059a20..cd875fd 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,16 +1,18 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import "./index.css";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
+import NewPage from "./NewPage";
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <React.StrictMode>
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<App />} />
+        <Route path="/newpage" element={<NewPage />} />
       </Routes>
     </BrowserRouter>
   </React.StrictMode>