デザイン修正：リリースサービスも追加

.github/workflows/main.yml

@@ -19,7 +19,7 @@ jobs:
           aws-region: ap-northeast-1
       - name:  S3 sync
         working-directory: design/TechGuide
-        run: aws s3 sync . s3://techguide.jp --delete --grants read=uri=http://acs.amazonaws.com/groups/global/AllUsers --include "design/TechGuide/*"
+        run: aws s3 sync . s3://techguide.jp --delete --exclude "package*.json" --exclude "*.config.js" --exclude "node_modules" --grants read=uri=http://acs.amazonaws.com/groups/global/AllUsers --include "design/TechGuide/*"
       - name:  S3 sync events
         working-directory: events
         run: aws s3 sync . s3://techguide.jp/redirects --delete --grants read=uri=http://acs.amazonaws.com/groups/global/AllUsers --include "events/*"

.gitignore

@@ -1 +1,2 @@
 .DS_Store
+**/node_modules

design/Dockerfile

@@ -0,0 +1,18 @@
+# Node.jsの公式イメージから
+FROM node:20
+
+# アプリケーションディレクトリを作成する
+WORKDIR /usr/src/app
+
+# アプリケーションの依存関係をインストールする
+COPY TechGuide/package*.json ./
+RUN npm install
+
+# アプリケーションのソースをバンドルする
+COPY . .
+
+# ポートを開ける
+EXPOSE 8080
+
+# PostCSSを実行する
+CMD [ "npm", "run", "watch" ]

design/TechGuide/css/common.css

@@ -89,15 +89,18 @@ main {
 }
 
 .mV_txt {
-    width: 60%;
     font-size: 3vmin;
     position: absolute;
-    top: 27%;
-    right: 10%;
+    top: 50%;
+	left: 50%;
+	width: 80%;
     z-index: 1;
     letter-spacing: 20px;
+	transform: translate(-50%, -50%);
     font-family: 'Kosugi Maru', sans-serif;
     font-weight: bold;
+	color: white;
+	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
 
 .name {
@@ -118,9 +121,13 @@ main {
 }
 
 #thought_area {
-	width: 60%;
 	margin: 2em auto;
 }
+.thought_box {
+	width: 60%;
+	margin: auto;
+	margin-bottom: 2rem;
+}
 
 h1 {
 	width: 100%;
@@ -138,12 +145,7 @@ h3 {
 	padding-top: .5rem;
 }
 
-.thought_box {
-	margin-bottom: 2rem;
-}
-
 .thought_list {
-	padding: 1rem 2rem;
     margin: 1rem 0;
     font-weight: bold;
 }
@@ -155,12 +157,7 @@ h3 {
     border: #ffa500 solid;
 }
 
-.thought_list li {
-	list-style: disc;
-}
-
 .missuon_list li {
-	list-style: disc;
 	padding: 0.5rem 0;
 }
 
@@ -179,6 +176,7 @@ h3 {
 }
 
 .contents_txt2 {
+    padding: 10px 0;
     display: flex;
     flex-wrap: wrap;
     flex-direction: row-reverse;
@@ -191,7 +189,7 @@ h3 {
 
 .img {
 	margin: 0 auto 2rem;
-	width: 40%;
+	width: 50%;
 }
 
 .contents_2 {
@@ -474,11 +472,12 @@ footer ul li a:hover {
 	/* -----------メインコンテンツ----------- */
 
 	.mV_txt {
-		font-size: 4vmin;
-		top: 25%;
-		right: 10%;
-		width: 65%;
-		letter-spacing: 5px;
+		font-size: 5vmin;
+		position: absolute;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 90%;
+		letter-spacing: 0px;
 	}
 
 	.name {
@@ -490,12 +489,13 @@ footer ul li a:hover {
 	}
 
 	#thought_area{
-		width: 80%;
+		width: 100%;
 		margin: auto;
 	}
-
-	#thought_title {
-		margin-top: 1em;
+	.thought_box {
+		width: 80%;
+		margin: auto;
+		margin-bottom: 2rem;
 	}
 
 	.contents {
@@ -575,8 +575,4 @@ footer ul li a:hover {
 	footer small {
 		font-size: 0.75em;
 	}
-
-
-
-
 }