Skip to content

Commit

Permalink
Merge pull request #54 from WISVCH/teaser-fpc24-update
Browse files Browse the repository at this point in the history 
FPC teaser landing page
  • Loading branch information
@maartenweyns
maartenweyns authored Apr 3, 2024
2 parents 645fc58 + d49f95f commit c47d077
Show file tree
Hide file tree
Showing 8 changed files with 121 additions and 62 deletions.
2 changes: 1 addition & 1 deletion static/fpc/0000111000100001010000010100010100110111000011000111100000110000/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
</td>
<td style="width: 70%">
<h1>3. Alcatraz</h1>
<h4>FPC 2023 Final Teaser Puzzle</h4>
<h4>FPC 2024 Final Teaser Puzzle</h4>
<!-- Source: FPC 2015, https://chipcie.wisv.ch/archive/fpc/, CC BY-SA 3.0 -->
</td>
</tr>
Expand Down
8 changes: 3 additions & 5 deletions static/fpc/0010100100000010100000000010001101000000110010000100101001011000/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,11 @@ <h1>
Congratulations on passing all the FPC teaser
puzzles! If you enjoyed these puzzles, dont forget
to rally your friends and register for FPC
2023! The FPC will feature many more creative
2024! The FPC will feature many more creative
puzzles for you to solve and learn from!
<a
href="https://wisv.ch/fpcregistration">https://wisv.ch/fpcregistration</a>
<a href="https://wisv.ch/fpcregistration">https://wisv.ch/fpcregistration</a>
</p>
<img src="solving.jpg" style="margin: auto;
width:80%; margin: 30px 30px 30px 30px">
<img src="solving.jpg" style="margin: auto; width:80%; margin: 30px 30px 30px 30px">
</p>
</div>
</div>
Expand Down
83 changes: 83 additions & 0 deletions static/fpc/start/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<table class="title">
<tr>
<td>
<img src="../fpc-logo.png" class="logo">
</td>
<td style="width: 70%">
<h1>1. Glass Reflection</h1>
<h4>FPC 2024 First Teaser Puzzle</h4>
<!-- Source: FPC 2022, https://chipcie.wisv.ch/archive/fpc/, CC BY-SA 4.0 -->
</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="neon.png" class="problemicon">
<p>
Late in the evening, you are sitting at the Funky Punk Caf&eacute;
and feeling a bit bored because you have not done any programming all day. You stare out of the window and see that
the text on the neon signs gets reflected in a funny way: the
letters are partially overlapping, because the window is made
of double-paned glass. Would it be possible to automatically
read the text of the sign, just by looking at this mangled reflection? With a burst of sudden inspiration, you grab your laptop
and OCR camera from your bag, and start programming.
<br><br>
Your OCR camera appears to correctly recognize the letters in
the reflection when it accounts for the mirroring, except that all the letters are duplicated.
Moreover, if the text on the sign contains double (or more) letters, their reflection partially
overlaps, resulting in only one more letter than there would be in the original word. For
example, the word &ldquo;beer&rdquo; is reflected as &ldquo;bbeeerr&rdquo;, and the word &ldquo;ooo&rdquo; is reflected as
&ldquo;oooo&rdquo;. All that is left for you to do, is to write a program that converts these reflected
words back to their original form.
</p>

<h2>Samples</h2>
<table class="code">
<tr>
<th>Sample Input</th>
<th>Sample Output</th>
</tr>
<tr>
<td class="code">bbeeerr</td>
<td class="code">beer</td>
</tr>
<tr>
<td class="code">sskkiilllleesssnneesss</td>
<td class="code">skilllessness</td>
</tr>
<tr>
<td class="code">bbaalllooonnnoookkkeeeppeerr </td>
<td class="code">balloonnookkeeper</td>
</tr>
</table>

<h2>Final Test</h2>
<table class="code">
<tr>
<th>Input</th>
<th>Next Puzzle</th>
</tr>
<tr>
<td class="code">yyoouuuuuaarreennoowwoonnneesstteeppccllooosseerriinntthhiisssseerriieesssooffpprroommoottiioonnaallppuuzzzzlleessffoorrtthheeffrreesshhmmeeennpprrooggrrraaammmmiinnggccoonntteessstt
</td>
<td class="code" style="text-align: center">
<span
class="finaloutput">https://chipcie.wisv.ch/fpc/&ltOUTPUT&gt</span>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
0 static/fpc/teaser/neon.png → static/fpc/start/neon.png
View file
File renamed without changes
9 changes: 7 additions & 2 deletions static/fpc/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
}

h1 {
margin-left: 15%;
font-family: "Chivo";
color: white;
}
Expand All @@ -28,7 +27,6 @@ h2 {
}

h4 {
margin-left: 20%;
font-family: "Chivo";
color: gray;
}
Expand Down Expand Up @@ -113,4 +111,11 @@ table.title {

body {
background-color: black;
max-width: 1200px;
}

html {
display: flex;
flex-direction: column;
align-items: center;
}
3 changes: 3 additions & 0 deletions static/fpc/teaser/fpc-vibe.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
76 changes: 23 additions & 53 deletions static/fpc/teaser/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,8 @@
<img src="../fpc-logo.png" class="logo">
</td>
<td style="width: 70%">
<h1>1. Glass Reflection</h1>
<h4>FPC 2023 First Teaser Puzzle</h4>
<!-- Source: FPC 2022, https://chipcie.wisv.ch/archive/fpc/, CC BY-SA 4.0 -->
<h1>Hi there!</h1>
<h4>Welcome to the FPC 2024 teaser</h4>
</td>
</tr>
</table>
Expand All @@ -21,60 +20,31 @@ <h4>FPC 2023 First Teaser Puzzle</h4>
<div class="black" style="padding: 5px">
<div class="rainbow">
<div class="black" style="padding: 25px; overflow: hidden;">
<img src="neon.png" class="problemicon">
<img src="fpc-vibe.jpeg" class="problemicon">
<p>
Late in the evening, you are sitting at the Funky Punk Caf&eacute;
and feeling a bit bored because you have not done any programming all day. You stare out of the window and see that
the text on the neon signs gets reflected in a funny way: the
letters are partially overlapping, because the window is made
of double-paned glass. Would it be possible to automatically
read the text of the sign, just by looking at this mangled reflection? With a burst of sudden inspiration, you grab your laptop
and OCR2 camera from your bag, and start programming.
<br><br>
Your OCR camera appears to correctly recognize the letters in
the reflection when it accounts for the mirroring, except that all the letters are duplicated.
Moreover, if the text on the sign contains double (or more) letters, their reflection partially
overlaps, resulting in only one more letter than there would be in the original word. For
example, the word &ldquo;beer&rdquo; is reflected as &ldquo;bbeeerr&rdquo;, and the word &ldquo;ooo&rdquo; is reflected as
&ldquo;oooo&rdquo;. All that is left for you to do, is to write a program that converts these reflected
words back to their original form.
Welcome to the FPC 2024 teaser! We hope you're excited for the upcoming edition of the Freshmen Programming
Contest. To get you in the mood, we've prepared a teaser puzzle for you. But first, some information that
could be useful to you:
</p>

<h2>Samples</h2>
<table class="code">
<tr>
<th>Sample Input</th>
<th>Sample Output</th>
</tr>
<tr>
<td class="code">bbeeerr</td>
<td class="code">beer</td>
</tr>
<tr>
<td class="code">sskkiilllleesssnneesss</td>
<td class="code">skilllessness</td>
</tr>
<tr>
<td class="code">bbaalllooonnnoookkkeeeppeerr </td>
<td class="code">balloonnookkeeper</td>
</tr>
</table>
<h2>Introduction session</h2>
<p>
We will be hosting an introduction session to get familiar with how a programming contest works. This
introduction session will take place on <strong>April 30th</strong> in the afternoon. There is no need
to sign up, just show up if you're interested!
</p>

<h2>Final Test</h2>
<table class="code">
<tr>
<th>Input</th>
<th>Next Puzzle</th>
</tr>
<tr>
<td class="code">yyoouuuuuaarreennoowwoonnneesstteeppccllooosseerriinntthhiisssseerriieesssooffpprroommoottiioonnaallppuuzzzzlleessffoorrtthheeffrreesshhmmeeennpprrooggrrraaammmmiinnggccoonntteessstt
</td>
<td class="code" style="text-align: center">
<span
class="finaloutput">https://chipcie.wisv.ch/fpc/&ltOUTPUT&gt</span>
</td>
</tr>
</table>
<h2>FPC registration</h2>
<p>
Don't forget to register your team for the Freshmen Programming Contest! This can be done by visiting
<a target="_blank" href="https://wisv.ch/fpcregistration">https://wisv.ch/fpcregistration</a>.
</p>

<h2>Let's get puzzeling!</h2>
<p>
Finally, let's get to the teaser! Start your journey by visiting
<a href="../start">https://chipcie.wisv.ch/fpc/start</a>. See you on the other side!
</p>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion ...looserinthissseriessofpromotionalpuzzzlesforthefreshmeenprogrraammmingcontesst/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
</td>
<td style="width: 70%">
<h1>2. Automata Cats</h1>
<h4>FPC 2023 Second Teaser Puzzle</h4>
<h4>FPC 2024 Second Teaser Puzzle</h4>
</td>
</tr>
</table>
Expand Down

0 comments on commit c47d077

Please sign in to comment.