Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	French by LeaferStudios
ID	5937470507499520
Created	2 months ago, 1728915864378
Updated	2 months ago, 1728916935504
Code	<!DOCTYPE html> <!-- French by LeaferStudios by LeaferStudios French by LeaferStudios is a French language learning journal for English speakers. For more quality programs, subscribe: https://www.khanacademy.org/computer-programming/leaferstudios/4934504502870016 Website Programmed: Sunday, October 13, 2024 Project Released: Monday, October 14, 2024 First released for the Khan Academy Computing community. Released on October 14, 2024 Any questions, tips, comments, or bug reports? Tell me in the comments section of this program on Khan Academy. Thumbnail doesn't show up properly :( Credit to Noto Color Emoji by Google for the SVG's. All code by LeaferStudios (https://www.khanacademy.org/profile/kaid_553656479258879622339276/projects) --> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="French by LeaferStudios is a French language learning journal for English speakers designed and developed by LeaferStudios@LeaferStudios (https://www.khanacademy.org/profile/kaid_553656479258879622339276/)" /> <meta name="author" content="LeaferStudios" /> <meta name="keywords" content="Educational,French,Lessons,School,Tutoring,Responsive,HTML,CSS,JS,JavaScript,LeaferStudios,Khan Academy" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto+Serif:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Inclusive+Sans:ital@0;1&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Noto+Color+Emoji&display=swap" rel="stylesheet"> <title>French by LeaferStudios</title> <style> / Main website CSS / :root { box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; --main-font: 'Inclusive Sans', ui-sans-serif, -apple-system, system-ui, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol; --bg: #000; --btn-default: rgb(67, 29, 143); --btn-default-hover: rgb(49, 14, 110); --btn-default-color: rgb(255, 255, 255); --text: #FFF; --footer-bg: rgb(48, 48, 48); --jumbotron-bg: linear-gradient(0deg, rgb(36, 36, 36), rgb(26, 7, 54)); --link-color: rgb(103, 186, 245); --link-color-hover: rgb(76, 177, 255); --link-border-color: rgb(0, 131, 232); --red: rgb(237, 29, 109); --blue: rgb(14, 158, 230); --white: #FFF; --black: #000; } .dark-mode {} html, body { background-color: var(--bg); position: static !important; top: 0px !important; font-family: var(--main-font); margin: 0; padding: 0; height: 100%; width: 100%; color: var(--text); scroll-behavior: smooth; overflow-x: hidden; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } * { scrollbar-width: thin; scrollbar-color: var(--color-scrollbar) transparent; } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: gray; border-radius: 10px; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 500; color: var(--text); } h1 { font-size: calc(1.375rem + 1.5vw); color: var(--text); } / no select / .no-select { -webkit-user-select: none; / Safari / -khtml-user-select: none; / KHTML / -moz-user-select: none; / Older Firefox / -ms-user-select: none; / IE / user-select: none; / Chrome, Edge, Opera and Firefox / } / container / .container { margin: 0 auto; padding: 1rem; width: 100%; } / jumbotron / .jumbotron { background: var(--jumbotron-bg); padding: 45px; border-bottom: 1px solid rgb(219, 219, 219); } .block:not(:last-child) { margin-bottom: 1.5rem; } .bg-red { background: var(--red); } .bg-green { background: var(--green); } .bg-blue { background: var(--blue); } .text-white { color: var(--white); } .text-white:hover { color: var(--white); } .text-black { color: var(--black); } .text-black:hover { color: var(--black); } .no-space { margin: 0 !important; padding: 0 !important; } hr { background: gainsboro; height: 1px; border: none; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } p { font-size: 1em; line-height: 24px; color: var(--text); } a { color: var(--link-color); text-decoration: none; border: 1px solid transparent; } a:hover { color: var(--link-color-hover); text-decoration: none; border-bottom: 1px solid rgb(0, 78, 173); } a:focus { border: 1px dashed var(--link-border-color); } .fact { background-color: var(--footer-bg); padding: 1px 15px; border-left: 5px solid var(--blue); } </style> <!-- Keyframe animations --> <style> @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } </style> <!-- Buttons --> <style> button { padding: 0 16px; height: 36px; border: none; background-color: var(--btn-default); font-family: var(--main-font); cursor: pointer; color: var(--btn-default-color); transition: all 0.15s; border: 1px solid transparent; } button:hover { background-color: var(--btn-default-hover); color: var(--btn-default-color); } button:focus { border: 1px solid var(--bg); } </style> <!-- Footer--> <style> footer { background-color: var(--footer-bg); padding: 15px; margin: 0; width: 100%; } </style> <!-- nav--> <style> .nav { height: 65px; display: flex; justify-content: space-between; } .nav .nav-link { line-height: 65px; cursor: pointer; width: 100%; text-align: center; border-bottom: none; opacity: 0.8; transition: all 0.1618s; } .nav .nav-link:hover { border-bottom: none; opacity: 1; } i { vertical-align: middle; } </style> <style> .full-height { height: 100%; } .backgroundsy { background-position: center; background-size: 159%; background-attachment: fixed; background-repeat: no-repeat; box-shadow: inset -100vw -100vh 300px rgba(0, 54, 181, 0.5); } .backgroundsy h1 { margin: 0; color: #FFF; font-size: 50px; } .backgroundsy p { color: #FFF; font-size: 20px; } .center-position { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } #showe.hide-showe { animation: hide-showe 3s forwards; } @keyframes hide-showe { 0% { opacity: 1; } 100% { opacity: 0; } } #mainjumbo { position: relative; z-index: 0; overflow: hidden; padding: 0; } #mainjumbo h1 { padding: 0; margin: 0; } #cityscape { position: absolute; top: 0; z-index: -1; left: 0; width: 100vw; margin: 0; height: 100vh; padding: 0; transform: scale(1.1, 0.5)translate(0px, -389px); animation: jiggle 35s ease-in-out infinite; } @keyframes jiggle { 0% { transform: scale(1.1, 0.5) translate(0vw, -40vh); } 25% { transform: scale(2.2, 1) translate(3vw, -31vh); } 50% { transform: scale(2.2, 1) translate(21vw, -21vh); } 75% { transform: scale(2.2, 1) translate(-21vw, -21vh); } 100% { transform: scale(1.1, 0.5) translate(0vw, -40vh); } } </style> <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Longfields/LeaferStudiosCSS/css/grid.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Longfields/LeaferStudiosCSS/css/spacing.css">--> <style> / Responsive Grid System / .row { display: flex; flex-wrap: wrap; margin: 0 -0.75rem; } .col { flex: 1 1 0; padding: 0 0.75rem; } @media (min-width: 576px) { / media queries for small columns / .col-sm-1 { flex: 0 0 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; } .col-sm-3 { flex: 0 0 25%; } .col-sm-4 { flex: 0 0 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; } .col-sm-6 { flex: 0 0 50%; } .col-sm-7 { flex: 0 0 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; } .col-sm-9 { flex: 0 0 75%; } .col-sm-10 { flex: 0 0 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; } .col-sm-12 { flex: 0 0 100%; } } @media (min-width: 768px) { .col-md-1 { flex: 0 0 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; } .col-md-3 { flex: 0 0 25%; } .col-md-4 { flex: 0 0 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; } .col-md-6 { flex: 0 0 50%; } .col-md-7 { flex: 0 0 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; } .col-md-9 { flex: 0 0 75%; } .col-md-10 { flex: 0 0 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; } .col-md-12 { flex: 0 0 100%; } } @media (min-width: 992px) { .col-lg-1 { flex: 0 0 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; } .col-lg-3 { flex: 0 0 25%; } .col-lg-4 { flex: 0 0 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; } .col-lg-6 { flex: 0 0 50%; } .col-lg-7 { flex: 0 0 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; } .col-lg-9 { flex: 0 0 75%; } .col-lg-10 { flex: 0 0 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; } .col-lg-12 { flex: 0 0 100%; } } @media (min-width: 1200px) { .col-xl-1 { flex: 0 0 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; } .col-xl-3 { flex: 0 0 25%; } .col-xl-4 { flex: 0 0 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; } .col-xl-6 { flex: 0 0 50%; } .col-xl-7 { flex: 0 0 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; } .col-xl-9 { flex: 0 0 75%; } .col-xl-10 { flex: 0 0 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; } .col-xl-12 { flex: 0 0 100%; } } </style> <style> / Margin & Padding Utilities / / Padding Top / .p-t-0 { padding-top: 0; / Top padding 0 - equals to 0px / } .p-t-1 { padding-top: 0.25rem; / Top padding 1 - equals to 4px / } .p-t-2 { padding-top: 0.5rem; / Top padding 2 - equals to 8px / } .p-t-3 { padding-top: 1rem; / Top padding 3 - equals to 16px / } .p-t-4 { padding-top: 1.5rem; / Top padding 4 - equals to 24px / } .p-t-5 { padding-top: 3rem; / Top padding 5 - equals to 48px / } / Padding Bottom / .p-b-0 { padding-bottom: 0; / Bottom padding 0 - equals to 0px / } .p-b-1 { padding-bottom: 0.25rem; / Bottom padding 1 - equals to 4px / } .p-b-2 { padding-bottom: 0.5rem; / Bottom padding 2 - equals to 8px / } .p-b-3 { padding-bottom: 1rem; / Bottom padding 3 - equals to 16px / } .p-b-4 { padding-bottom: 1.5rem; / Bottom padding 4 - equals to 24px / } .p-b-5 { padding-bottom: 3rem; / Bottom padding 5 - equals to 48px / } / Padding Left / .p-l-0 { padding-left: 0; / Left padding 0 - equals to 0px / } .p-l-1 { padding-left: 0.25rem; / Left padding 1 - equals to 4px / } .p-l-2 { padding-left: 0.5rem; / Left padding 2 - equals to 8px / } .p-l-3 { padding-left: 1rem; / Left padding 3 - equals to 16px / } .p-l-4 { padding-left: 1.5rem; / Left padding 4 - equals to 24px / } .p-l-5 { padding-left: 3rem; / Left padding 5 - equals to 48px / } / Padding Right / .p-r-0 { padding-right: 0; / Right padding 0 - equals to 0px / } .p-r-1 { padding-right: 0.25rem; / Right padding 1 - equals to 4px / } .p-r-2 { padding-right: 0.5rem; / Right padding 2 - equals to 8px / } .p-r-3 { padding-right: 1rem; / Right padding 3 - equals to 16px / } .p-r-4 { padding-right: 1.5rem; / Right padding 4 - equals to 24px / } .p-r-5 { padding-right: 3rem; / Right padding 5 - equals to 48px / } / Margin / [class="m-1"] { margin: 0.25rem; /* Margin 1 - equals to 4px / } [class="m-2"] { margin: 0.5rem; /* Margin 2 - equals to 8px / } [class="m-3"] { margin: 1rem; /* Margin 3 - equals to 16px / } [class="m-4"] { margin: 1.5rem; /* Margin 4 - equals to 24px / } [class="m-5"] { margin: 3rem; /* Margin 5 - equals to 48px / } / Margin Top / .m-t-0 { margin-top: 0; / Top margin 0 - equals to 0px / } .m-t-1 { margin-top: 0.25rem; / Top margin 1 - equals to 4px / } .m-t-2 { margin-top: 0.5rem; / Top margin 2 - equals to 8px / } .m-t-3 { margin-top: 1rem; / Top margin 3 - equals to 16px / } .m-t-4 { margin-top: 1.5rem; / Top margin 4 - equals to 24px / } .m-t-5 { margin-top: 3rem; / Top margin 5 - equals to 48px / } / Margin Bottom / .m-b-0 { margin-bottom: 0; / Bottom margin 0 - equals to 0px / } .m-b-1 { margin-bottom: 0.25rem; / Bottom margin 1 - equals to 4px / } .m-b-2 { margin-bottom: 0.5rem; / Bottom margin 2 - equals to 8px / } .m-b-3 { margin-bottom: 1rem; / Bottom margin 3 - equals to 16px / } .m-b-4 { margin-bottom: 1.5rem; / Bottom margin 4 - equals to 24px / } .m-b-5 { margin-bottom: 3rem; / Bottom margin 5 - equals to 48px / } / Margin Left / .m-l-0 { margin-left: 0; / Left margin 0 - equals to 0px / } .m-l-1 { margin-left: 0.25rem; / Left margin 1 - equals to 4px / } .m-l-2 { margin-left: 0.5rem; / Left margin 2 - equals to 8px / } .m-l-3 { margin-left: 1rem; / Left margin 3 - equals to 16px / } .m-l-4 { margin-left: 1.5rem; / Left margin 4 - equals to 24px / } .m-l-5 { margin-left: 3rem; / Left margin 5 - equals to 48px / } / Margin Right / .m-r-0 { margin-right: 0; / Right margin 0 - equals to 0px / } .m-r-1 { margin-right: 0.25rem; / Right margin 1 - equals to 4px / } .m-r-2 { margin-right: 0.5rem; / Right margin 2 - equals to 8px / } .m-r-3 { margin-right: 1rem; / Right margin 3 - equals to 16px / } .m-r-4 { margin-right: 1.5rem; / Right margin 4 - equals to 24px / } .m-r-5 { margin-right: 3rem; / Right margin 5 - equals to 48px / } / Padding / [class="p-1"] { padding: 0.25rem; /* Padding 1 - equals to 4px / } [class="p-2"] { padding: 0.5rem; /* Padding 2 - equals to 8px / } [class="p-3"] { padding: 1rem; /* Padding 3 - equals to 16px / } [class="p-4"] { padding: 1.5rem; /* Padding 4 - equals to 24px / } [class="p-5"] { padding: 3rem; /* Padding 5 - equals to 48px / } </style> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="UTF-8" /> </head> <body class='dark-mode'> <noscript> Sorry, your browser does not support JavaScript, which is needed to run this application! </noscript> <nav class='nav'> <a onclick='scene(0);' class='nav-link'>Home</a> <a onclick='scene(1);' class='nav-link'>About</a> <a onclick='scene(2);' class='nav-link'>Subscribe</a> </nav> <div class='scene'> <div class='jumbotron' id='mainjumbo'> <div style='box-shadow: inset -2100px -1310px 320px rgba(0, 0, 0, 0.4);padding: 65px;'> <svg width="800px" height="800px" viewBox="0 0 128 128" id='cityscape'> <radialGradient id="IconifyId17ecdb2904d178eab6069" cx="66.229" cy="137.219" r="134.881" gradientUnits="userSpaceOnUse"> <stop offset=".408" stop-color="#f4704f"></stop> <stop offset=".463" stop-color="#ef6f55"></stop> <stop offset=".536" stop-color="#e16d66"></stop> <stop offset=".621" stop-color="#ca6982"></stop> <stop offset=".713" stop-color="#a964a9"></stop> <stop offset=".727" stop-color="#a463b0"></stop> <stop offset=".772" stop-color="#9361b0"></stop> <stop offset=".861" stop-color="#655caf"></stop> <stop offset=".944" stop-color="#3657ae"></stop> </radialGradient> <path d="M116.62 124.26H11.32c-4.15 0-7.52-3.37-7.52-7.52V11.44c0-4.15 3.37-7.52 7.52-7.52h105.3c4.15 0 7.52 3.37 7.52 7.52v105.3c.01 4.15-3.36 7.52-7.52 7.52z" fill="url(#IconifyId17ecdb2904d178eab6069)"></path> <path fill="#a47fcd" d="M121.3 62.39h-19v21.86H60.19V18.84H28.65v65.41h-4.48V49.13H12.34v42.65h9.5v25.44h97.13v-11.11h2.33z"></path> <path fill="#3f737b" d="M32.41 25.13h2.37v7.59h-2.37z"></path> <path fill="#3f737b" d="M37.46 25.13h2.47v7.59h-2.47z"></path> <path fill="#3f737b" d="M45.27 25.13h-2.42v7.59l2.36-.02z"></path> <path fill="#a363b0" d="M50.44 25.13l-2.6.01l.07 7.58h2.51z"></path> <path fill="#fde064" d="M32.41 25.13h2.37v7.59h-2.37z"></path> <path fill="#fde064" d="M37.46 25.13h2.47v7.59h-2.47z"></path> <path fill="#fde064" d="M45.31 25.13h-2.46v7.59l2.43-.02z"></path> <path fill="#a463b0" d="M50.44 37.13l-2.6.01l.07 7.58h2.51z"></path> <path fill="#fde064" d="M32.41 37.13h2.37v7.59h-2.37z"></path> <path fill="#a463b0" d="M37.46 37.13h2.47v7.59h-2.47z"></path> <path fill="#a463b0" d="M45.31 37.13h-2.46v7.59l2.43-.02z"></path> <path fill="#a463b0" d="M32.41 49.13h2.37v7.59h-2.37z"></path> <path fill="#a463b0" d="M37.46 49.13h2.47v7.59h-2.47z"></path> <path fill="#a463b0" d="M45.31 49.13h-2.46v7.59l2.43-.02z"></path> <path fill="#a363b0" d="M53.36 25.13l-.01 7.59h2.56v-7.59z"></path> <path fill="#a463b0" d="M105.55 81.2h2.88v3.94h-2.88z"></path> <path fill="#a463b0" d="M111.3 81.2h2.88v3.94h-2.88z"></path> <path fill="#fde064" d="M105.55 73.83h2.88v3.94h-2.88z"></path> <path fill="#a463b0" d="M111.3 73.83h2.88v3.94h-2.88z"></path> <path fill="#fde064" d="M105.55 66.83h2.88v3.94h-2.88z"></path> <path fill="#fde064" d="M111.3 66.83h2.88v3.94h-2.88z"></path> <radialGradient id="IconifyId17ecdb2904d178eab6070" cx="56.989" cy="23.279" r="100.394" gradientUnits="userSpaceOnUse"> <stop offset=".46" stop-color="#513076"></stop> <stop offset=".951" stop-color="#412769"></stop> </radialGradient> <path d="M115 49.4c-.36.73 0 42.7 0 42.7H99.13v-24h-5.11v-7.67h-4.53v-6.51h-8.16v6.84h-5.19v7.17h-5.36v34.95h-5.04v-39h2.35v-7.44h-2.35V41.03h-2.65l-3.61-11.16h-7.11L48.8 41.03h-2.79v15.41h-2.48v7.44h2.48v39h-7.18V67.83H17.19V28.47s-13.35-.09-13.39-.05v88.32c0 4.15 3.37 7.52 7.52 7.52h105.3c4.15 0 7.52-3.37 7.52-7.52V49.4H115z" fill="url(#IconifyId17ecdb2904d178eab6070)"></path> <path fill="#a463b0" d="M5.71 116.21h29.97v2.35H5.71z"></path> <path fill="#a463b0" d="M5.71 107.86h29.97v2.35H5.71z"></path> <path fill="#fde064" d="M5.71 99.21h29.97v2.35H5.71z"></path> <path fill="#fde064" d="M5.71 90.86h29.97v2.35H5.71z"></path> <path fill="#fde064" d="M5.71 81.21h29.97v2.35H5.71z"></path> <path fill="#fde064" d="M5.71 72.86h29.97v2.35H5.71z"></path> <path fill="#a463b0" d="M5.71 63.32h1.76v3.7H5.71z"></path> <path fill="#fde064" d="M11.71 63.32h1.76v3.7h-1.76z"></path> <path fill="#fde064" d="M5.71 55.89h1.76v3.7H5.71z"></path> <path fill="#fde064" d="M11.71 55.89h1.76v3.7h-1.76z"></path> <path fill="#fde064" d="M5.71 48.46h1.76v3.7H5.71z"></path> <path fill="#fde064" d="M11.71 48.46h1.76v3.7h-1.76z"></path> <path fill="#fde064" d="M5.71 41.03h1.76v3.7H5.71z"></path> <path fill="#fde064" d="M11.71 41.03h1.76v3.7h-1.76z"></path> <path fill="#fde064" d="M5.71 33.59h1.76v3.7H5.71z"></path> <path fill="#a463b0" d="M11.71 33.59h1.76v3.7h-1.76z"></path> <path fill="#fde064" d="M49.8 64.51h2.27v4.76H49.8z"></path> <path fill="#fde064" d="M55.18 64.51h2.27v4.76h-2.27z"></path> <path fill="#fde064" d="M60.36 64.51h2.27v4.76h-2.27z"></path> <path fill="#fde064" d="M49.8 73.51h2.27v4.76H49.8z"></path> <path fill="#fde064" d="M49.8 97.7h2.27v4.76H49.8z"></path> <path fill="#a463b0" d="M55.18 97.7h2.27v4.76h-2.27z"></path> <path fill="#a463b0" d="M60.36 97.7h2.27v4.76h-2.27z"></path> <path fill="#a463b0" d="M55.18 73.51h2.27v4.76h-2.27z"></path> <path fill="#fde064" d="M60.36 73.51h2.27v4.76h-2.27z"></path> <path fill="#a463b0" d="M49.8 82.51h2.27v4.76H49.8z"></path> <path fill="#fde064" d="M55.18 82.51h2.27v4.76h-2.27z"></path> <path fill="#fde064" d="M60.36 82.51h2.27v4.76h-2.27z"></path> <path d="M54.01 53.96h4.66v-6.92s.17-2.6-2.35-2.66c-2.37-.06-2.4 2.6-2.4 2.6s.15 6.98.09 6.98z" fill="#a463b0"></path> <path fill="#fde064" d="M79.85 64.16h2.27v9.69h-2.27z"></path> <path fill="#fde064" d="M88.36 64.16h2.27v9.69h-2.27z"></path> <path fill="#fde064" d="M84.15 64.16h2.27v9.69h-2.27z"></path> <path fill="#fde064" d="M76.37 77.58h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M84.19 77.58h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M92.01 77.58h2.27v3.09h-2.27z"></path> <path fill="#a463b0" d="M76.37 87.58h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M84.19 87.58h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M92.01 87.58h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M76.37 97.03h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M84.19 97.03h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M92.01 97.03h2.27v3.09h-2.27z"></path> <path fill="#a463b0" d="M76.37 107.03h2.27v3.09h-2.27z"></path> <path fill="#fde064" d="M84.19 107.03h2.27v3.09h-2.27z"></path> <path fill="#a463b0" d="M92.01 107.03h2.27v3.09h-2.27z"></path> <path fill="#a463b0" d="M76.37 116.5h2.27v3.09h-2.27z"></path> <path fill="#a463b0" d="M84.19 116.5h2.27v3.09h-2.27z"></path> <path fill="#a463b0" d="M92.01 116.5h2.27v3.09h-2.27z"></path> </svg> <h1>French by LeaferStudios</h1> <p><b>French by LeaferStudios</b> <em>is a French language learning journal for English speakers developed by</em> <a href='https://www.khanacademy.org/profile/kaid_553656479258879622339276/' target='_blank'>LeaferStudios</a></p> <!--<i class='noto-color-emoji-regular'style='font-family: "Noto Color Emoji SVG";'>🍜</i>--> </div> </div> <div class="row no-space"> <div class="col col-sm-12 col-md-6 col-lg-12 col-xl-12 no-space"> <div class="p-4"> <h1 class="">A1</h1> <p class="">Master level A1 French</p> <svg width="100px" height="100px" viewBox="0 0 128 128"> <path d="M98.3 39.81l-55.45 60.78l-38.39 14.72s-1.48 3.31 1.58 6c2.57 2.27 6.25 1.14 7.84.57s4.39.16 7.38.23c2.3.05 7.72-.91 11.13-2.5s10-5.34 21.7-16.24s26.04-25.09 31.57-31.25C96.19 60.39 97.76 58 107 45.39c7.22-9.86 11.39-18.15 13.32-22.35c1.93-4.2 4.66-9.77 4.09-13.06S121 6.11 121 6.11l-22.7 33.7z" fill="#e38413"></path> <radialGradient id="IconifyId17ecdb2904d178eab5780" cx="47.518" cy="49.924" r="43.766" gradientTransform="matrix(.7047 .7095 -1.77 1.7578 102.401 -71.55)" gradientUnits="userSpaceOnUse"> <stop offset=".445" stop-color="#db8316"></stop> <stop offset=".539" stop-color="#df8a1b"></stop> <stop offset=".671" stop-color="#e99c2a"></stop> <stop offset=".79" stop-color="#f6b23b"></stop> </radialGradient> <path d="M83.47 18.47c-7.67 5.49-19.39 17.04-33.3 32C33.25 68.66 15.7 89.71 12.28 95.9c-5.2 9.41-4.15 11.42-5.5 14.26s-3.92 5.3-2.09 8.6c1.46 2.65 5.49 1.36 7.74.51c1.79-.68 4.58-.27 8.11-.08c6.11.32 13.48-2.43 22.05-9.34S73.62 80.31 89.1 63.47s29.72-41.93 32.3-47.24c2.58-5.31 3.02-6.16 3.02-7.08c0-.93-1.63-5.35-11.96-3.91s-21.45 7.83-28.99 13.23z" fill="url(#IconifyId17ecdb2904d178eab5780)"></path> <radialGradient id="IconifyId17ecdb2904d178eab5781" cx="99.251" cy="16.863" r="9.919" gradientTransform="matrix(.8 -.6 .3781 .5041 13.475 67.913)" gradientUnits="userSpaceOnUse"> <stop offset=".029" stop-color="#fbd8a9"></stop> <stop offset="1" stop-color="#fbd8a9" stop-opacity="0"></stop> </radialGradient> <path d="M102.2 8.52c-2.83.25-8.96 4.19-10.4 5.76c-4.59 5-1.41 10.03 2.5 10.16c7.38.24 13.31-4.59 14.59-9.13c1.61-5.74-2.67-7.15-6.69-6.79z" fill="url(#IconifyId17ecdb2904d178eab5781)"></path> <radialGradient id="IconifyId17ecdb2904d178eab5782" cx="76.352" cy="40.241" r="13.416" gradientTransform="matrix(.9934 -.5282 .4699 .6456 -18.34 54.592)" gradientUnits="userSpaceOnUse"> <stop offset=".097" stop-color="#fde5bf"></stop> <stop offset=".37" stop-color="#fce1b9" stop-opacity=".742"></stop> <stop offset=".716" stop-color="#fad8a9" stop-opacity=".416"></stop> <stop offset=".843" stop-color="#fce0b6" stop-opacity=".211"></stop> <stop offset=".974" stop-color="#fde5bf" stop-opacity="0"></stop> </radialGradient> <path d="M75.15 28.12c-3.34 1.22-9.05 6.9-10.73 8.5c-4.01 3.84-6.83 15.41 5.78 16.1c10.29.56 22.76-9.43 20.67-18.89c-1.48-6.76-8.69-8.27-15.72-5.71z" fill="url(#IconifyId17ecdb2904d178eab5782)"></path> <radialGradient id="IconifyId17ecdb2904d178eab5783" cx="47.558" cy="72.772" r="13.1" gradientTransform="matrix(.7602 -.7098 .6856 .612 -37.33 62.34)" gradientUnits="userSpaceOnUse"> <stop offset=".188" stop-color="#fbd8a9"></stop> <stop offset=".977" stop-color="#fbd8a9" stop-opacity="0"></stop> </radialGradient> <path d="M49.76 60.67c-4.82.44-8.87 1.46-13.25 8.08c-5.79 8.75.17 17.01 8.23 17.38c7.66.35 15.52-4.16 17.5-11.86c2.2-8.6-5.25-14.26-12.48-13.6z" fill="url(#IconifyId17ecdb2904d178eab5783)"></path> <radialGradient id="IconifyId17ecdb2904d178eab5784" cx="24.16" cy="100.109" r="16.826" gradientTransform="matrix(.7432 -.6769 .383 .4125 -31.988 75.173)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#fde5bf"></stop> <stop offset="1" stop-color="#fde5bf" stop-opacity="0"></stop> </radialGradient> <path d="M28.04 86.6c-6.54 1.62-12.19 5.8-15.9 11.84c-5.48 8.92-3.94 14.56.96 16.33c4.9 1.78 19.65-5.34 25.09-15.01c6.45-11.48-2.02-15.18-10.15-13.16z" fill="url(#IconifyId17ecdb2904d178eab5784)"></path> <path d="M65.95 37.97c-.6-1.2 2.48-4.16 6.37-7.51c3.89-3.36 11.76-8.56 18.65-10.17c7.6-1.77 17.24-1.94 17.42-.09c.14 1.42-6.98 5.75-6.98 5.75L71.34 37.52s-4.86 1.51-5.39.45z" fill="#ce701b"></path> <path d="M86.2 27c-11.16 4.85-17.28 11.1-17.28 11.1s10.03.18 23.69-5.04c7.38-2.82 14.57-11.19 14.57-11.19s-10.2.45-20.98 5.13z" fill="#fdce8c"></path> <path d="M44.34 66.78s-4.51 2.34-5.64 1.93c-1.13-.4 0-2.18 1.29-4.19c.93-1.45 6.64-8.4 12.96-12.2c6.69-4.03 13.33-5.51 19.77-6.01c5.83-.46 12.97.01 11.61 1.69c-1.5 1.84-3.11 3.65-3.11 3.65L44.34 66.78z" fill="#ce701b"></path> <path d="M58.45 54.53c9.07-3.73 12.65-3.95 16.85-4.67c4.19-.73 7.9-.48 7.9-.48s-2.2 2.71-4.86 5.21s-6.01 5.06-7.62 5.54s-10.89 3.15-17.19 4.6c-5.32 1.22-12.65 3.6-12.65 3.6s7.98-9.85 17.57-13.8z" fill="#fdce8c"></path> <path d="M15.82 96.17c-.19-1.15 6.06-10.66 15.08-15.52s19.85-4.61 22.57-4.55s5.26.35 5.09 1.56s-1.45 1.85-1.45 1.85L17.85 96.58s-1.85.64-2.03-.41z" fill="#ce701b"></path> <path d="M27.8 87.21c7.29-5.21 15.15-6.65 20.7-7.34c5.74-.72 8.62-.4 8.62-.4s-3.95 4.4-6.08 6.13c-1.94 1.58-5.74 4.54-7.51 5.26c-1.22.5-8.79 2.26-12.09 3.01s-13.82 2.78-13.82 2.78s1.93-3.55 10.18-9.44z" fill="#fdce8c"></path> </svg> <br><br> <button class="btn" onclick="scene(3);">Explore</button> </div> </div> <div class="col col-sm-12 col-md-6 col-lg-12 col-xl-12 no-space"> <div class="p-4"> <h1 class="">A2</h1> <p class="">Master level A2 French</p> <svg width="100px" height="100px" viewBox="0 0 36 36"> <path fill="#744EAA" d="M10.582 18c2.075 1.244 2.74 3.559 2.416 6h4.837A12.74 12.74 0 0 0 18 22c0-6.075-5.001-11.731-10.27-11.731c-8.479 0-9.866 9.043-4.567 11.731c-1.059-5 4.122-5.975 7.419-4zm14.875 0c-2.075 1.244-2.74 3.559-2.416 6h-4.837a12.62 12.62 0 0 1-.165-2c0-6.075 5.001-11.731 10.269-11.731c8.479 0 9.866 9.043 4.567 11.731c1.061-5-4.121-5.975-7.418-4zm4.334 8.647A3.488 3.488 0 0 1 26.5 29a3.49 3.49 0 0 1-3.449-3h-2.615A4.931 4.931 0 0 0 20 28c0 2.762 2.238 5 5 5s5-2.238 5-5c0-.472-.086-.92-.209-1.353zM12.949 26A3.49 3.49 0 0 1 9.5 29a3.489 3.489 0 0 1-3.291-2.353A4.923 4.923 0 0 0 6 28c0 2.762 2.238 5 5 5s5-2.238 5-5c0-.715-.165-1.386-.436-2h-2.615z"></path> <path fill="#AA8DD8" d="M13 10.227C13 3.951 18 0 18 0s5 3.951 5 10.227S20.762 25 18 25s-5-8.497-5-14.773z"></path> <path fill="#AA8DD8" d="M14 30c0-3.313 2.344-6 4-6c1.656 0 4 2.687 4 6s-4 6-4 6s-4-2.687-4-6z"></path> <path fill="#9266CC" d="M25 24.5a3.5 3.5 0 0 1-3.5 3.5h-7a3.5 3.5 0 1 1 0-7h7a3.5 3.5 0 0 1 3.5 3.5z"></path> </svg><br><br> <button class="btn" onclick="scene(4);">Explore</button> </div> </div> <div class="col col-sm-12 col-md-6 col-lg-12 col-xl-12 no-space"> <div class="p-4"> <h1 class="">B1</h1> <p class="">Master level B1 French</p><svg width="100px" height="100px" viewBox="0 0 128 128"> <radialGradient id="IconifyId17ecdb2904d178eab6105" cx="63.6" cy="2288.9" r="56.96" gradientTransform="translate(0 -2226)" gradientUnits="userSpaceOnUse"> <stop offset=".5" stop-color="#fde030"> </stop> <stop offset=".92" stop-color="#f7c02b"> </stop> <stop offset="1" stop-color="#f4a223"> </stop> </radialGradient> <path d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5z" fill="url(#IconifyId17ecdb2904d178eab6105)"> </path> <radialGradient id="IconifyId17ecdb2904d178eab6106" cx="63.6" cy="2288.9" r="56.96" gradientTransform="translate(0 -2226)" gradientUnits="userSpaceOnUse"> <stop offset=".16" stop-color="#40e3e7"> </stop> <stop offset=".51" stop-color="#3fe1e7"> </stop> <stop offset=".65" stop-color="#39dae7"> </stop> <stop offset=".77" stop-color="#30cde6"> </stop> <stop offset=".86" stop-color="#23bce5"> </stop> <stop offset=".94" stop-color="#13a5e4"> </stop> <stop offset="1" stop-color="#018ce3"> </stop> </radialGradient> <path d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5z" fill="url(#IconifyId17ecdb2904d178eab6106)"> </path> <path d="M111.49 29.67c5.33 8.6 8.11 18.84 8.11 30.23c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5c11.5-10.2 17.6-24.5 17.6-41.4c0-12.74-3.47-24.06-10.11-33.23z" fill="#018ce3"> </path> <g> <linearGradient id="IconifyId17ecdb2904d178eab6107" gradientUnits="userSpaceOnUse" x1="38.099" y1="122.739" x2="44.599" y2="106.489" gradientTransform="matrix(1 0 0 -1 0 130)"> <stop offset="0" stop-color="#ffffff"> </stop> <stop offset=".21" stop-color="#f6fcff"> </stop> <stop offset=".56" stop-color="#def3ff"> </stop> <stop offset="1" stop-color="#b7e4ff"> </stop> </linearGradient> <path d="M70.18 19.19c6.52.81 17.93 2.44 15.48-7.33S66.93 5.34 60.41 4.53s-17.11-3.26-23.63.81s-11.4 13.85-16.29 15.48s-7.33 1.63-10.18 6.11C7.76 30.94 5.23 38.57 7 44s8.75.75 19.25-10.75" fill="url(#IconifyId17ecdb2904d178eab6107)"> </path> <path d="M30.94 66.3a.874.874 0 0 0-1.06-.62h-.01l-2.17.58c-.54.12-1.11.04-1.61-.21l-3.8-2.19a.471.471 0 0 1-.28-.6c.05-.13.15-.23.28-.28l3.8-2.2c.5-.25 1.06-.32 1.61-.21l2.17.59a.89.89 0 0 0 1.12-.58c0-.01.01-.03.01-.04l.34-1.26a.879.879 0 0 0-.62-1.08l-1.32-.35a.874.874 0 0 1-.62-1.06v-.01l.35-1.31a.887.887 0 0 0-.62-1.08L27.19 54a.879.879 0 0 0-1.08.62l-.57 2.18c-.17.53-.53.99-1 1.29l-3.8 2.19c-.41.25-.75 0-.75-.43v-4.33c.03-.56.24-1.08.61-1.5l1.6-1.59c.34-.34.34-.9 0-1.24l-.94-.94a.87.87 0 0 0-1.23 0l-1 1c-.34.34-.9.34-1.24 0l-1-1a.87.87 0 0 0-1.23 0l-.94.93c-.34.34-.34.9 0 1.24L16.3 54c.37.41.59.94.62 1.5v4.39c0 .48-.34.68-.76.44l-3.79-2.2a2.44 2.44 0 0 1-1-1.32l-.59-2.17A.881.881 0 0 0 9.72 54l-1.27.34c-.47.13-.75.61-.62 1.08l.35 1.32c.12.47-.16.94-.62 1.07l-1.32.35c-.47.13-.75.61-.63 1.08L6 60.55c.13.43.56.69 1 .61l2.19-.59a2.49 2.49 0 0 1 1.61.22L14.65 63c.24.09.37.36.28.6c-.05.13-.15.23-.28.28l-3.8 2.2c-.5.25-1.06.32-1.61.21l-2.19-.59a.882.882 0 0 0-1.05.6l-.34 1.27c-.13.47.15.95.62 1.08l1.29.35c.46.11.74.58.63 1.04c0 .01 0 .02-.01.03l-.35 1.32c-.13.46.15.94.61 1.07h.01l1.27.34c.47.12.95-.15 1.08-.62l.57-2.18c.17-.53.53-.98 1-1.28l3.79-2.2c.42-.24.76 0 .76.44v4.39c-.03.56-.25 1.08-.62 1.5l-1.59 1.59c-.34.34-.34.9 0 1.24l.94.91c.34.34.89.34 1.23 0l1-1c.34-.34.9-.34 1.24 0l1 1c.34.34.89.34 1.23 0l.94-.94c.34-.34.34-.9 0-1.24l-1.6-1.59c-.37-.42-.58-.94-.61-1.5v-4.39c0-.48.34-.68.75-.43l3.8 2.19c.47.31.83.77 1 1.31l.58 2.17c.13.47.61.75 1.08.62l1.27-.34c.46-.11.74-.58.63-1.04c0-.01 0-.02-.01-.03l-.35-1.32c-.12-.43.1-.89.52-1.06l1.32-.35c.46-.11.74-.58.63-1.04c0-.01 0-.02-.01-.03l-.36-1.28z" fill="#b7e4ff"> </path> <path d="M121.53 48.64a.997.997 0 0 0-.66-1.25c-.01 0-.02-.01-.04-.01l-2.52-.7c-.62-.2-1.14-.61-1.49-1.16l-2.5-4.44a.536.536 0 0 1 .05-.75l.01-.01c.13-.11.3-.15.46-.12h5.09c.65.04 1.26.3 1.74.73l1.83 1.87c.38.4 1.02.41 1.41.03l.03-.03l1.06-1c.4-.38.42-1.01.04-1.41l-.04-.04l-1.11-1.13a.996.996 0 0 1-.03-1.41l.03-.03l1.13-1.11c.4-.38.42-1.01.04-1.41l-.04-.04l-1.02-1.09a.996.996 0 0 0-1.41-.03l-.03.03l-1.84 1.87c-.49.42-1.1.67-1.75.7l-5.1-.05c-.56 0-.78-.4-.5-.88l2.63-4.4c.36-.54.89-.94 1.5-1.13l2.54-.65c.54-.13.87-.67.74-1.21c0-.01-.01-.02-.01-.03l-.38-1.5c-.13-.54-.67-.87-1.21-.74c-.01 0-.02.01-.03.01l-1.53.39a.994.994 0 0 1-1.22-.71c0-.01 0-.01-.01-.02l-.4-1.52c-.13-.54-.67-.87-1.21-.74c-.01 0-.02.01-.03.01l-1.48.38a1 1 0 0 0-.75 1.2c0 .01.01.03.01.04l.66 2.54c.12.64.03 1.29-.27 1.87L111.28 34c-.29.48-.75.48-1 0l-2.51-4.44c-.29-.59-.36-1.26-.21-1.9l.7-2.52c.16-.53-.14-1.09-.67-1.25c-.01 0-.03-.01-.04-.01l-1.47-.4a.997.997 0 0 0-1.25.66c0 .01-.01.02-.01.04l-.43 1.52c-.14.54-.68.86-1.22.72c-.01 0-.03-.01-.04-.01l-1.52-.43c-.53-.16-1.09.14-1.25.67c0 .01-.01.03-.01.04l-.41 1.47c-.16.53.14 1.09.67 1.25c.02.01.03.01.05.01l2.54.71c.62.21 1.14.62 1.49 1.17l2.5 4.44c.19.23.17.57-.06.76c-.13.11-.3.15-.46.12h-5.09c-.65-.04-1.26-.3-1.74-.74L98 33.89a.996.996 0 0 0-1.41-.03l-.03.03L95.44 35a.996.996 0 0 0-.03 1.41l.03.03l1.11 1.13c.4.38.41 1.02.03 1.41l-.03.03l-1.15 1.07a.996.996 0 0 0-.03 1.41l.03.03l1.07 1.09c.38.4 1.02.41 1.41.03l.03-.03l1.86-1.85c.49-.42 1.1-.67 1.75-.7l5.1.05c.56 0 .78.4.5.88l-2.59 4.4c-.36.55-.9.95-1.53 1.15l-2.54.65c-.54.13-.87.67-.74 1.21c0 .01.01.02.01.03l.4 1.47c.13.54.67.87 1.21.74c.01 0 .02-.01.03-.01l1.53-.4c.53-.14 1.08.18 1.22.71c0 .01.01.02.01.03l.4 1.52c.13.54.67.87 1.21.74c.01 0 .02-.01.03-.01l1.48-.38c.54-.12.88-.65.76-1.19c0-.02-.01-.03-.01-.05l-.66-2.54c-.12-.63-.03-1.29.27-1.86l2.59-4.4c.29-.48.75-.48 1 0l2.5 4.44c.29.59.37 1.26.22 1.9l-.7 2.52c-.16.53.15 1.09.68 1.24c.01 0 .02.01.03.01l1.47.4a.997.997 0 0 0 1.25-.66c0-.01.01-.02.01-.04l.43-1.52c.14-.54.68-.86 1.22-.72c.01 0 .03.01.04.01l1.52.43c.53.16 1.09-.14 1.25-.67c0-.01.01-.03.01-.04l.4-1.46z" fill="#b7e4ff"> </path> <path d="M56.89 116.1a.61.61 0 0 0-.84-.18l-1.29.86c-.33.2-.72.27-1.1.22l-3-.6c-.18-.01-.32-.15-.31-.33c0-.09.05-.18.12-.24l2-2.27c.27-.27.62-.45 1-.49l1.55-.1c.33-.02.58-.29.56-.62v-.92a.602.602 0 0 0-.63-.57h-.01l-.94.06a.603.603 0 0 1-.64-.56l-.06-.94a.603.603 0 0 0-.64-.56h-.9c-.33.02-.58.31-.56.64l.1 1.55c.01.38-.12.76-.36 1.06l-2 2.27c-.09.15-.29.2-.44.11a.309.309 0 0 1-.15-.23l-1-2.85c-.1-.37-.07-.76.08-1.11l.69-1.39c.15-.3.03-.66-.26-.81h-.01l-.82-.41a.622.622 0 0 0-.81.27l-.41.84c-.15.3-.51.42-.8.27H45l-.83-.41a.606.606 0 0 0-.81.26v.01l-.41.81c-.14.3-.02.66.28.81l1.39.69c.33.19.59.49.73.85l1 2.86c.11.32-.07.52-.4.45l-3-.6c-.37-.1-.7-.33-.93-.64l-.86-1.29a.607.607 0 0 0-.83-.17l-.75.51c-.28.18-.35.55-.17.83l.52.79c.18.28.11.65-.17.84l-.78.51a.61.61 0 0 0-.18.84l.5.76c.19.27.56.34.84.16l1.31-.86c.33-.19.71-.27 1.09-.21l3 .6c.18 0 .32.14.32.32c0 .1-.05.19-.12.25l-2 2.27c-.27.27-.62.44-1 .49l-1.57.1c-.33.02-.58.31-.56.64v.9c.02.34.31.59.65.57l.93-.06c.33-.02.62.23.65.56l.06.94c.02.33.31.58.64.56h.9c.33-.02.59-.3.57-.63v-.01l-.11-1.55c0-.38.13-.76.36-1.06l2-2.27c.09-.15.29-.2.44-.11c.08.05.14.13.15.23l1 2.87c.1.37.07.76-.08 1.11l-.69 1.41c-.15.3-.03.66.26.81h.01l.81.39c.3.14.65.02.81-.27l.41-.84c.15-.3.51-.42.8-.27h.01l.84.41c.29.15.65.03.79-.26c0 0 0-.01.01-.01l.41-.81c.15-.3.03-.66-.26-.81h-.01l-1.39-.69c-.33-.19-.59-.49-.73-.84l-1-2.87c-.1-.31.08-.52.4-.45l3 .6c.38.09.71.32.93.64L55 121c.18.28.56.36.84.18l.75-.51c.27-.18.36-.54.18-.81c0-.01-.01-.01-.01-.02l-.52-.78a.62.62 0 0 1 .17-.84l.78-.52c.28-.18.35-.55.17-.83l-.47-.77z" fill="#b7e4ff"> </path> <path d="M44 45.94c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41c4.2 0 8-3.54 8-9.41s-3.76-9.42-8-9.42z" fill="#422b0d"> </path> <path d="M43.65 49.87a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3z" fill="#896024"> </path> <path d="M82.4 45.94c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41c4.19 0 8-3.54 8-9.41s-3.81-9.42-8-9.42z" fill="#422b0d"> </path> <path d="M82 49.87a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3z" fill="#896024"> </path> <path d="M39.37 74.1h50.09c6.32 0 11.44 5.12 11.44 11.44v.01c0 6.32-5.12 11.44-11.44 11.44H39.37c-6.32 0-11.44-5.12-11.44-11.44v-.01c0-6.32 5.12-11.44 11.44-11.44z" fill="#ffffff"> </path> <path d="M100.74 83.67H28.1a10.76 10.76 0 0 0 0 4h72.6c.25-1.32.25-2.68 0-4h.04z" fill="#b3b3b3"> </path> <path d="M89.46 74.1h-.55V97h.55c.89 0 1.78-.11 2.65-.32V74.42c-.87-.21-1.76-.32-2.65-.32z" fill="#b3b3b3"> </path> <path fill="#b3b3b3" d="M62.58 74.1h3.2v22.89h-3.2z"> </path> <path d="M39.38 74.1c-1.06 0-2.12.15-3.14.45v22c1.02.3 2.08.45 3.14.45h.06V74.1h-.06z" fill="#b3b3b3"> </path> <path fill="#b3b3b3" d="M49.41 74.1h3.2v22.89h-3.2z"> </path> <path fill="#b3b3b3" d="M75.74 74.1h3.2v22.89h-3.2z"> </path> <path d="M100.91 85.55c-.29-3.52-2.19-6.7-5.13-8.65c-1.39-.92-2.98-1.49-4.64-1.67a50.3 50.3 0 0 0-5.21 0c-3.59.14-7.17.17-10.75.25l-10.76.08l-10.75-.08c-3.59-.08-7.17-.11-10.76-.25a50.3 50.3 0 0 0-5.21 0c-1.66.17-3.25.75-4.63 1.68a11.498 11.498 0 0 0-5.14 8.64c-.29-3.78 1.31-7.46 4.27-9.83c1.51-1.22 3.29-2.05 5.19-2.43l.72-.14l.73-.06c.5 0 .94-.06 1.39-.07l2.68-.09c3.59-.14 7.17-.17 10.76-.25l10.75-.08l10.76.09c3.58.08 7.16.11 10.75.25l2.69.08c.45 0 .88 0 1.39.07l.72.07l.72.14c1.9.37 3.68 1.2 5.19 2.42c2.96 2.37 4.56 6.05 4.27 9.83z" fill="#018ce3"> </path> </g> </svg><br><br> <button class="btn" onclick="scene(5);">Explore</button> </div> </div> <div class="col col-sm-12 col-md-6 col-lg-12 col-xl-12 no-space"> <div class="p-4"> <h1 class="">B2</h1> <p class="">Master level B2 French</p> <svg width="100px" height="100px" viewBox="0 0 128 128"> <radialGradient id="IconifyId17ecdb2904d178eab20399" cx="63.6" cy="3176.9" r="56.96" gradientTransform="translate(0 -3114)" gradientUnits="userSpaceOnUse"> <stop offset=".5" stop-color="#fde030"> </stop> <stop offset=".92" stop-color="#f7c02b"> </stop> <stop offset="1" stop-color="#f4a223"> </stop> </radialGradient> <path d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5z" fill="url(#IconifyId17ecdb2904d178eab20399)"> </path> <path d="M111.49 29.67c5.33 8.6 8.11 18.84 8.11 30.23c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5c11.5-10.2 17.6-24.5 17.6-41.4c0-12.74-3.47-24.06-10.11-33.23z" fill="#eb8f00"> </path> <g> <path d="M64 93.81c-11.51 0-19.73-6-22.2-9.74a4.15 4.15 0 0 1-.5-4.22c.47-.89 1.4-1.44 2.41-1.41c.37 0 .74.06 1.09.17A65.07 65.07 0 0 0 64 81.39c6.5.04 12.98-.9 19.2-2.78c.35-.11.72-.17 1.09-.17c1.01-.03 1.94.52 2.41 1.41a4.15 4.15 0 0 1-.5 4.22c-2.47 3.76-10.69 9.74-22.2 9.74z" fill="#422b0d"> </path> <path d="M124 45.42s-4.26.09-4.26 3.5c0 8.42.1 26.49-22 26.49c-17.66 0-26.09-9.12-27.51-19.19c-.58-4.19-2-8.75-6.27-8.75s-5.65 4.53-6.23 8.75c-1.42 10.07-9.85 19.19-27.51 19.19c-22.06 0-22-18.07-22-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34a148.6 148.6 0 0 1 20.65-1.26c12.48 0 17.45 0 27.38 1c5.87.58 12 .65 12 .65s6.1-.07 12-.65c9.93-1 14.9-1 27.38-1c6.9-.06 13.79.37 20.63 1.26v8.34z" fill="#422b0d"> </path> <path d="M21.12 52c-.1 1.6-.74 3.08-2.31 3.38c-.18.03-.35.05-.53.05A2.888 2.888 0 0 1 15.44 53c-.61-2.76.06-5.65 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.51-.14 2.85.97 2.99 2.48c0 .03.01.06.01.1c0 1.88-1.5 2.68-3 3.2c-1.64.74-2.7 2.36-2.72 4.16z" fill="#896024"> </path> <path d="M84.7 52c-.09 1.6-.74 3.08-2.3 3.38A2.9 2.9 0 0 1 79 53c-.61-2.76.06-5.65 1.82-7.86a8.52 8.52 0 0 1 6.59-3.08c1.51-.14 2.85.97 2.99 2.48c0 .03.01.06.01.1c0 1.88-1.5 2.68-3 3.2A4.624 4.624 0 0 0 84.7 52z" fill="#896024"> </path> </g> </svg> <br><br> <button class="btn" onclick="scene(6);">Explore</button> </div> </div> <div class="col col-sm-12 col-md-6 col-lg-12 col-xl-12 no-space"> <div class="p-4"> <h1 class="">New Content Coming Soon</h1> <p class="">Visit the Subscribe page for more information!</p> <svg width="120px" height="120px" viewBox="0 0 128 128"> <path d="M47.31 31.05c-1.5 3.85-3.17 14.51 1.72 24.42c3.99 8.11 7.36 9.1 8.81 13.94c.76 2.53.27 13.77-.34 15.83c-.61 2.06-3.73 8.2-3.87 17.75c-.13 8.56 4.69 15.56 6.29 17.46c1.94 2.3 2.66 2.9 4.11 2.9c.85 0 4.36-6.66 4.24-7.14c-.12-.48-2.54-50.71-2.54-50.71l5.45-37.15l-23.87 2.7z" fill="#f79226"></path> <path d="M65.48 4.88c-3.14-.09-16.26 16.63-18.17 26.17c-1.91 9.53 1.76 20.21 6.36 26.51S64.1 68.17 64.22 68.89c.12.73-.18 54.47-.18 54.47s.72.09 1.33-.34c.51-.36 2.17-2.09 4.35-5.73c2.36-3.94 4.59-9.27 4.6-15.2c0-9.94-4.23-15.65-4.47-18.68c-.24-3.03.15-12.57.51-14.14c.96-4.18 8.08-8.13 10.99-15.51c2.16-5.49 4.72-15.13-1.57-29.05c-6.31-13.9-11.69-19.75-14.3-19.83z" fill="#ffc516"></path> <path d="M63.79 11.31c-1.71.31-14.73 14.71-13.23 27.99C51.82 50.4 61 62.03 63.61 61.29c1.4-.4 1-12.63 1.12-24.6c.12-12.61.25-25.6-.94-25.38z" fill="#ffeda8"></path> <path d="M79.97 31.55c-1.27-.29-.73 8.01-4.2 16.02c-4.03 9.28-9.89 11.82-7.7 13.92c2.19 2.1 9.19-1.84 11.99-11.12c2.17-7.21 2.19-18.3-.09-18.82z" fill="#f79226"></path> <path d="M95.33 86.64s3.28 0 4.69 3.04c1.66 3.59-.53 13.92-12.08 13.39c-11.38-.52-14.63-12.67-14.63-17.32c0-3 5.79-9.55 5.79-9.55l13.66-13.74l8.14-3.33l21.53 7.35s-12.73 19.9-13.37 19.61c-.42-.2-2.26-.78-2.39-2.8c-.17-2.62 1.93-4.55 1.05-9.45c-.53-2.96-3.94-7.35-11.29-5.69s-12.52 7.56-13.39 14.71c-1.31 10.77 4.51 11.03 4.51 11.03s5.82 1.31 5.91 1.05c.08-.28 1.87-8.3 1.87-8.3z" fill="#f79226"></path> <path d="M17.2 86.39s3.33-.22 3.33-3.37c0-2.72-3.33-11.47 2.45-14.09c5.78-2.63 13.83-.35 18.82 6.3c4.39 5.86 3.94 16.98-.79 18.12s-7.79-1.31-7.79-1.31l-1.66-5.66s-4.98 1.19-4.38 6.8c.53 4.9 4.41 10.27 12.96 9.89c9.89-.44 14.92-11.11 14.44-19.78c-.41-7.62-13.76-18.97-14.18-19.09c-1.58-.44-19.35-4.73-20.13-3.85S8.98 75.14 8.98 75.14l8.22 11.25z" fill="#f79226"></path> <path d="M108.33 85.73c-.27-.2 5.57-6.77 4.9-13.92c-.7-7.53-10.24-11.64-21.8-6.22c-11.27 5.29-14.2 23.84-6.74 27.22c7.53 3.41 8.93-6.04 10.59-6.22c1.54-.16 5.75 6.3-.35 11.03c-8.48 6.58-21.26-1.91-21.8-13.39c-.44-9.28 2.19-22.11 17.49-30.04c9.63-4.99 18.72-3.68 24.79-.51c4.73 2.47 7.52 6.7 8.4 11.03c1.36 6.67-1.03 12.18-3.15 15.58c-4.62 7.46-10.92 6.47-12.33 5.44z" fill="#ffc516"></path> <path d="M17.64 86.26c-.56.51-5.72.44-9.89-4.55c-5.34-6.39-6.41-19.79 2.36-26.35c10.12-7.56 26.15-5.09 37.29 7.62c8.05 9.19 8.82 19.47 5.25 27.92c-2.24 5.3-6.55 8.97-12.26 9.1c-7.23.17-10.42-4.2-10.76-8.08c-.25-2.79.72-5.34 2.01-5.57c1.99-.36 1.14 7.97 9.37 7c7.17-.84 12.08-13.92-.7-25.04c-12.94-11.25-24.6-4.64-25.82 3.76c-1.35 9.28 4.2 13.23 3.15 14.19z" fill="#ffc516"></path> <path d="M76.91 75.58c.73.46 2.87-4.08 6.04-7.62c3.76-4.2 7.39-5.97 11.47-8.05c8.58-4.38 13.92-1.14 14.01-4.64c.07-2.89-9.72-2.98-17.07.96C79.1 62.8 75.94 74.97 76.91 75.58z" fill="#ffeda8"></path> <path d="M43.47 78.12c-1.84-.09-2.98 1.66-2.98 3.59c0 2.1 1.66 3.68 4.29 3.76c2.63.09 35.98 0 38.17 0c2.19 0 3.06-2.01 3.15-3.76c.09-1.75-1.31-3.24-3.06-3.33s-39.57-.26-39.57-.26z" fill="#f79226"></path> <path d="M43.82 81.27c1.75 0 37.47.18 38.87.09c1.4-.09 1.93-1.23 1.84-2.01c-.09-.79-1.31-1.05-2.63-1.05c-1.31 0-37.47-.35-38.43-.18c-.96.18-1.49.88-1.4 1.58c.08.69.52 1.57 1.75 1.57z" fill="#ffeda8"></path> <path d="M8.64 71.31c1.32.09 3.02-7.79 8.14-11.05c4.37-2.78 8.53-3.11 13.83-2.18s8.04 2.67 8.47 1.85c.66-1.26-10.78-9.92-22.76-5.69S6.79 71.18 8.64 71.31z" fill="#ffeda8"></path> </svg> <br><br> <button class="btn" onclick="scene(2);">Learn More</button> </div> </div> </div> </div> <div class='scene'> <div class='jumbotron'> <h1>About</h1> <p>Website Programmed: Sunday, October 13, 2024<br>Project Released: Monday, October 14, 2024<br><br>This language learning journal will place special emphasis on grammar, vocabulary. It will start with A1, and more lessons will get added as time goes by. I do not plan on adding much in 2025, but will be regularly posting here until the end of 2024.<br><br>This is not a replacement to your French classes at school or French courses online. I am learning too and share the same goal of becoming fluent in French.</p> <div class='fact m-t-4 m-b-4'> <p><i class='material-symbols-outlined'>lightbulb</i> Tip: <em>Build a routine of reading, speaking, listening, and writing French every day.</em> </p> </div> </div> </div> <!-- Sub --> <div class='scene'> <div class='jumbotron'> <h1>Subscribe</h1> <p>To get notified when a new lesson becomes available, subscribe in the Updates Thread in the Tips & Thanks of this program. Just scroll down and you will find it.</p> <a href='https://www.khanacademy.org/computer-programming/french-by-leaferstudios/5937470507499520?qa_expand_key=ag5zfmtoYW4tYWNhZGVteXJACxIIVXNlckRhdGEiHWthaWRfNTUzNjU2NDc5MjU4ODc5NjIyMzM5Mjc2DAsSCEZlZWRiYWNrGICA24Pnp70LDA&qa_expand_type=comment' target='_blank'><button class='btn'>Updates Thread <i class='material-symbols-outlined'>chat</i></button></a> <div class='fact m-t-4 m-b-4'> <p>Feedback: <em>Questions, comments, mistakes/bug reports, proposed lessons/content are all extremely appreciated! Tell me in the Questions or Tips and Thanks tab.</em> </p> </div> <p>To get notified when I release a cool project, subscribe to me on Khan Academy:</p> <a href='https://www.khanacademy.org/computer-programming/leaferstudios/4934504502870016' target='_blank'><button class='btn'>Subscribe Page <i class='material-symbols-outlined'>open_in_new</i></button></a> <div class='fact m-t-4 m-b-4'> <p>Fact: <em>I make websites, games, graphics, simulations, and more programs!</em> </p> </div> </div> </div> <!-- A1 --> <div class='scene'> <div class='jumbotron'> <h1>A1</h1> <p>Status: Receiving updates.</p> <div class='fact m-t-4 m-b-4'> <p><em>In French, try to use your lip muscles to speak/make sounds.</em> </p> </div> </div> <div class='p-4'> <h1>A1 French Skills</h1> <h2>1. Introduction to French</h2> <h3>1.1 The French Alphabet</h3> <p>The French alphabet consists of 26 letters, just like the English alphabet. However, some letters may have different pronunciations in French.</p> <ul> <li><strong>A</strong> - [ah]</li> <li><strong>B</strong> - [beh]</li> <li><strong>C</strong> - [seh]</li> <li><strong>D</strong> - [deh]</li> <li><strong>E</strong> - [uh]</li> <li><strong>F</strong> - [eff]</li> <li><strong>G</strong> - [zhay]</li> <li><strong>H</strong> - [ahsh]</li> <li><strong>I</strong> - [ee]</li> <li><strong>J</strong> - [zhee]</li> <li><strong>K</strong> - [kah]</li> <li><strong>L</strong> - [ell]</li> <li><strong>M</strong> - [emm]</li> <li><strong>N</strong> - [enn]</li> <li><strong>O</strong> - [oh]</li> <li><strong>P</strong> - [pay]</li> <li><strong>Q</strong> - [ku]</li> <li><strong>R</strong> - [air]</li> <li><strong>S</strong> - [ess]</li> <li><strong>T</strong> - [tay]</li> <li><strong>U</strong> - [oo]</li> <li><strong>V</strong> - [vay]</li> <li><strong>W</strong> - [doo-bluh-vay]</li> <li><strong>X</strong> - [eeks]</li> <li><strong>Y</strong> - [ee-grec]</li> <li><strong>Z</strong> - [zed]</li> </ul> <h3>1.2 Basic Pronunciation</h3> <p>French pronunciation includes several unique sounds and accents that can change the meaning of words:</p> <ul> <li><strong>Accent aigu (é)</strong>: Makes the sound like "ay" as in "café."</li> <li><strong>Accent grave (è)</strong>: Makes the sound like "eh" as in "père" (father).</li> <li><strong>Accent circonflexe (ê)</strong>: Indicates a historical spelling change, e.g., "forêt" (forest).</li> <li><strong>Cédille (ç)</strong>: Changes a hard "c" sound to a soft "s" sound, e.g., "garçon" (boy).</li> <li><strong>Nasal sounds</strong>: Pronounced with air flowing through the nose, e.g., "on," "an," "in."</li> </ul> <h2>2. Gender of Nouns and Articles</h2> <h3>2.1 Gender of Nouns</h3> <p>In French, nouns have a gender: masculine or feminine. This affects the articles and adjectives used with them.</p> <ul> <li> <p><strong>Masculine nouns (le)</strong>:</p> <ul> <li>Example: <strong>le livre</strong> (the book), <strong>le chien</strong> (the dog).</li> </ul> </li> <li> <p><strong>Feminine nouns (la)</strong>:</p> <ul> <li>Example: <strong>la maison</strong> (the house), <strong>la voiture</strong> (the car).</li> </ul> </li> </ul> <h3>2.2 Articles</h3> <p>French uses definite and indefinite articles to specify nouns.</p> <ul> <li> <p><strong>Indefinite Articles</strong> (referring to a non-specific item):</p> <ul> <li><strong>Un</strong> (masculine): un livre (a book).</li> <li><strong>Une</strong> (feminine): une maison (a house).</li> <li><strong>Des</strong> (plural): des livres (some books), des maisons (some houses).</li> </ul> </li> <li> <p><strong>Definite Articles</strong> (referring to a specific item):</p> <ul> <li><strong>Le</strong> (masculine): le chien (the dog).</li> <li><strong>La</strong> (feminine): la fille (the girl).</li> <li><strong>Les</strong> (plural): les enfants (the children).</li> <li><strong>L'</strong> (before vowel sound): l'ami (the friend).</li> </ul> </li> </ul> <h3>2.3 Common Exceptions</h3> <ul> <li>Some nouns have irregular genders. It's important to memorize these exceptions. <ul> <li><strong>Le problème</strong> (the problem) - masculine</li> <li><strong>La main</strong> (the hand) - feminine</li> <li><strong>Le père</strong> (the father) - masculine</li> <li><strong>La mère</strong> (the mother) - feminine</li> </ul> </li> </ul> <h2>3. Basic Vocabulary</h2> <h3>3.1 Common Nouns</h3> <p>Familiarize yourself with common nouns to build your vocabulary.</p> <ul> <li><strong>La maison</strong> (house)</li> <li><strong>Le livre</strong> (book)</li> <li><strong>La voiture</strong> (car)</li> <li><strong>Le chien</strong> (dog)</li> <li><strong>La fille</strong> (girl)</li> <li><strong>Le garçon</strong> (boy)</li> </ul> <h3>3.2 Basic Adjectives</h3> <p>Adjectives describe nouns and must agree in gender and number.</p> <ul> <li><strong>Grand(e)</strong> (big/tall): un homme grand (a tall man), une femme grande (a tall woman).</li> <li><strong>Petit(e)</strong> (small/short): un enfant petit (a small child), une fille petite (a small girl).</li> <li><strong>Beau/Belle</strong> (beautiful): un beau jardin (a beautiful garden), une belle maison (a beautiful house).</li> <li><strong>Jeune</strong> (young): un jeune homme (a young man), une jeune fille (a young girl).</li> <li><strong>Vieux/Vieille</strong> (old): un vieux livre (an old book), une vieille voiture (an old car).</li> </ul> <h3>3.3 Colors</h3> <p>Learning colors can enhance your vocabulary:</p> <ul> <li><strong>Rouge</strong> (red)</li> <li><strong>Bleu</strong> (blue)</li> <li><strong>Vert</strong> (green)</li> <li><strong>Jaune</strong> (yellow)</li> <li><strong>Noir</strong> (black)</li> <li><strong>Blanc</strong> (white)</li> </ul> <h3>3.4 Days of the Week</h3> <ul> <li><strong>Lundi</strong> (Monday)</li> <li><strong>Mardi</strong> (Tuesday)</li> <li><strong>Mercredi</strong> (Wednesday)</li> <li><strong>Jeudi</strong> (Thursday)</li> <li><strong>Vendredi</strong> (Friday)</li> <li><strong>Samedi</strong> (Saturday)</li> <li><strong>Dimanche</strong> (Sunday)</li> </ul> <h2>4. Basic Verbs</h2> <h3>4.1 Common Verbs</h3> <p>Here are some essential verbs used in daily conversation:</p> <ul> <li> <p><strong>Être</strong> (to be):</p> <ul> <li>Je suis (I am), tu es (you are), il/elle est (he/she is).</li> </ul> </li> <li> <p><strong>Avoir</strong> (to have):</p> <ul> <li>J'ai (I have), tu as (you have), il/elle a (he/she has).</li> </ul> </li> <li> <p><strong>Aller</strong> (to go):</p> <ul> <li>Je vais (I go), tu vas (you go), il/elle va (he/she goes).</li> </ul> </li> <li> <p><strong>Faire</strong> (to do/make):</p> <ul> <li>Je fais (I do/make), tu fais (you do/make), il/elle fait (he/she does/makes).</li> </ul> </li> </ul> <h3>4.2 Conjugating Present Tense (Regular Verbs)</h3> <p>Understanding how to conjugate regular verbs is essential.</p> <ul> <li> <p><strong>ER verbs</strong> (e.g., parler - to speak):</p> <ul> <li>Je parle (I speak)</li> <li>Tu parles (you speak)</li> <li>Il/Elle parle (he/she speaks)</li> </ul> </li> <li> <p><strong>IR verbs</strong> (e.g., finir - to finish):</p> <ul> <li>Je finis (I finish)</li> <li>Tu finis (you finish)</li> <li>Il/Elle finit (he/she finishes)</li> </ul> </li> <li> <p><strong>RE verbs</strong> (e.g., vendre - to sell):</p> <ul> <li>Je vends (I sell)</li> <li>Tu vends (you sell)</li> <li>Il/Elle vend (he/she sells)</li> </ul> </li> </ul> <h2>5. Simple Sentence Structure</h2> <h3>5.1 Basic Sentence Structure</h3> <p>French sentences generally follow the Subject-Verb-Object structure.</p> <ul> <li><strong>Example</strong>: <ul> <li>Je mange une pomme. (I eat an apple.)</li> </ul> </li> </ul> <h3>5.2 Making Negative Sentences</h3> <p>To negate a sentence, use "ne... pas" around the verb.</p> <ul> <li><strong>Example</strong>: <ul> <li>Je ne mange pas de pomme. (I do not eat an apple.)</li> </ul> </li> </ul> <h2>6. Pronouns</h2> <h3>6.1 Subject Pronouns</h3> <p>Subject pronouns replace the noun performing the action.</p> <ul> <li><strong>Je</strong> (I)</li> <li><strong>Tu</strong> (you, informal)</li> <li><strong>Il</strong> (he)</li> <li><strong>Elle</strong> (she)</li> <li><strong>Nous</strong> (we)</li> <li><strong>Vous</strong> (you, formal/plural)</li> <li><strong>Ils</strong> (they, masculine)</li> <li><strong>Elles</strong> (they, feminine)</li> </ul> <h3>6.2 Object Pronouns</h3> <p>Object pronouns replace the noun receiving the action.</p> <ul> <li><strong>Me</strong> (me)</li> <li><strong>Te</strong> (you, informal)</li> <li><strong>Le</strong> (him/it, masculine)</li> <li><strong>La</strong> (her/it, feminine)</li> <li><strong>Nous</strong> (us)</li> <li><strong>Vous</strong> (you, formal/plural)</li> <li><strong>Les</strong> (them)</li> </ul> <h2>7. Adverbs and Prepositions</h2> <h3>7.1 Basic Adverbs</h3> <p>Adverbs modify verbs, adjectives, or other adverbs.</p> <ul> <li><strong>Bien</strong> (well)</li> <li><strong>Mal</strong> (badly)</li> <li><strong>Souvent</strong> (often)</li> <li><strong>Jamais</strong> (never)</li> <li><strong>Toujours</strong> (always)</li> </ul> <h3>7.2 Common Prepositions</h3> <p>Prepositions show relationships between nouns and other elements in a sentence.</p> <ul> <li><strong>À</strong> (to, at)</li> <li><strong>De</strong> (of, from)</li> <li><strong>Dans</strong> (in)</li> <li><strong>Sur</strong> (on)</li> <li><strong>Sous</strong> (under)</li> </ul> <h2>8. Numbers and Time</h2> <h3>8.1 Counting from 1 to 20</h3> <p>Learn to count in French:</p> <ol> <li><strong>un</strong></li> <li><strong>deux</strong></li> <li><strong>trois</strong></li> <li><strong>quatre</strong></li> <li><strong>cinq</strong></li> <li><strong>six</strong></li> <li><strong>sept</strong></li> <li><strong>huit</strong></li> <li><strong>neuf</strong></li> <li><strong>dix</strong></li> <li><strong>onze</strong></li> <li><strong>douze</strong></li> <li><strong>treize</strong></li> <li><strong>quatorze</strong></li> <li><strong>quinze</strong></li> <li><strong>seize</strong></li> <li><strong>dix-sept</strong></li> <li><strong>dix-huit</strong></li> <li><strong>dix-neuf</strong></li> <li><strong>vingt</strong></li> </ol> <h3>8.2 Telling Time</h3> <p>To tell time in French, use the phrase "Il est" followed by the hour and minutes.</p> <ul> <li><strong>Example</strong>: <ul> <li>Quelle heure est-il? (What time is it?)</li> <li>Il est trois heures. (It is three o'clock.)</li> </ul> </li> </ul> <h2>9. Simple Questions</h2> <h3>9.1 Forming Questions</h3> <p>Use interrogative words to ask questions.</p> <ul> <li><strong>Qui?</strong> (Who?)</li> <li><strong>Quoi?</strong> (What?)</li> <li><strong>Où?</strong> (Where?)</li> <li><strong>Quand?</strong> (When?)</li> <li><strong>Pourquoi?</strong> (Why?)</li> <li><strong>Comment?</strong> (How?)</li> </ul> <h3>9.2 Examples</h3> <ul> <li><strong>Où est la bibliothèque?</strong> (Where is the library?)</li> <li><strong>Qui est ton ami?</strong> (Who is your friend?)</li> </ul> <h2>10. Essential Expressions</h2> <h3>10.1 Polite Expressions</h3> <p>Using polite expressions is important in French culture.</p> <ul> <li><strong>S'il vous plaît</strong> (Please)</li> <li><strong>Merci</strong> (Thank you)</li> <li><strong>De rien</strong> (You're welcome)</li> <li><strong>Excusez-moi</strong> (Excuse me)</li> </ul> <h3>10.2 Everyday Phrases</h3> <p>Learn useful phrases for daily interactions.</p> <ul> <li><strong>Je ne comprends pas.</strong> (I don't understand.)</li> <li><strong>Pouvez-vous répéter, s'il vous plaît?</strong> (Can you repeat, please?)</li> <li><strong>J'ai besoin d'aide.</strong> (I need help.)</li> </ul> <h2>11. Practice Activities</h2> <h3>11.1 Vocabulary Drills</h3> <ul> <li>Use flashcards to memorize vocabulary words.</li> <li>Match nouns with their articles (le/la).</li> </ul> <h3>11.2 Role-Playing</h3> <ul> <li>Pair up with a partner to practice greetings and introductions.</li> <li>Simulate a conversation in a café (ordering food/drinks).</li> </ul> <h3>11.3 Listening Comprehension</h3> <ul> <li>Listen to simple French songs or dialogues.</li> <li>Identify keywords and phrases.</li> </ul> <h3>11.4 Writing Exercises</h3> <ul> <li>Write a short paragraph about yourself using learned vocabulary.</li> <li>Create a dialogue between two friends meeting for the first time.</li> </ul> <h2>12. Review and Assess</h2> <h3>12.1 Quizzes</h3> <ul> <li>Take short quizzes on vocabulary, grammar, and pronunciation.</li> <li>Answer multiple-choice questions for grammar concepts.</li> </ul> <h3>12.2 Speaking Assessments</h3> <ul> <li>Practice speaking in front of peers or teachers.</li> <li>Record yourself speaking and evaluate your pronunciation.</li> </ul> <hr> </div> </div> <!-- A2 --> <div class='scene full-height'> <div class='jumbotron'> <h1>A2</h1> <p>Not available yet.</p> </div> <div class='p-4'> <p>Long content goes here.</p> </div> </div> <!-- B1 --> <div class='scene full-height'> <div class='jumbotron'> <h1>B1</h1> <p>Not available yet.</p> </div> <div class='p-4'> <p>Long content goes here.</p> </div> </div> <!-- B2 --> <div class='scene full-height'> <div class='jumbotron'> <h1>B2</h1> <p>Not available yet.</p> </div> <div class='p-4'> <p>Long content goes here.</p> </div> </div> <footer> <p>© 2024 All code by <a href='https://www.khanacademy.org/profile/kaid_553656479258879622339276/' target='_blank'>LeaferStudios</a></p> </footer> <div class='dark-theme-toggle'></div> <!-- Main JS --> <script type='application/javascript'> function $(selector) { if (selector.startsWith('#')) { return document.getElementById(selector.substring(1)); } else { return document.querySelectorAll(selector); } } function scene(index) { for (var i = 0; i < $('.scene').length; i++) { $('.scene')[i].style.display = 'none'; // visibility = hidden/visible does not work with fadeIn if (index !== 0) { $('.scene')[i].style.animation = '1s fadeIn forwards'; } } for (var i = 0; i < $('.navlink').length; i++) { $('.navlink')[i].className = 'navlink'; } $('.scene')[index].style.display = 'block'; $('.navlink')[index].className = 'navlink active'; // peculiar window.scroll({ top: 0, left: 0, behavior: 'smooth' }); } scene(0); </script> <!-- Thumbnail --> <script type="application/javascript"> document.body.addEventListener("keydown", function(e) { if (e.code === "Escape") { document.body.innerHTML = `<div> <h1 class='text-center' style='font-size:126px;margin-top:0px;font-family:"Roboto Serif";'>French <br><span style="font-family: 'Noto Color Emoji', sans-serif;"> 🇫🇷<br>📖📚 <span style='font-size:62px;color: rgba(255, 255, 255);'><br>by LeaferStudios</span></h1> </div>`; } if (e.code === "Enter") { e.preventDefault(); } }); </script> <script></script> </body> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> <script type> // credit to Bluebird@birdwatcher03 for this thumbnail script (only needed on Khan Academy, makes the thumbnail resolution better) var r = 600; var s = document.documentElement.clientWidth; window.parent.html2canvas = (e) => { try { html2canvas(document.body, { width: s, height: s, useCORS: true, }) .then((e) => { var c = document.createElement("canvas"); c.width = r; c.height = r; c.getContext("2d").drawImage( e, 0, 0, e.width, e.height, 0, 0, r, r ); window.top.postMessage(c.toDataURL(), ""); }) .catch((e) => { alert("Thumbnail Script Error: " + e); }); } catch { window.top.postMessage( document.createElement("canvas").toDataURL(), "*" ); } }; </script> <!-- NOTE TO SELF: Keep this, this is required for my personal website's API and for Khan Academy projects. MIT License: You cannot plagiarize this program. --> <!-- MIT License Copyright (c) 2024 LeaferStudios Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. --> </html> <!-- © 2024 by LeaferStudios -->
Folds	24,1894
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNujkYPGCgw
Votes	63
Spin-Offs	2
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	LeaferStudios
Author Name	LeaferStudios
Author ID	kaid_553656479258879622339276
Author Profile Access	PUBLIC

Archive Data

Added	2 months ago, 1728917111946
Updated	2 months ago, 1729124032219
Source Deleted	unknown