{"id":33495,"date":"2023-08-01T14:15:57","date_gmt":"2023-08-01T11:15:57","guid":{"rendered":"https:\/\/getscl.com\/site\/?page_id=33495"},"modified":"2026-07-28T11:34:44","modified_gmt":"2026-07-28T08:34:44","slug":"gamification","status":"publish","type":"page","link":"https:\/\/getscl.com\/ar\/gamification\/","title":{"rendered":"\u0627\u0644\u062a\u0644\u0639\u064a\u0628 \u0641\u064a \u0627\u0644\u0641\u0635\u0644: \u0627\u0644\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0635\u0642\u0627\u062a \u0648\u0627\u0644\u0646\u0642\u0627\u0637"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33495\" class=\"elementor elementor-33495\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-672a4e7 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"672a4e7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1708471\" data-id=\"1708471\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-006b12e animated-fast cea-tablet-align-center cea-align-center elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"006b12e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><div class=\"sub-title\">Badges, Stickers and Games That Reward Effort, Designed by the Teachers Who Give Them<\/div><h2 class=\"section-title\">Recognition Students Actually Notice<\/h2><\/div><!-- .title-wrap --><div class=\"section-description\"><p class=\"section-content\">Recognition works when it is specific and it comes from someone the student knows. SCL gives teachers badges and stickers they award themselves, to one student or a whole class, from the same screen where they already teach. It sits beside <a href=\"\/behaviour-management\/\">merits and demerits<\/a> rather than duplicating them.\n\nBadges are designed inside SCL rather than picked from a stock set. A teacher chooses a shape, pattern, colour, icon and typeface, sets what the badge is worth, and can publish it to the Badges Market for other teachers to use, earning a share every time one is taken up.\n\nAlongside that sits a Games Center where students play, score and climb through titles, all of it reachable from the <a href=\"\/student-portal\/\">student portal<\/a> and the mobile app. Leaderboards keep competition visible without exposing anyone: on house standings a student sees only their own row, while staff read the full table as a <a href=\"\/reports\/\">house points report<\/a>.<\/p><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f2af31 elementor-widget elementor-widget-image\" data-id=\"9f2af31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/getscl.com\/wp-content\/uploads\/2026\/07\/Badge-Crafting.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Badge Crafting\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU0NDksInVybCI6Imh0dHBzOlwvXC9nZXRzY2wuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvQmFkZ2UtQ3JhZnRpbmcucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"664\" src=\"https:\/\/getscl.com\/wp-content\/uploads\/2026\/07\/Badge-Crafting-1200x664.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-image-35449\" alt=\"The redesigned SCL badge builder, offering ready-made templates plus full control of the badge icon, colour palette and frame shape, previewed live.\" srcset=\"https:\/\/getscl.com\/wp-content\/uploads\/2026\/07\/Badge-Crafting-1200x664.png 1200w, https:\/\/getscl.com\/wp-content\/uploads\/2026\/07\/Badge-Crafting-768x425.png 768w, https:\/\/getscl.com\/wp-content\/uploads\/2026\/07\/Badge-Crafting-1536x850.png 1536w, https:\/\/getscl.com\/wp-content\/uploads\/2026\/07\/Badge-Crafting-2048x1133.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-150d631 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"150d631\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7d0b5de\" data-id=\"7d0b5de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dafa5d6 cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"dafa5d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Badges Teachers Design<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Teachers craft their own badges from shapes, patterns, colours, icons and typefaces, or start from a ready template. Each badge carries a value the teacher sets, and no two badges in the school are identical.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-da6616f\" data-id=\"da6616f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a8b4a2c cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"a8b4a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Stickers<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Award stickers from the albums your administrators install, freely and as often as you like. Students collect them subject by subject and can see which ones have arrived since they last looked.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0595732 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0595732\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cc1dd70\" data-id=\"cc1dd70\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fa2229 cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"4fa2229\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Award a Whole Class at Once<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Pick the badges or stickers, tick the students, and award them in a single step. There is a select-all for the whole class, and the award history for each class stays on record.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5c6f3e7\" data-id=\"5c6f3e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-918c737 cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"918c737\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Flasks<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Teachers earn flasks for work they already do in SCL, from grading submissions to building assignments, and spend them crafting badges. Every credit and debit stays on their own statement.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-177d753 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"177d753\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-39aa297\" data-id=\"39aa297\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b8bd689 cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"b8bd689\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Games Center<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Typing Speed, Chemistry Lab, Math Ninja and Lemonade Stand give students something to play that still rewards precision and thinking. Each one tracks experience and promotes a player through its own titles.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-562e8bf\" data-id=\"562e8bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfe4663 cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"dfe4663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Leaderboards<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">The Games Center board ranks the school's best scores, while House Points ranks houses on the merits students earn through <a href=\"https:\/\/getscl.com\/behaviour-management\/\">behaviour<\/a>. On house standings a student sees only their own row.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-632253d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"632253d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b174caf\" data-id=\"b174caf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8f7566 cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"f8f7566\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">Badges Market<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Teachers publish a badge they designed, and other teachers add it to their own library for a lower cost. The original designer earns a share in flasks each time theirs is taken up.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c67d7d3\" data-id=\"c67d7d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67ccdef cea-view-default elementor-widget elementor-widget-ceafeaturebox\" data-id=\"67ccdef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-default\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\" bi-bookmark-check-fill\"><\/i><\/div><\/div><div class=\"media-body\"><h4 class=\"feature-box-title\">What Students See<\/h4><\/div><!-- .media-body --><\/div><!-- .media --><div class=\"feature-box-fullwidth-info\"><div class=\"fbox-content\">Students open their own badge and sticker collections, with a count of what arrived since last time and a total of everything they have earned. Parents see their child's badge count in the mobile app.<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c6b81e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6b81e7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b08a840\" data-id=\"b08a840\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfeee85 elementor-widget elementor-widget-html\" data-id=\"dfeee85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* getscl.com page fixes, Gamification (33495).\n   Source: .claude\/skills\/getscl-website\/assets\/page-fixes.css, sections 3, 5, 6, 7.\n   This 2023-vintage page never carried a fix sheet, so every defect below was\n   live. Do not delete this widget: it renders at 0px height.\n\n   3. EQUAL-HEIGHT FEATURE CARDS. Elementor defaults .elementor-widget-wrap to\n   align-content:flex-start, so a short card left a ragged bottom edge beside a\n   tall one. Elementor puts a widget's margin on > .elementor-widget-container\n   (the white card itself), so height:100% swallows the card's bottom margin and\n   rows collapse to a 0px gap; hence zero that margin and move row rhythm onto\n   the row with the + sibling selector, which this very style widget would\n   defeat if :last-child were used. !important is needed because Elementor's\n   per-element rule is 0,4,0 and beats the 0,3,0 selector below. Desktop only:\n   below 768px cards stack and keep their own 30px margin. *\/\n@media (min-width: 768px) {\n  .page-id-33495 .elementor-inner-section .elementor-widget-wrap { align-content: stretch; }\n  .page-id-33495 .elementor-widget-ceafeaturebox > .elementor-widget-container { height: 100%; margin-bottom: 0 !important; }\n  .page-id-33495 .elementor-inner-section + .elementor-inner-section { margin-top: 30px; }\n}\n\n\/* 5. THE BLACK ACCENT DASH AFTER THE EYEBROW. The theme paints a 35x2px pure\n   black bar 48px right of every .sub-title, which floats in open space beside\n   the blue eyebrow. Removed by owner request on Library and Appointments in\n   2026-07; this page showed it for want of a fix sheet. *\/\n.page-id-33495 .section-title-wrapper .title-wrap > .sub-title::before { content: none; }\n\n\/* 6. INLINE CROSS-LINKS TO SIBLING SOLUTIONS PAGES. The theme styles no link\n   inside a cea* widget, so a cross-link inherits the surrounding prose colour\n   and is invisible as a link. Brand blue plus a hover underline fixes it.\n\n   DELIBERATELY OMITTED HERE: page-fixes.css section 6 also carries\n   .feature-box-wrapper:hover .fbox-content a { color:#FFFFFF }. That rule is\n   correct ONLY on pages whose cards invert to navy on hover, which the\n   skill-built pages do via a per-card\n   .feature-box-wrapper:hover{background-color:rgb(18,14,53)}. This 2023-vintage\n   page has NO such rule, so the card stays light on hover and a white link is\n   invisible against it. Reported by the owner and confirmed live 2026-07-18.\n   Do not add it back unless the card background is made to invert too. *\/\n.page-id-33495 .section-content a,\n.page-id-33495 .fbox-content a { color: #426CB4; text-decoration: none; }\n.page-id-33495 .section-content a:hover,\n.page-id-33495 .fbox-content a:hover { text-decoration: underline; }\n\n\/* 7. HERO BODY RUNS THE FULL COLUMN (owner request, 2026-07-18). The theme caps\n   p.section-content at max-width:65% and auto-centres it, leaving a narrower\n   column of prose between the full-width heading above and the full-width cards\n   below. Excludes the closing CTA band on purpose: it uses the same class for a\n   single short sentence that should stay narrow and centred. Do NOT simplify to\n   a bare .page-id-33495 .section-content rule, which would hit the band too. *\/\n.page-id-33495 .elementor-top-section:not(.scl-cta) .section-content {\n  max-width: 100%;\n  margin-left: 0;\n  margin-right: 0;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8e760fb elementor-section-stretched scl-cta elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8e760fb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ad106a\" data-id=\"7ad106a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89bddfc animated-fast cea-align-center elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"89bddfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><p class=\"sub-title\">See It Live<\/p><h2 class=\"section-title\">See How Your School Recognizes Progress<\/h2><\/div><!-- .title-wrap --><div class=\"section-description\"><p class=\"section-content\">Walk through badge crafting, stickers and the Games Center with our team, and see how daily recognition from a teacher builds the motivation you want.<\/p><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-811cb6a scl-cta__actions elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"811cb6a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-227b4c9\" data-id=\"227b4c9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26213ff cea-btn-align-center scl-cta__btn scl-cta__btn--primary elementor-widget elementor-widget-ceabutton\" data-id=\"26213ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\r\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\r\n\t\t\t<a href=\"https:\/\/getscl.com\/request-a-demo\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg\">\r\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\r\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-left\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-calendar-check\"><\/i>\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"cea-button-text\">Request a Demo<\/span>\r\n\t\t<\/span>\r\n\t\t\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fd22f07\" data-id=\"fd22f07\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7fef785 cea-btn-align-center scl-cta__btn scl-cta__btn--ghost elementor-widget elementor-widget-ceabutton\" data-id=\"7fef785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\r\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\r\n\t\t\t<a href=\"https:\/\/getscl.com\/contact\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg\">\r\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\r\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-\">\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"cea-button-text\">Talk to Us<\/span>\r\n\t\t<\/span>\r\n\t\t\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbedc09 elementor-widget elementor-widget-html\" data-id=\"fbedc09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* --------------------------------------------------------------------------\n   SCL closing call to action band.\n\n   Shared block: every rule is keyed on the .scl-cta* classes only, never on a\n   page id or an element id, so this exact widget is dropped verbatim onto each\n   feature page. Only the headline, body and button labels change per page.\n\n   WHY THIS IS A STYLE WIDGET: Elementor Pro is not installed, so there is no\n   page custom-CSS field, and the connector cannot write post meta, so the\n   theme's per-page options are unreachable from the API. An html widget is the\n   only injection point left. Do not delete it: the band loses its background\n   and the white text lands on white.\n\n   NEVER write a closing style tag inside this block, not even in a comment.\n   The HTML parser ends the stylesheet at the first one it sees, in raw-text\n   mode, ignoring CSS comments, and every rule after it gets painted onto the\n   page as visible text.\n\n   Contains no em-dashes, non-breaking spaces or invisible characters, and must\n   stay that way. See CLAUDE.md Rule 33.\n   -------------------------------------------------------------------------- *\/\n\n.scl-cta{position:relative;overflow:hidden;background:linear-gradient(160deg,#4A78C4 0%,#3560A6 42%,#1E3468 100%)}\n.scl-cta>.elementor-container{position:relative;z-index:2;display:block}\n\n\/* gold hairline: the brand accent, and a crisp edge against the light section\n   above. The footer is #100C2E, so the band ends darker than it starts and\n   flows into it rather than butting against it. *\/\n.scl-cta::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,rgba(197,157,95,0) 0%,#C59D5F 50%,rgba(197,157,95,0) 100%)}\n.scl-cta::after{content:\"\";position:absolute;top:-190px;right:-130px;width:640px;height:640px;border-radius:50%;z-index:1;background:radial-gradient(circle,rgba(255,255,255,.17) 0%,rgba(255,255,255,0) 65%);pointer-events:none}\n\n.scl-cta .section-title-wrapper{text-align:center}\n.scl-cta .elementor-divider{display:none}\n.scl-cta .sub-title{color:#C59D5F !important;font-size:13px !important;font-weight:700 !important;letter-spacing:2.5px !important;text-transform:uppercase;margin-bottom:14px !important}\n\/* the theme decorates every .sub-title with TWO absolutely positioned marks\n   sitting just right of the text: a 35x2px black ::before dash and a 2x3px\n   white ::after speck. Against the dark band the dash reads as a stray mark\n   and the speck as grit, so both are switched off.\n   display:none is what does the work. The theme rule\n   .section-title-wrapper .title-wrap > .sub-title::before sets content, size,\n   position and background but never display, so this lower-specificity rule\n   still wins on that one property. That is what lets the block kill the dash\n   without a .page-id-N selector and stay portable. Do not switch this to\n   content:none, which the theme rule does set and would therefore beat. *\/\n.scl-cta .sub-title::before,\n.scl-cta .sub-title::after{display:none}\n.scl-cta .section-title{color:#FFFFFF !important;font-size:38px !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:-.5px !important;margin-bottom:16px !important}\n.scl-cta .section-content{color:rgba(255,255,255,.8) !important;font-size:17px !important;line-height:30px !important;max-width:660px;margin:0 auto !important}\n\n\/* width:100% is load-bearing: the inner section is a flex item inside\n   .elementor-widget-wrap, so without it the section shrinks to its content\n   width and the justify-content:center below silently does nothing. *\/\n.scl-cta__actions{width:100%;margin-top:34px}\n.scl-cta__actions>.elementor-container{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}\n.scl-cta__actions .elementor-column{width:auto !important;flex:0 0 auto !important}\n.scl-cta__actions .elementor-widget-wrap{width:auto}\n\n.scl-cta .cea-button-wrapper{text-align:center}\n.scl-cta .cea-button-link{border-radius:30px !important;padding:17px 38px !important;font-size:14px !important;font-weight:700 !important;letter-spacing:1px !important;text-transform:uppercase !important;border:2px solid transparent !important;transition:all .28s ease !important}\n.scl-cta__btn--primary .cea-button-link{background:#FFFFFF !important;color:#12224A !important;box-shadow:0 10px 26px rgba(9,20,48,.28) !important}\n.scl-cta__btn--primary .cea-button-link:hover{background:#12224A !important;color:#FFFFFF !important;transform:translateY(-2px);box-shadow:0 14px 32px rgba(9,20,48,.4) !important}\n.scl-cta__btn--ghost .cea-button-link{background:transparent !important;color:#FFFFFF !important;border-color:rgba(255,255,255,.45) !important}\n.scl-cta__btn--ghost .cea-button-link:hover{background:#FFFFFF !important;color:#2F5596 !important;border-color:#FFFFFF !important;transform:translateY(-2px)}\n\n\/* There is deliberately no third link under the buttons. SCL has no published\n   plans and pricing is a conversation, so a \"compare plans\" line pointed at\n   \/pricing\/ promised something that does not exist. Talk to Us is the pricing\n   path. Do not reintroduce one. *\/\n\n\/* FOOTER SEAM: the theme renders .post-inner as an inline-block, so a 10px\n   baseline descender strip sits underneath it and the white page background\n   shows through between this band and the footer. It is site-wide and\n   pre-existing, but invisible while the last section was light; a full-bleed\n   dark band turns it into an obvious white line. This stylesheet only loads on\n   pages that carry the band, so the reset never reaches other pages.\n   .post-inner already carries width:100%, so block and inline-block produce the\n   same box.\n   The margin-bottom reset needs !important and the display reset does not: the\n   theme's own style.css sets margin-bottom:0, but something later in the cascade\n   (a sheet this page cannot enumerate, so it is cross-origin or combined) puts it\n   back to 15px and beats a plain override. Verified live: plain override left the\n   gap at 15px, !important took it to 0.\n   Pages built by this skill carry their own .page-id-N .post-inner{margin-bottom:0}\n   fix sheet, which already won, which is why the seam only shows on the older\n   hand-built pages. Keep this rule anyway so the band is self-contained. *\/\n.post-inner{display:block;margin-bottom:0 !important}\n\n@media(max-width:1024px){.scl-cta .section-title{font-size:32px !important}}\n@media(max-width:767px){\n.scl-cta .section-title{font-size:27px !important;line-height:1.3 !important}\n.scl-cta .section-content{font-size:16px !important;line-height:27px !important}\n.scl-cta .sub-title{font-size:12px !important;letter-spacing:2px !important}\n.scl-cta__actions>.elementor-container{flex-direction:column;align-items:stretch;gap:12px}\n.scl-cta__actions .elementor-column{width:100% !important}\n.scl-cta__actions .elementor-widget-wrap{width:100%}\n.scl-cta .cea-button-link{display:block !important;width:100%;padding:16px 20px !important}\n.scl-cta::after{width:380px;height:380px;top:-140px;right:-110px}\n\/* MOBILE FOOTER SEAM: below 768px the theme applies\n   body .gigas-content-wrap{padding-bottom:50px}, and its specificity (0,1,1)\n   beats the plain .gigas-content-wrap{padding:0} that the Gigas per-page option\n   emits, so a 50px white strip opens under the band. Pages built by this skill\n   escape it only because their own fix sheet uses .page-id-N (0,2,0). Desktop\n   and tablet measure 0 already, so the reset is scoped to this breakpoint, and\n   padding-top is left alone because it is the gap under the title banner. *\/\nbody .gigas-content-wrap{padding-bottom:0 !important}\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9994bd0 elementor-widget elementor-widget-html\" data-id=\"9994bd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Cross-link visibility for this page's intro prose. Scoped by the WordPress\n   body page-id class so it cannot leak to another page. Deliberately targets\n   .section-content only, never .fbox-content: feature cards on some pages\n   invert to white text on hover, and a blue link would vanish inside them.\n   Contains no em-dashes, non-breaking spaces or invisible characters (Rule 33). *\/\n.page-id-33495 .section-content a{color:#426CB4;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(66,108,180,.35);transition:all .2s ease}\n.page-id-33495 .section-content a:hover{color:#12224A;border-bottom-color:#12224A}\n<\/style><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Service\",\"@id\":\"https:\/\/getscl.com\/gamification\/#service\",\"name\":\"SCL Gamification\",\"serviceType\":\"Classroom gamification software\",\"description\":\"Badges, stickers and games that reward effort, designed by the teachers who give them rather than shipped as a fixed set nobody at your school chose.\",\"provider\":{\"@id\":\"https:\/\/getscl.com\/#organization\"},\"areaServed\":{\"@type\":\"Place\",\"name\":\"Worldwide\"},\"audience\":{\"@type\":\"EducationalAudience\",\"educationalRole\":\"K-12 international schools\"},\"url\":\"https:\/\/getscl.com\/gamification\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getscl.com\/gamification\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/getscl.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gamification\"}]}]}<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u0644\u0639\u064a\u0628 \u062f\u0627\u062e\u0644 \u0627\u0644\u0641\u0635\u0644: \u0634\u0627\u0631\u0627\u062a \u0648\u0645\u0644\u0635\u0642\u0627\u062a \u0648\u0623\u0644\u0639\u0627\u0628 \u062a\u0643\u0627\u0641\u0626 \u0627\u0644\u062c\u0647\u062f\u060c \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0645\u0646\u062d\u0648\u0646\u0647\u0627 \u0628\u0623\u0646\u0641\u0633\u0647\u0645\u060c \u0644\u0627 \u0645\u062c\u0645\u0648\u0639\u0629 \u062b\u0627\u0628\u062a\u0629 \u062c\u0627\u0647\u0632\u0629 \u0644\u0645 \u064a\u062e\u062a\u0631\u0647\u0627 \u0623\u062d\u062f \u0641\u064a \u0645\u062f\u0631\u0633\u062a\u0643.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/33495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/comments?post=33495"}],"version-history":[{"count":41,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/33495\/revisions"}],"predecessor-version":[{"id":35921,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/33495\/revisions\/35921"}],"wp:attachment":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/media?parent=33495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}