Skip to content
This repository was archived by the owner on Sep 3, 2025. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
159 changes: 22 additions & 137 deletions src/contents/10.en.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@ import CardContent from 'src/components/CardContent'
import TwoColGrid from 'src/components/TwoColGrid'
import * as R from 'src/components/Runners'
import NextLessonButton from 'src/components/NextLessonButton'
import { WhatIsComputer } from 'src/contents/16.en'

export default () => (
<EpisodeCardList
Expand Down Expand Up @@ -1400,46 +1399,44 @@ export default () => (
/>
<NextLessonButton />
</>
)
},
{
type: 'sideNote',
title: (
<>
Side Note: Does this have anything to do with computer science or Y
combinator?
</>
),
preview: {
footer: {
content: (
<>
<P>
<Bold>You might be wondering:</Bold>{' '}
<Bold>You might be wondering:</Bold>
<Highlight>
“I understand the puzzles, but does it have anything to do
with <Bold>Y combinator</Bold> or{' '}
<Bold>computer science</Bold>?”
</Highlight>
I understand the puzzles, but does it have anything to do with{' '}
<Bold>Y combinator</Bold>, which is in the title of this
course
</Highlight>{' '}
(<Italic>Y Combinator for Non-Programmers</Italic>)?”
</P>
<EmojiSeparator
emojis={['💻', '🤔', '💻']}
emojis={['', '🤔', '']}
description={
<>
Does it have anything to do with
<br />
<Bold>Y combinator</Bold> or <Bold>computer science</Bold>?
<Bold>Y combinator</Bold>, which is
<br />
in the title of this course?
</>
}
/>
<P>
<Bold>First, about Y combinator:</Bold> You’ll learn about Y
combinator on the advanced levels, which will start from the
next page.
<Bold>Answer:</Bold>{' '}
<Highlight>
You’ll learn about Y combinator on the{' '}
<Bold>advanced levels</Bold>,
</Highlight>{' '}
which will start from the next page.
</P>
<P>
<Bold>Spoiler:</Bold>{' '}
<Bold>Also, a spoiler:</Bold>{' '}
<Highlight>
Y combinator is actually a special kind of a lunchbox.
Y combinator is actually{' '}
<Italic>a special kind of a lunchbox</Italic>.
</Highlight>{' '}
You’ll soon find out what that means!
</P>
Expand All @@ -1454,124 +1451,12 @@ export default () => (
}
/>
<P>
<Bold>Next, about computer science:</Bold> You’ll learn about
the relationship between the lunchboxes and computer science
after we’re done with the advanced levels.
</P>
<P>
However,{' '}
<Highlight>
if you want to know more now, press “Continue reading about
computer science” below.
</Highlight>{' '}
</P>
</>
),
text: <>Continue reading about computer science</>,
afterText: (
<>
<P>
Otherwise, you should keep reading instead by pressing this
button:
Let’s go to the advanced levels! <Emoji>🤗</Emoji>
</P>
<NextLessonButton />
</>
)
},
content: (
<>
<Hr />
<WhatIsComputer />
<Hr />
<P>
Now, let’s talk about <CustomEmoji type="mathBox" /> mathboxes and{' '}
<Emoji>🍱</Emoji> lunchboxes.
</P>
<P>
<Bold>
<CustomEmoji type="mathBox" /> Mathboxes are also computers:
</Bold>{' '}
Mathboxes can compute basic additions and subtractions. So, we can
say that they’re computers, too.
</P>
<EmojiSeparator
nodes={[
<Emoji>➕</Emoji>,
<CustomEmoji type="mathBox" />,
<Emoji>➖</Emoji>
]}
description={
<>
<CustomEmoji type="mathBox" /> Mathboxes are also computers
</>
}
/>
<P>
<Bold>
<Emoji>🍱</Emoji> Lunchboxes might be computers too?
</Bold>{' '}
How about lunchboxes? It seems so far that lunchboxes can add and
subtract 1.{' '}
<Highlight>
That means lunchboxes might be computers, too.
</Highlight>
</P>
<EmojiSeparator
emojis={['❓', '🍱', '❓']}
description={
<>
<Emoji>🍱</Emoji> Lunchboxes might be computers too?
</>
}
/>
<P>
<Bold>In fact:</Bold> We’ll soon learn that lunchboxes are indeed
computers. Furthermore,{' '}
<Highlight>
Lunchboxes were actually a topic of computer science research
more than 80 years ago.
</Highlight>{' '}
This research was influential and became a foundation of modern
computer science.
</P>
<EmojiSeparator
emojis={['🧑🏻', '🍱', '👨🏻‍🦳']}
description={
<>
Lunchboxes were a topic of
<br />
computer science research
<br />
more than 80 years ago.
</>
}
/>
<P>
<Bold>This is all we can say now.</Bold> We’ll talk more in detail
after we’re done with the advanced levels. For now, just keep the
following in mind <Emoji>😉</Emoji>:
</P>
<Ul>
<UlLi>
<Highlight>A computer is a computer device.</Highlight>
</UlLi>
<UlLi>
<Highlight>
Lunchboxes were a topic of computer science research more than
80 years ago.
</Highlight>
</UlLi>
<UlLi>
<Highlight>
That research was influential and became a foundation of
modern computer science.
</Highlight>
</UlLi>
</Ul>
<P>Ok, let’s go to the advanced levels!</P>
<NextLessonButton />
</>
)
}
}
]}
/>
Expand Down
Loading