inside * . Without this reset, the heading's margin-top pushes it below the * ::marker (▼), so the triangle and the title appear on separate lines. */ summary h1, summary h2, summary h3, summary h4 { margin-top: 0; } figcaption { opacity: 0.5; font-size: 85%; margin-top: 0.5em; } mark { background-color: transparent; } .indented { padding-left: 1.5em; } hr { background: transparent; display: block; width: 100%; height: 1px; visibility: visible; border: none; border-bottom: 1px solid rgba(55, 53, 47, 0.09); } img { max-width: 100%; } @media only print { img { max-height: 100vh; object-fit: contain; } table.collection-content { width: 100%; table-layout: fixed; } table.collection-content th, table.collection-content td { overflow-wrap: anywhere; } table.collection-content td > .user, table.collection-content td > time { white-space: pre-wrap; } } @page { margin: 1in; } .collection-content-wrapper { overflow-x: auto; } @media only print { .collection-content-wrapper { overflow-x: visible; } } .collection-content { font-size: 0.875rem; } .collection-content td { white-space: pre-wrap; word-break: break-word; } .column-list { display: flex; gap: 46px; } .column { min-width: 0; overflow: hidden; } .column > *:first-child { margin-top: 0; } .table_of_contents-item { display: block; font-size: 0.875rem; line-height: 1.3; padding-inline: 0.125rem; padding-block: 0.375rem; } .table_of_contents-indent-1 { margin-left: 1.5rem; } .table_of_contents-indent-2 { margin-left: 3rem; } .table_of_contents-indent-3 { margin-left: 4.5rem; } .table_of_contents-link { text-decoration: none; opacity: 0.7; border-bottom: 1px solid rgba(55, 53, 47, 0.18); } table, th, td { border: 1px solid rgba(55, 53, 47, 0.09); } table { border-collapse: collapse; border-left: none; border-right: none; } th, td { font-weight: normal; padding: 0.25em 0.5em; line-height: 1.5; min-height: 1.5em; text-align: left; } th { color: rgba(55, 53, 47, 0.6); } ol, ul { margin: 0; margin-block-start: 0.6em; margin-block-end: 0.6em; } li > ol:first-child, li > ul:first-child { margin-block-start: 0.6em; } ul > li { list-style: disc; } ul.to-do-list { padding-inline-start: 0; } ul.to-do-list > li { list-style: none; } .to-do-children-checked { text-decoration: line-through; opacity: 0.375; } ul.toggle > li { list-style: none; } ul { padding-inline-start: 1.7em; } ul > li { padding-left: 0.1em; } ol { padding-inline-start: 1.6em; } ol.numbered-list.numbered-list-digits-2 { padding-inline-start: 2em; } ol.numbered-list.numbered-list-digits-3plus { padding-inline-start: 2.4em; } ol > li { padding-left: 0.2em; } .mono ol { padding-inline-start: 2em; } .mono ol > li { text-indent: -0.4em; } .toggle { padding-inline-start: 0em; list-style-type: none; } /* Indent toggle children */ .toggle > li > details { padding-left: 1.7em; } .toggle > li > details > summary { margin-left: -1.1em; } .selected-value { display: inline-block; padding: 0 0.5em; background: rgba(206, 205, 202, 0.5); border-radius: 3px; margin-right: 0.5em; margin-top: 0.3em; margin-bottom: 0.3em; white-space: nowrap; } .collection-title { display: inline-block; margin-right: 1em; } .page-description { margin-bottom: 2em; } .simple-table { margin-top: 1em; font-size: 0.875rem; empty-cells: show; } .simple-table td { height: 29px; min-width: 120px; } .simple-table th { height: 29px; min-width: 120px; } .simple-table-header-color { background: rgb(247, 246, 243); color: black; } .simple-table-header { font-weight: 500; } time { opacity: 0.5; } .icon { display: inline-flex; align-items: center; justify-content: center; max-width: 1.2em; max-height: 1.2em; text-decoration: none; vertical-align: text-bottom; margin-right: 0.5em; } /* * Render emoji icons using a ::before pseudo-element to keep the glyph * out of the DOM textContent traversal. This avoids double-rendering icons * in callouts and page titles. * NOTE(slim/html-export-pseudo-icons): I can't tagref this because it will * flag as a duplicate tag after codegen. */ .icon[data-emoji]::before { content: attr(data-emoji); } img.icon { border-radius: 3px; } .callout img.notion-static-icon { width: 1em; height: 1em; } .callout p { margin: 0; } .callout h1, .callout h2, .callout h3 { margin: 0 0 0.6rem; } .user-icon { width: 1.5em; height: 1.5em; border-radius: 100%; margin-right: 0.5rem; } .user-icon-inner { font-size: 0.8em; } .text-icon { border: 1px solid #000; text-align: center; } .page-cover-image { display: block; object-fit: cover; width: 100%; max-height: 30vh; } .page-header-icon { font-size: 3rem; margin-bottom: 1rem; } .page-header-icon-with-cover { margin-top: -0.72em; margin-left: 0.07em; } .page-header-icon img { border-radius: 3px; } .link-to-page { margin: 1em 0; padding: 0; border: none; font-weight: 500; } p > .user { opacity: 0.5; } td > .user, td > time { white-space: nowrap; } input[type="checkbox"] { margin-right: 0.4em; vertical-align: middle; } p { margin-top: 0.5em; margin-bottom: 0.5em; } .image { border: none; margin: 1.5em 0; padding: 0; border-radius: 0; text-align: center; } .code, code { background: rgba(135, 131, 120, 0.15); border-radius: 3px; padding: 0.2em 0.4em; border-radius: 3px; font-size: 85%; tab-size: 2; } code { color: #eb5757; } .code { padding: 1.5em 1em; } .code-wrap { white-space: pre-wrap; word-break: break-all; } .code > code { background: none; padding: 0; font-size: 100%; color: inherit; } blockquote { font-size: 1em; margin: 1em 0; padding-left: 1em; border-left: 3px solid rgb(55, 53, 47); } blockquote.quote-large { font-size: 1.25em; } .bookmark { text-decoration: none; max-height: 8em; padding: 0; display: flex; width: 100%; align-items: stretch; } .bookmark-title { font-size: 0.85em; overflow: hidden; text-overflow: ellipsis; height: 1.75em; white-space: nowrap; } .bookmark-text { display: flex; flex-direction: column; } .bookmark-info { flex: 4 1 180px; padding: 12px 14px 14px; display: flex; flex-direction: column; justify-content: space-between; } .bookmark-image { width: 33%; flex: 1 1 180px; display: block; position: relative; object-fit: cover; border-radius: 1px; } .bookmark-description { color: rgba(55, 53, 47, 0.6); font-size: 0.75em; overflow: hidden; max-height: 4.5em; word-break: break-word; } .bookmark-href { font-size: 0.75em; margin-top: 0.25em; } .tab { margin: 1.25em 0; padding-inline: 1rem; border: 1px solid rgba(55, 53, 47, 0.09); } .sans { font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; } .code { font-family: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace; } .serif { font-family: Lyon-Text, Georgia, ui-serif, serif; } .mono { font-family: iawriter-mono, Nitti, Menlo, Courier, monospace; } .pdf .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK JP'; } .pdf:lang(zh-CN) .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK SC'; } .pdf:lang(zh-TW) .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK TC'; } .pdf:lang(ko-KR) .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK KR'; } .pdf .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK JP'; } .pdf:lang(zh-CN) .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC'; } .pdf:lang(zh-TW) .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK TC'; } .pdf:lang(ko-KR) .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK KR'; } .pdf .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK JP'; } .pdf:lang(zh-CN) .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK SC'; } .pdf:lang(zh-TW) .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK TC'; } .pdf:lang(ko-KR) .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK KR'; } .pdf .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK JP'; } .pdf:lang(zh-CN) .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC'; } .pdf:lang(zh-TW) .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK TC'; } .pdf:lang(ko-KR) .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK KR'; } .highlight-default { color: rgba(44, 44, 43, 1); } .highlight-gray { color: rgba(125, 122, 117, 1); fill: rgba(125, 122, 117, 1); } .highlight-brown { color: rgba(159, 118, 90, 1); fill: rgba(159, 118, 90, 1); } .highlight-orange { color: rgba(210, 123, 45, 1); fill: rgba(210, 123, 45, 1); } .highlight-yellow { color: rgba(203, 148, 52, 1); fill: rgba(203, 148, 52, 1); } .highlight-teal { color: rgba(80, 148, 110, 1); fill: rgba(80, 148, 110, 1); } .highlight-blue { color: rgba(56, 125, 201, 1); fill: rgba(56, 125, 201, 1); } .highlight-purple { color: rgba(154, 107, 180, 1); fill: rgba(154, 107, 180, 1); } .highlight-pink { color: rgba(193, 76, 138, 1); fill: rgba(193, 76, 138, 1); } .highlight-red { color: rgba(207, 81, 72, 1); fill: rgba(207, 81, 72, 1); } .highlight-default_background { color: rgba(44, 44, 43, 1); } .highlight-gray_background { background: rgba(42, 28, 0, 0.07); } .highlight-brown_background { background: rgba(139, 46, 0, 0.086); } .highlight-orange_background { background: rgba(224, 101, 1, 0.129); } .highlight-yellow_background { background: rgba(211, 168, 0, 0.137); } .highlight-teal_background { background: rgba(0, 100, 45, 0.09); } .highlight-blue_background { background: rgba(0, 124, 215, 0.094); } .highlight-purple_background { background: rgba(102, 0, 178, 0.078); } .highlight-pink_background { background: rgba(197, 0, 93, 0.086); } .highlight-red_background { background: rgba(223, 22, 0, 0.094); } .block-color-default { color: inherit; fill: inherit; } .block-color-gray { color: rgba(125, 122, 117, 1); fill: rgba(125, 122, 117, 1); } .block-color-brown { color: rgba(159, 118, 90, 1); fill: rgba(159, 118, 90, 1); } .block-color-orange { color: rgba(210, 123, 45, 1); fill: rgba(210, 123, 45, 1); } .block-color-yellow { color: rgba(203, 148, 52, 1); fill: rgba(203, 148, 52, 1); } .block-color-teal { color: rgba(80, 148, 110, 1); fill: rgba(80, 148, 110, 1); } .block-color-blue { color: rgba(56, 125, 201, 1); fill: rgba(56, 125, 201, 1); } .block-color-purple { color: rgba(154, 107, 180, 1); fill: rgba(154, 107, 180, 1); } .block-color-pink { color: rgba(193, 76, 138, 1); fill: rgba(193, 76, 138, 1); } .block-color-red { color: rgba(207, 81, 72, 1); fill: rgba(207, 81, 72, 1); } .block-color-default_background { color: inherit; fill: inherit; } .block-color-gray_background { background: rgba(240, 239, 237, 1); } .block-color-brown_background { background: rgba(245, 237, 233, 1); } .block-color-orange_background { background: rgba(251, 235, 222, 1); } .block-color-yellow_background { background: rgba(249, 243, 220, 1); } .block-color-teal_background { background: rgba(232, 241, 236, 1); } .block-color-blue_background { background: rgba(229, 242, 252, 1); } .block-color-purple_background { background: rgba(243, 235, 249, 1); } .block-color-pink_background { background: rgba(250, 233, 241, 1); } .block-color-red_background { background: rgba(252, 233, 231, 1); } .select-value-color-default { background-color: rgba(42, 28, 0, 0.07); } .select-value-color-gray { background-color: rgba(28, 19, 1, 0.11); } .select-value-color-brown { background-color: rgba(127, 51, 0, 0.156); } .select-value-color-orange { background-color: rgba(196, 88, 0, 0.203); } .select-value-color-yellow { background-color: rgba(209, 156, 0, 0.282); } .select-value-color-green { background-color: rgba(0, 96, 38, 0.156); } .select-value-color-blue { background-color: rgba(0, 118, 217, 0.203); } .select-value-color-purple { background-color: rgba(92, 0, 163, 0.141); } .select-value-color-pink { background-color: rgba(183, 0, 78, 0.152); } .select-value-color-red { background-color: rgba(206, 24, 0, 0.164); } .checkbox { display: inline-flex; vertical-align: text-bottom; width: 16; height: 16; background-size: 16px; margin-left: 2px; margin-right: 5px; } .checkbox-on { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%2358A9D7%22%2F%3E%0A%3Cpath%20d%3D%22M6.71429%2012.2852L14%204.9995L12.7143%203.71436L6.71429%209.71378L3.28571%206.2831L2%207.57092L6.71429%2012.2852Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E"); } .checkbox-off { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20fill%3D%22white%22%20stroke%3D%22%2336352F%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E"); }
#Question 1
# create a variable `a` with the word HELLO and a variable `b` with your name.
# now print 'HELLO YOUR_NAME' all in upper class
a = 'Hello'
b= 'Elisaardo'
print(a +" " +b)
#Question2
#How many ways can you can name a variable (hint: cases) name them all
# 4 camelCase, PascalCase, snake_case ,kebab-cases
#Question3
"""
Can you guess how many `p` are in the following paragraph?
The Pentagon has ordered 3,000 more soldiers from the 82nd Airborne Division to Poland as tensions continued to mount about a possible Russian invasion of Ukraine, a senior defense official said Friday. The deployment of the additional troops to Poland came as the White House warned that a Russian invasion of Ukraine could begin during the Olympics and urged all American citizens in Ukraine to leave the country over the next 24 to 48 hour
"""
c = 'The Pentagon has ordered 3,000 more soldiers from the 82nd Airborne Division to Poland as tensions continued to mount about a possible Russian invasion of Ukraine, a senior defense official said Friday. The deployment of the additional troops to Poland came as the White House warned that a Russian invasion of Ukraine could begin during the Olympics and urged all American citizens in Ukraine to leave the country over the next 24 to 48 hour'
d = c.lower()
d.count('p')
#Question4
#say you have the following sentence
'I am a {job} at {work}'
# replace job and work with your job and name of workplace
e = 'I am a {job} at {work}'
e.format(job='student', work = 'KAIST' )
#Question5
#Insert values using % to get the following:
'In the Library, I studied for 5 hours.'
hours = 5
place = 'library'
'In the %s, I studied for %d hours.' %(place, hours)
#Question 6
#Explain the role of escape function \n and \t
#\n is to do a line break
#\t is used to give tab space between letters.
#Question7
#Find the length of the following phrase: "I want to sleep now."
abcd = "I want to sleep now."
len(abcd)
#Question8
# From the previous question, get the word "now" by using slicing function
abcd[16:19]