Merge pull request #20 from rippro/feature/update-infomation

update infomation 2024
rippro · Apr 2, 2024 · 7910d08 · 7910d08
2 parents 4606ca8 + 14596b7
commit 7910d08
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 35 deletions.
diff --git a/pages/contact.tsx b/pages/contact.tsx
@@ -30,9 +30,8 @@ const Contact: VFC = () => {
           </dd>
         </dl>
         <h3>活動場所</h3>
-        バイオリンク1階 サークルルーム 3
+        OIC H棟5階 H501教室
         <br />
-        ※現在は新型コロナウイルスの影響でオンラインと対面の両方で活動しています．
         <h3>活動時間</h3>
         週1回 18:00〜
         <br />

diff --git a/pages/welcome.tsx b/pages/welcome.tsx
@@ -7,53 +7,44 @@ import YouTube from 'react-youtube'
 
 import styles from '../styles/section.module.css'
 import welcomeStyles from '../styles/welcome.module.css'
+import flyer from '../public/RiPPro_Ad.png'
 
 const Welcome: VFC = () => {
   const currentDate = new Date()
 
   const courseDateStart = new Date(`${currentDate.getFullYear()}/5/11`)
   const courseDateEnd = new Date(`${currentDate.getFullYear()}/7/31`)
   const coueseWeek = ['月', '水']
-  const coursePlace = 'バイオリンク サークルルーム３'
-  const courseTime = '18:00 ~ 20:00'
+  const workshopDate = '4/16(火)'
+  const coursePlace = 'OIC H221教室'
+  const courseTime = '16:20〜17:05'
 
   const isCourceOpen: boolean = courseDateStart < currentDate && currentDate < courseDateEnd
   return (
     <Layout title="新歓情報 - RiPPro(立命館大学情報理工学部プロジェクト団体)" description="新歓用ページ">
       <div className={`${styles.section} ${welcomeStyles.line}`}>
-        <h2>プログラミング(C++)講習会</h2>
-        <p>プログラミングに関する講習会を私たちの団体で実施します。</p>
-        <p>プログラミングって何？と思う方、どこの学部の方でもでも歓迎するので気軽に参加してください。</p>
-        <ul className={welcomeStyles.list}>
-          <li>
-            日程 : {courseDateStart.toLocaleDateString()}以降の
-            {coueseWeek.map((week) => week + '曜日').join('と')}
-          </li>
-          <li>場所 : {coursePlace}</li>
-          <li>時間 : {courseTime}</li>
-          <li>内容 : プログラミングの初め方・C言語の基礎から (C++ にも少し触れます)</li>
-        </ul>
-        <p style={{ color: 'red' }}>{isCourceOpen ? '' : '※現在は終了しています'}</p>
-        <div>
-          過去にC++言語講習会で使用していたスライド（参考）
-          <ul>
-            <li>
-              <a href="https://www.slideshare.net/rippro/ss-75074872" target="_blank" rel="noopener noreferrer">
-                入出力
-              </a>
-            </li>
-            <li>
-              <a href="https://www.slideshare.net/rippro/ss-75063033" target="_blank" rel="noopener noreferrer">
-                条件分岐・繰り返し
-              </a>
-            </li>
-            <li>
-              <a href="https://www.slideshare.net/rippro/ss-75165601" target="_blank" rel="noopener noreferrer">
-                配列
-              </a>
-            </li>
+        <h2>新歓講演会</h2>
+        <div className={welcomeStyles.workshop}>
+          <p>私たちRipRroの普段の活動内容や配布したビラの問題の解説などを行います！</p>
+          <p>どこの学部の方でもでも歓迎するので気軽に参加してください。</p>
+          <ul className={welcomeStyles.list}>
+            <li>日程 : {workshopDate}</li>
+            <li>場所 : {coursePlace}</li>
+            <li>時間 : {courseTime}</li>
           </ul>
         </div>
+        <a href={flyer.src} className={welcomeStyles.flyer} target="_blank" rel="noreferrer">
+          <img src={flyer.src} width="20%" alt="" />
+        </a>
+        <p className={welcomeStyles.p}>クリックで拡大画像を表示</p>
+        <h2>競プロ講習会</h2>
+        <p>仮入部者に向けて、コンテストについてからプログラムの書き方まで講習します。全３回の予定です！</p>
+        日程,場所等については順次更新予定です.
+        {/* <ul className={welcomeStyles.list}>
+          <li>日程 : 順次更新予定</li>
+          <li>場所 : 順次更新</li>
+          <li>時間 : 順次更新</li>
+        </ul> */}
         <h2>RiPProとは</h2>
         <div className={welcomeStyles.line}>
           <p>私たち RiPProは競技プログラミングの能力を高めコンテストでの入賞を目指す団体です。</p>

diff --git a/public/RiPPro_Ad.png b/public/RiPPro_Ad.png
diff --git a/styles/welcome.module.css b/styles/welcome.module.css
@@ -20,8 +20,25 @@
 
 .list {
   list-style: none;
+  display: block;
+  padding-left: 0;
 }
 
 .bottom {
   margin-bottom: 1em;
 }
+
+.flyer {
+  justify-content: flex-end;
+  display: flex;
+  position: relative;
+  padding-right: 2%;
+}
+.workshop {
+  position: absolute;
+}
+.p {
+  float: right;
+  font-size: small;
+  padding-right: 2%;
+}