Change for tsg live! 13

index.html

@@ -5,7 +5,7 @@
   <meta name="viewport"
         content="width=device-width, user-scalable=no, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>TSG LIVE! 12</title>
+  <title>TSG LIVE! 13</title>
 
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@@ -20,56 +20,64 @@
 <div class="container">
   <div class="header">
     <div class="logo">
-      <img src="./twitter_banner2024-5.png" alt="TSG LIVE! 12" class="logo-img">
+      <img src="./twitter_banner.png" alt="TSG LIVE! 13" class="logo-img">
     </div>
     <div class="flex-1"></div>
 <!--    <p><a href="https://www.youtube.com/channel/UCzCqJL3-RdhTw9WHYDbPO4Q">YouTube</a></p>-->
   </div>
   <h1 class="midashi-text">東大生がお送りするプログラミング・ライブ!!</h1>
+  <h1 class="title">会場</h1>
+  <div class="kaijou">
+    <h1>駒場Ⅰキャンパス 13号館 4階 1341教室</13></h1>
+  </div>
   <h1 class="title">スケジュール</h1>
   <div class="schedule">
     <div class="card">
-      <h2>5/18 (土)</h2>
-      <h2><工学部三号館4階 35号講義室></h2>
-      <h3>13:00-15:00</h3>
-      <h1><span class="deemphasize">ライブ</span>CTF</h1>
-      <h3>16:00-</h3>
+      <h2>11/22 (金)</h2>
+      <h3>13:00-</h3>
       <h1>ライトニングトーク</h1>
-      <a href="https://www.youtube.com/live/r80qUQXjjXU" class="button">視聴する</a>
+      <a href="https://youtube.com/live/ZsxATCXva7Y" class="button">視聴する</a>
     </div>
     <div class="card">
-      <h2>5/19 (日)</h2>
-      <h2><工学部三号館4階 35号講義室></h2>
-      <h3>13:30-15:30</h3>
-      <h1><span class="deemphasize">ライブ</span>コードゴルフ</h1>
-      <h3>16:00-18:00</h3>
+      <h2>11/23 (土)</h2>
+      <h3>13:00-</h3>
       <h1><span class="deemphasize">ライブ</span>競技プログラミング</h1>
-      <a href="https://www.youtube.com/watch?v=5W6Rykzg1vU" class="button">視聴する</a>
+      <a href="https://youtube.com/live/rXkzVsy5FW0" class="button">視聴する</a>
+    </div>
+    <div class="card">
+      <h2>11/24 (日)</h2>
+      <h3>13:00-</h3>
+      <h1><span class="deemphasize">ライブ</span>コードゴルフ</h1>
+      <a href="https://youtube.com/live/LxjGkFgic3M" class="button">視聴する</a>
     </div>
   </div>
   <h1 class="title">競技紹介</h1>
   <div class="intro-box">
     <div class="intro">
-      <h1>CTF</h1>
-      <p>CTFは、プログラムの脆弱性をついて攻撃を成功させる技術、いわゆるハッキング技術を競う競技です。<br/>
-        今回のライブCTFでは競技者の画面もリアルタイムで配信されるため、競技者がプログラムを解析して、攻撃コードを構築する様子を見ることができます。解析ツールを駆使し、画面に現れる大量の情報を適切に処理しながら攻撃していく様子を、臨場感とともにお楽しみください!</p>
+      <h1>ライトニングトーク</h1>
+      <p>ライトニングトークとは、およそ10分以内の短い時間で発表するプレゼンテーションのことを言います。<br/>
+        TSG LIVE! では、部員が主にコンピューターやプログラミングに関連するトピックについて、プレゼンをします。<br/>
+        かなり専門性の高いトピックもあり、ネットには書いてないようなことも聞けるかもしれません。<br/>
+        忙しく勉強する時間が取れない方、ニッチな話を聞きたい方など、ライブLTで気軽に知識を深めてみてはどうでしょうか。</p>
     </div>
     <div class="intro">
-      <h1>コードゴルフ</h1>
-      <p>プログラムの実行時間も読みやすさも気にせず、ただひたすら文字数の少なさを追求します!<br/>
-        改行やスペースを切り詰めたり、変数名をすべて一文字に変えたり、ドキュメントを読み込み謎の言語機能を活用したり、アルゴリズムを限界まで最適化したり……<br/>
-        様々なテクニックを駆使して究極に短いプログラムを作り上げる様子にぜひご注目ください!</p>
+    <h1>競技プログラミング</h1>
+    <p>競技プログラミングとは、制限時間内に与えられた問題を効率よく解くプログラムを書く競技です。<br/>
+      人間にとって分かりやすい方法でも、コンピューターにとってはその方法では効率が悪く、問題を解くのに時間がかかることもあります。アルゴリズムを工夫して効率の良いプログラムを書くことがカギとなります。<br/>
+      簡単な問題はスピードが命。素早く問題文を理解し、一瞬でコードを書き上げる様子は必見です。<br/>
+      難しい問題は限られた時間内で試行錯誤しひらめく力が求められます。競技者たちが奮闘する様子を実況解説とともにお楽しみください!</p>
     </div>
     <div class="intro">
-      <h1>競技プログラミング</h1>
-      <p>今回のライブ競技プログラミングでは4人の作問陣による計10個の問題に2人の競技者が挑みます。<br/>
-        簡単な問題はスピードが命となります。素早く問題文を理解し、一瞬でコードを書き上げる様子は必見です。<br/>
-        難しい問題は限られた時間内で試行錯誤しひらめく力が求められます。競技者たちが奮闘する様子を実況解説とともにお楽しみください!</p>
+    <h1>コードゴルフ</h1>
+    <p>通常のコードゴルフでは、与えられた課題を解くプログラムをできるだけ少ない文字数で書くことが目的となります。<br/>
+      今回のライブコードゴルフではそれをさらに押し進め、文字数だけでなく文字種数や１行の長さなどそれぞれに縛りを設け、それを満たすプログラムを書く、という形式で競技を行います。<br/>
+      改行やスペースを切り詰めたり、変数名をすべて一文字に変えたり、ドキュメントを読み込み謎の言語機能を活用したり、アルゴリズムを限界まで最適化したり……<br/>
+      縛りの中で如何に動くプログラムを作り上げるのか、その様子にぜひご注目ください!</p>
     </div>
   </div>
   <h1 class="title">アンケート</h1>
   <div class="questionnare">
-    <p><a href="https://docs.google.com/forms/d/e/1FAIpQLSe6H_rQkR-rieZmGrkvVRkY8_re0F8F0UbnubP-19rYOPUTaQ/viewform" target="_blank" rel="noopener noreferrer">アンケート</a>
+    <p><a href="https://forms.gle/G6fhVJWtkAT8LsFQ6" target="_blank" rel="noopener noreferrer">アンケート</a>
       回答へのご協力お願いします。</p>
   </div>
 </div>

style.css

@@ -161,6 +161,24 @@ a:active, a:active:visited, a:active:visited:hover {
     margin-bottom: 8px;
 }
 
+.kaijou {
+    background-color: #262626;
+    /*box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);*/
+    gap: 10px;
+    margin: 0 -16px 50px -16px;
+    padding: 16px;
+}
+
+.kaijou h1 {
+    font-size:  24px;
+    text-decoration: underline;
+    text-decoration-thickness: 1.5px;
+}
+
+.card h2 {
+    font-size: 18px;
+}
+
 .button {
     display: inline-block;
     padding: 16px;
@@ -182,6 +200,15 @@ a:active, a:active:visited, a:active:visited:hover {
     background-color: #750e13;
 }
 
+.unable_button {
+    display: inline-block;
+    padding: 16px;
+    margin: 0;
+    background-color: #808080;
+    text-decoration: none;
+    color: inherit;
+}
+
 .intro-box {
     margin: 0 -16px 50px -16px;
 }