feat: recording & room & technical works (#35)

ProjectInTheClass · Dec 15, 2024 · b641946 · b641946
1 parent 86a5146
commit b641946
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 19 deletions.
diff --git a/docs/images/notion1.png b/docs/images/notion1.png
diff --git a/docs/images/rec1.png b/docs/images/rec1.png
diff --git a/docs/images/rec2.png b/docs/images/rec2.png
diff --git a/docs/images/room1.png b/docs/images/room1.png
diff --git a/docs/index.html b/docs/index.html
@@ -39,30 +39,31 @@ <h1 class="major">Recordiary</h1>
                                    </video>
                                 </div>
                                 <div class="intro color2 span-2-75">
-                                   <h2 class="major">DemoVideo</h2>
-                                   <p>데모 영상</p>
+                                   <h2 class="major">시연 영상</h2>
+                                   <p>매일 음성 일기를 새로 기록하고, <br>
+									 AI 감정 분석 결과를 확인해봐요.</p>
                                 </div>
-                             </section>
-                            
-                            <section class="panel banner right">
+                            </section>
+
+							<section class="panel banner right">
                                 <div class="intro color2 span-2-75">
-                                    <h2 class="major">음성 일기 남기기</h2>
-                                    <p><b>나의 하루를 간편하게 음성으로 남겨보세요!</b></p>
-                                    <P>AI가 자동으로 분석한 오늘의 키워드와 함께라면, 음성을 남기는 것 만으로도 오늘 하루를 기억하기에 충분합니다.</p>
+                                    <h2 class="major">나만의 방 꾸미기</h2>
+                                    <p><b>"나"의 하루와 "나"의 취향이 모두 담긴 "나"만의 방을 완성해보세요!</b></p>
+                                    <P>일기가 담긴 가구를 방에 배치하여 나만의 방을 꾸며나갈 수 있습니다.</p>
                                 </div>
                                 <div class="image filtered span-1-75" data-position="25% 25%">
-                                    <img src="images/pic01.jpg" alt="" />
+                                    <img src="images/room1.png" alt="" />
                                 </div>
                             </section>
 
                             <section class="panel banner right">
                                 <div class="intro color2 span-2-75">
-                                    <h2 class="major">나만의 방 꾸미기</h2>
-                                    <p><b>"나"의 하루와 "나"의 취향이 모두 담긴 "나"만의 방을 완성해보세요!</b></p>
-                                    <P>일기가 담긴 가구를 방에 배치하여 나만의 방을 꾸며나갈 수 있습니다.</p>
+                                    <h2 class="major">음성 일기 남기기</h2>
+                                    <p><b>나의 하루를 간편하게 음성으로 남겨보세요!</b></p>
+                                    <P>AI가 자동으로 분석한 오늘의 키워드와 함께라면, 음성을 남기는 것 만으로도 오늘 하루를 기억하기에 충분합니다.</p>
                                 </div>
                                 <div class="image filtered span-1-75" data-position="25% 25%">
-                                    <img src="images/pic01.jpg" alt="" />
+                                    <img src="images/rec2.png" alt="" />
                                 </div>
                             </section>
 
@@ -81,8 +82,18 @@ <h2 class="major">캘린더</h2>
 						<!-- Panel (Spotlight) -->
 							<section class="panel spotlight medium right" id="first">
 								<div class="content span-7">
-									<h2 class="major">Sed etiam aenean</h2>
-									<p>Mauris et ligula arcu. Proin dapibus convallis accumsan. Lorem maximus hendrerit orci, sit amet elementum massa hendrerit sed. Donec et ullamcorper ligula. Suspendisse amet potenti. Ut pretium libero eleifend euismod sed tristique. Quisque dictum magna risus, id ultricies justo sagittis vitae. Sed id odio tempor, porttitor elit amet, gravida hendrerit fringilla lorem ipsum dolor.</p>
+									<h2 class="major">기술 스택</h2>
+									<p><b>Frontend: SwiftUI</b></p>
+									<ul>
+										<li>녹음: AVAudioRecorder</li>
+										<li>3D 렌더링: SceneKit</li>
+									</ul>
+									<p><b>Backend: Rust(Axum)</b></p>
+									<ul>
+										<li>DB/Storage: Supabase(PostgreSQL, AWS S3)</li>
+										<li>AI: OpenAI API(Whisper, gpt-3.5)</li>
+										<li>배포: <a href="https://render.com/">Render</a></li>
+									</ul>
 								</div>
 								<div class="image filtered tinted" data-position="top left">
 									<img src="images/pic02.jpg" alt="" />
@@ -92,18 +103,24 @@ <h2 class="major">Sed etiam aenean</h2>
 						<!-- Panel -->
 							<section class="panel color1">
 								<div class="intro joined">
-									<h2 class="major">Amet lorem</h2>
-									<p>Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.</p>
+									<h2 class="major">개발 과정</h2>
+									<p>Notion: 태스크 및 일정 관리</p>
+									<ul>
+										<li>김민아: FE - 마이홈, 녹음, 캘린더</li>
+										<li>문종건: BE, FE API 레이어, 3D 렌더링</li>
+										<li>권동민: FE - 소셜, 캘린더, 로그인</li>
+									</ul>
 								</div>
 								<div class="inner">
-									<ul class="grid-icons three connected">
+									<img src="images/notion1.png" height="100%" alt="" />
+									<!-- <ul class="grid-icons three connected">
 										<li><span class="icon fa-gem"><span class="label">Lorem</span></span></li>
 										<li><span class="icon solid fa-camera-retro"><span class="label">Ipsum</span></span></li>
 										<li><span class="icon solid fa-cog"><span class="label">Dolor</span></span></li>
 										<li><span class="icon solid fa-paper-plane"><span class="label">Sit</span></span></li>
 										<li><span class="icon solid fa-chart-bar"><span class="label">Amet</span></span></li>
 										<li><span class="icon solid fa-code"><span class="label">Nullam</span></span></li>
-									</ul>
+									</ul> -->
 								</div>
 							</section>