{"id":38,"date":"2016-12-05T21:56:43","date_gmt":"2016-12-05T21:56:43","guid":{"rendered":"https:\/\/www.justicefordayscholars.com\/?page_id=38"},"modified":"2025-10-27T16:28:13","modified_gmt":"2025-10-27T16:28:13","slug":"maintenance","status":"publish","type":"page","link":"https:\/\/www.justicefordayscholars.com\/fr\/maintenance\/","title":{"rendered":"Maintenance"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; admin_label=\u00a0\u00bbsection\u00a0\u00bb _builder_version=\u00a0\u00bb3.22&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb _builder_version=\u00a0\u00bb3.25&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb3.25&Prime; custom_padding=\u00a0\u00bb|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_divider show_divider=\u00a0\u00bboff\u00a0\u00bb disabled_on=\u00a0\u00bbon|on|off\u00a0\u00bb admin_label=\u00a0\u00bbDivider\u00a0\u00bb _builder_version=\u00a0\u00bb3.23.4&Prime; height=\u00a0\u00bb60px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb] [\/et_pb_divider][et_pb_blurb title=\u00a0\u00bbWe are Currently Undergoing Maintenance\u00a0\u00bb image=\u00a0\u00bbhttps:\/\/www.justicefordayscholars.com\/wp-content\/uploads\/2016\/12\/justice-for-day-scholars-logo.png\u00a0\u00bb image_max_width=\u00a0\u00bbnone\u00a0\u00bb admin_label=\u00a0\u00bbBlurb\u00a0\u00bb _builder_version=\u00a0\u00bb4.9.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb] [\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; inner_shadow=\u00a0\u00bbon\u00a0\u00bb admin_label=\u00a0\u00bbsection\u00a0\u00bb _builder_version=\u00a0\u00bb3.22&Prime; background_color=\u00a0\u00bb#f7f7f7&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb _builder_version=\u00a0\u00bb3.25&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb3.25&Prime; custom_padding=\u00a0\u00bb|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb3.27.4&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<h1>Justice for Day Scholars Site will be back Soon<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.11.1&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.11.1&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.11.1&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<div class=\"w3c\"><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"tab16\"><!-- [et_pb_line_break_holder] --><a href=\"#tab16\">Tab 16<\/a><!-- [et_pb_line_break_holder] --><\/p>\n<div>One might well argue, that&#8230;<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"tab17\"><!-- [et_pb_line_break_holder] --><a href=\"#tab17\">Tab 17<\/a><!-- [et_pb_line_break_holder] --><\/p>\n<div>&#8230; 30 lines of CSS is rather a lot, and&#8230;<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"tab18\"><!-- [et_pb_line_break_holder] --><a href=\"#tab18\">Tab 18<\/a><!-- [et_pb_line_break_holder] --><\/p>\n<div>&#8230; that 2 should have been enough, but&#8230;<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code _builder_version=\u00a0\u00bb4.11.1&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.b2-tab:not(:target) {<!-- [et_pb_line_break_holder] -->  display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.b2-tab:last-child {<!-- [et_pb_line_break_holder] -->  display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.b2-tab:target ~ .tab:last-child {<!-- [et_pb_line_break_holder] -->  display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.b2-tabs {<!-- [et_pb_line_break_holder] -->  width: 30em;<!-- [et_pb_line_break_holder] -->  margin: 6.5em auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"b2-tabs\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"tab3\" class=\"b2-tab\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul class=\"\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a href=\"#tab1\">Description<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a href=\"#tab2\">How it works<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li class=\"active\"><a href=\"#tab3\">Drawbacks<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Tab bar should be duplicated on each tab.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Initially shown tab has to be the last.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>In IE < 9 all tabs are shown.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"tab2\" class=\"b2-tab\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul class=\"\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a href=\"#tab1\">Description<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li class=\"active\"><a href=\"#tab2\">How it works<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a href=\"#tab3\">Drawbacks<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<ol><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Show only the last tab.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>If <code>:target<\/code> matches a tab, show it and hide all following siblings.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ol>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"tab1\" class=\"b2-tab\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul class=\"\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<li class=\"active\"><a href=\"#tab1\">Description<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a href=\"#tab2\">How it works<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a href=\"#tab3\">Drawbacks<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <pee>The idea is to use <code>:target<\/code> pseudoclass to show tabs, use anchors with fragment identifiers to switch between them.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code _builder_version=\u00a0\u00bb4.11.1&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<div class=\"b2panels-buttons\"><!-- [et_pb_line_break_holder] -->  <button class=\"b2panel-button\" data-target=\"panel1\" type=\"button\"><!-- [et_pb_line_break_holder] -->    Panel 1<!-- [et_pb_line_break_holder] -->  <\/button><!-- [et_pb_line_break_holder] -->  <button class=\"b2panel-button\" data-target=\"panel2\" type=\"button\"><!-- [et_pb_line_break_holder] -->    Panel 2<!-- [et_pb_line_break_holder] -->  <\/button><!-- [et_pb_line_break_holder] -->  <button class=\"b2panel-button\" data-target=\"panel3\" type=\"button\"><!-- [et_pb_line_break_holder] -->    Panel 3<!-- [et_pb_line_break_holder] -->  <\/button><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"b2panels-panels\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"panel1\" class=\"b2panels-panel\" style=\"display: none;\"><!-- [et_pb_line_break_holder] -->    Phasellus pulvinar arcu fringilla massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc sit amet magna. Integer purus. Cras felis. Aliquam ut elit. Sed dui lorem, varius vitae, condimentum sit amet, dapibus nec, augue.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"panel2\" class=\"b2panels-panel\" style=\"display: none;\"><!-- [et_pb_line_break_holder] -->    Donec orci. Vivamus sapien lectus, semper eu, vestibulum eu, dictum sit amet, pede. Etiam accumsan velit facilisis nunc. Morbi sagittis. Nam faucibus. Mauris molestie, magna sed pharetra lacinia, tortor ante suscipit urna, nec condimentum dolor eros nec velit.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"panel3\" class=\"b2panels-panel\" style=\"display: none;\"><!-- [et_pb_line_break_holder] -->    Vivamus ac dui. Suspendisse fringilla elementum libero. Aenean feugiat lorem vel ipsum. Quisque semper, velit in elementum mattis, leo justo adipiscing purus, quis egestas nulla arcu non lectus. Cras nec odio sit amet mauris auctor gravida.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script language=\"javascript\"><!-- [et_pb_line_break_holder] -->\tjQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->    var hash = window.location.hash;<!-- [et_pb_line_break_holder] -->    if (hash)<!-- [et_pb_line_break_holder] -->    {<!-- [et_pb_line_break_holder] -->    \thash = hash.substr(1);<!-- [et_pb_line_break_holder] -->      $(\"#\" + hash).show();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    else<!-- [et_pb_line_break_holder] -->    {<!-- [et_pb_line_break_holder] -->      $(\".b2panels-panel:first\").show();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    $(\".b2panel-button\").on(\"click\", function (event) {<!-- [et_pb_line_break_holder] -->      \/\/event.preventDefault();<!-- [et_pb_line_break_holder] -->      \/\/event.stopPropagation();<!-- [et_pb_line_break_holder] -->      \/\/event.stopImmediatePropagation();<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      const panel = $(this).data(\"target\");<!-- [et_pb_line_break_holder] -->      $(\".b2panels-panel\").hide();<!-- [et_pb_line_break_holder] -->      $(\"#\" + panel).show();<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][doc_library]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Justice for Day Scholars Site will be back Soon [doc_library]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/pages\/38"}],"collection":[{"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":2,"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":5472,"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/pages\/38\/revisions\/5472"}],"wp:attachment":[{"href":"https:\/\/www.justicefordayscholars.com\/fr\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}