Add the DAPC teaser website under /static.

WISVCH · Aug 8, 2023 · d768029 · d768029
1 parent 4dcdfef
commit d768029
Show file tree

Hide file tree

Showing 14 changed files with 3,240 additions and 0 deletions.
diff --git a/static/dapc/120111221222001220002200100000000020000002202002202000011/index.html b/static/dapc/120111221222001220002200100000000020000002202002202000011/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" href="../style.css">	
+	</head>
+	<body>
+		<table class="title">
+			<tr>
+				<td>
+					<img src="../dapc_logo.png" class="logo">
+				</td>
+				<td style="width: 70%">
+					<h1>Congratulations!</h1>
+					<h4>You have completed all teaser puzzles!</h2>
+				</td>
+			</tr>
+		</table>
+
+		<div class="rainbow" style="margin: 40px 10% 40px 10%">
+			<div class="black" style="padding: 5px">
+				<div class="rainbow">
+					<div class="black" style="padding: 25px; overflow: hidden;">
+						<h2 style="text-align: center">Are you ready for glory?</h2>
+						<p>
+							The DAPC will feature many more puzzles like these. Together in a team you will compete 
+							for the vast amount of prizes from our sponsors. There are many features that make the DAPC an amazing experience!
+
+							<ul>
+								<li>Code up challenging algorithms in a team of 3 friends</li>
+								<li>Get lunch, drinks, food and snacks</li>
+								<li>Compete for valuable prizes and trophies</li>
+								<li>Strengthen your CV and coding skills</li>
+								<li>Meet sponsoring companies with opportunities</li>
+								<li>Get opportunities to compete on a higher level: BAPC and NWERC (Northwestern Europe Regional Contest)</li>
+								<li>and lastly... all of this for free!</li>
+							</ul>
+						</p>
+						<h2 style="text-align:center">Register today!</h2>
+						<p>
+							You can register on the official ICPC website with all instructions and explanation by us at the below link.
+						</p>
+						<a href="https://wisv.ch/dapc">Registration Link Here</a>
+						<br>
+						<img style="margin-left:auto; margin-right:auto; display:block; width:70%" src="nwerc_pic.jpg">
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/...ic/dapc/120111221222001220002200100000000020000002202002202000011/nwerc_pic.jpg b/...ic/dapc/120111221222001220002200100000000020000002202002202000011/nwerc_pic.jpg
diff --git a/...,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/Game.png b/...,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/Game.png
diff --git a/...,14,8,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/hex-sample.in b/...,14,8,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/hex-sample.in
@@ -0,0 +1,20 @@
+3
+7
+.WBW...
+.BW.WW.
+.BBWBB.
+..BBWB.
+..BWBW.
+..BWB..
+.WWWB..
+5
+..B..
+.BBWB
+WWWBW
+B.WWB
+.B...
+4
+BBWB
+WWB.
+BWWB
+BWBW
diff --git a/...0,18,43,14,8,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/hex.in b/...0,18,43,14,8,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/hex.in
diff --git a/...,43,14,8,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/index.html b/...,43,14,8,22,13,19,47,14,16,17,15,8,12,10,26,26,16,62,11,13,34,11,37,20,26,0,46/index.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" href="../style.css">	
+	</head>
+	<body>
+		<table class="title">
+			<tr>
+				<td>
+					<img src="../dapc_logo.png" class="logo">
+				</td>
+				<td style="width: 70%">
+					<h1>2. Hex</h1>
+					<h4>DAPC 2023 Final Teaser Puzzle</h2>
+				</td>
+			</tr>
+		</table>
+
+		<div class="rainbow" style="margin: 40px 10% 40px 10%">
+			<div class="black" style="padding: 5px">
+				<div class="rainbow">
+					<div class="black" style="padding: 25px; overflow: hidden;">
+						<img src="Game.png" class="problemicon">
+						<p>
+						Hex is a game for two players, played on a diamond-shaped board with hexagonal cells. At
+						the start of the game, all cells are empty. Each player in turn puts a stone of his own color
+						(black or white) in any empty cell. The goal for Black is to connect the top left edge of the
+						board with the bottom right edge, by making a path consisting of neighboring cells with
+						Black stones in them. White attempts to make a path from the top right to the bottom left.
+						The cells located in the corners of the diamond count as being adjacent to both corresponding
+						edges. The player to start the game is Black. An interesting feature of this game is that there
+						is always a winner: if all cells are filled and one player does not have a path connecting his
+						designated edges, then the other player automatically does have one
+						<br><br>
+						The image gives the game situation as described by the first test case in the sample input. Black has successfully
+						connected the top left edge and the bottom right edge and has therefore won the game.
+						<br><br>
+						Write a program which, given a game situation, determines which player has won, or that
+						the game has not yet finished.
+
+						</p>
+
+						<h2>Input</h2>
+						<ul>
+							<li> One line with one integer n (2 ≤ n ≤ 100): the size of the board (the number of cells
+								along each edge).<br><br></li>
+							<li>
+								n lines with n characters: the i-th line lists the contents of the i-th diagonal of the board
+								from the bottom left edge to the top right edge (these diagonals are labeled 1-7 in the
+								figure). The diagonal along the top left edge of the board (A1-G1 in the figure) is given
+								first and the diagonal along the bottom right edge (A7-G7) is given last.
+								On each line, the first character represents the contents of the cell along the bottom left
+								edge (labeled A in the figure) and the last concerns the cell along the top right edge (G).
+								Each character is ‘B’, ‘W’ or ‘.’, representing a black stone, white stone, or empty cell
+								respectively
+								<br><br>
+								The number of cells with black stones is equal to, or one more than, the number of cells with
+								white stones. The game situation can be such that one of the players had already won a few
+								turns earlier.
+							</li>
+						</ul>
+						<h2>Output</h2>
+						<ul>
+							<li>One line with for each case a character: 
+								<ul>
+									<li>2 if Black wins</li>
+									<li>1 if White wins</li>
+									<li>0 if the game has not finished</li>
+								</ul>
+								Append the characters for each case and output a single line for example "102012210201".
+							</li>
+						</ul>
+						<h2>Samples</h2>
+						<table class="code">
+							<tr>
+								<th>Sample Input</th>
+								<th>Sample Output</th>
+							</tr>
+							<tr>
+								<td class="code">
+									<a href="hex-sample.in">(hex-sample.in)</a><br>
+									3<br>
+									7<br>
+									.WBW...<br>
+									.BW.WW.<br>
+									.BBWBB.<br>
+									..BBWB.<br>
+									..BWBW.<br>
+									..BWB..<br>
+									.WWWB..<br>
+									5<br>
+									..B..<br>
+									.BBWB<br>
+									WWWBW<br>
+									B.WWB<br>
+									.B...<br>
+									4<br>
+									BBWB<br>
+									WWB.<br>
+									BWWB<br>
+									BWBW<br>
+								</td>
+								<td class="code">120</td>
+							</tr>
+
+						</table>
+
+						<h2>Final Test</h2>
+						<table class="code">
+							<tr>
+								<th>Input</th>
+								<th>Next Puzzle</th>
+							</tr>
+							<tr>
+								<td class="code"><a href="hex.in">hex.in</a>
+</td>
+								<td class="code" style="text-align: center">
+									<span
+			 class="finaloutput">chipcie.wisv.ch/dapc/&ltOUTPUT&gt</span>
+								</td>
+							</tr>
+						</table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/static/dapc/chipcie_logo.png b/static/dapc/chipcie_logo.png
diff --git a/static/dapc/chivo.ttf b/static/dapc/chivo.ttf
diff --git a/static/dapc/dapc_logo.png b/static/dapc/dapc_logo.png
diff --git a/static/dapc/style.css b/static/dapc/style.css
@@ -0,0 +1,107 @@
+* { 
+	margin: 0;
+	padding: 0; 
+}
+
+@font-face {
+	font-family: "Chivo";
+	src: url("chivo.ttf");
+}
+
+h1 {
+	margin-left: 15%;
+	font-family: "Chivo";
+	color: white;
+}
+
+ul, ol {
+	color: white;
+	font-family: "Serif";
+	font-size: 120%;
+	margin: 20px 20px 50px 80px;
+}
+
+h2 {
+	color: white;
+	font-family: "Chivo";
+	margin: 30px 20px 20px 20px;
+}
+
+h4 {
+	margin-left: 20%;
+	font-family: "Chivo";
+	color: gray;
+}
+
+p {
+	color: white;
+	font-size: 120%;
+	font-family: "Serif";
+}
+
+td.code {
+	border: 1px solid gray;
+	border-collapse: collapse;
+	width: 50%;
+	word-wrap: break-word;
+	font-family:monospace
+}
+
+table.code {
+	table-layout: fixed;
+	width: 80%;
+	margin: auto;
+}
+
+th {
+	text-align: left;
+	font-weight: bold;
+}
+
+span.finaloutput {
+	color: yellow;
+}
+
+td, th {
+	font-family: "Monospace";
+	font-size: 130%;
+	color: white;
+	padding: 10px;
+}
+
+div.title {
+	margin: auto;
+	width: 400px;
+}
+
+div.black {
+	background: black;
+	border-radius: 10px;
+}
+
+div.rainbow {
+	padding: 2px;
+	background-image: linear-gradient(90deg, #00C0FF 0%, #FF9900 49%, #4CFF4F 100%);
+	border-radius: 10px;
+
+}
+
+img.problemicon {
+	padding: 20px;
+	width: 30%;
+	float: right;	
+}
+
+img.logo {
+	width: 80%;
+	margin: auto;
+}
+
+table.title {
+	width: 80%;
+	margin: auto;
+}
+
+body {
+	background-color: black;
+}
diff --git a/static/dapc/teaser/h-to-o-sample.in b/static/dapc/teaser/h-to-o-sample.in
@@ -0,0 +1,13 @@
+6
+H 2
+O
+C2H6 10
+C3H8
+CH3OH 1
+CH4
+C6H6OCH2O 10
+HCN
+C6H14 10
+C5H10
+AB2CD1 2
+A2B3CD2