Advanced Information Methodology (AIM) Component

Link to article: Advanced Information Methodology (AIM) Component.

Module Styles

• @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/1);
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  .nav-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    margin: 0.1em auto;
    padding-left: 0.4em;
  }
  
  .warning {
      background: rgba(245, 215, 215, 1);
      margin-inline: auto;
      padding-inline: 20px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  /* Don't display the mobile TOC when the desktop one is present */
  @media (min-width: 1200px) {
  .mobiletoc {
     display: none;
  }
  }
  
  .scp-image-caption {
    width: 100% !important;
  }
  
  .collapsible-block-folded {
    text-align: center;
  }
  
  .collapsible-block-unfolded-link {
    text-align: center;
  }
  
  /* This following code has been taken near wholesale from SCP-5555 as I couldn't find a component that did the same thing. */
  .desktop-only {
      height: 27rem;
      width: 11rem;
      background: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: flex;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      padding: 10px;
      overflow: visible;
      flex-direction: column;
      transform: translateX(500%);
  }
  .article {
      margin-top: -21rem!important;
  }
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
      .article {
       margin-top: 4rem!important;
      }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  }

• @media (max-width: 740px) {
  .mobile-adjust {
    width: 100% !important;
  }

• .w-container {
    padding: 11px;
    margin-bottom: 16px;
    margin-top: 16px;
    border: 1px #bbbbbb solid;
    box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
    box-sizing: border-box;
  }
  
  @media (max-width: 490px) {
  .w-container {
     padding: 10px;
  }
  }
  .w-cell {
    flex-grow: 2;
    max-width: 50%;
    text-align: center;
    font-size: 0.66rem;
    border-left: 1px solid #ccc;
    margin-top: -1px;
    margin-left: -1px;
    padding: 2px;
    box-sizing: border-box;
  }
  
  .cell-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    font-size: small;
    margin-bottom: -8px;
    margin-top: -8px;
    padding: 0px;
  }
  
  .cell-container-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    font-size: small;
    margin-bottom: -8px;
    margin-top: -8px;
    padding: 0px;
    background-size: var(--aim-cc-siz), var(--aim-lv-siz), var(--aim-sc-siz);
    background-repeat: no-repeat;
    background-position: 50%,50%,50%;
    background-image: var(--aim-cc-image), var(--aim-lv-image), var(--aim-sc-image);
  }
  .s-cell {
    width: 50%;
    font-size: 15px;
    margin-top: -0.4rem;
    margin-bottom: -0.8rem;
  }
  @media (max-width: 460px) {
  .s-cell {
     margin-top: 1rem;
  }
  }
  @media (max-width: 350px) {
  .cell-container-image {
     font-size: 12px;
  }
  .s-cell {
     font-size: 12px;
  }
  }
  
  /* Only affects horizontal bar in w-cell */
  .w-cell > hr {
    margin: -2px;
    margin-top: -0.6em;
    background-color: #ccc;
  }
  .b-cell {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      overflow-wrap: break-word;
      color: black;
  }
  
  /*====================================================================================*/
  /*DESKTOP IMAGES*/
  /* CC images */
  
  .cell-container-image {
    --aim-cc-image: url({$cc-link});
    --aim-cc-siz: contain;
  }
  .cell-container-image.cc-SAFE {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_SAFE.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-EUCLID {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_EUCLID.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-KETER {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_KETER.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-NEUTRALIZED {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_NEUTRALIZED.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-THAUMIEL {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_THAUMIEL.png");
     --aim-cc-siz: contain;
  }
  
  /* Darkmode CC images */
  
  /* Level images */
  
  .cell-container-image {
    --aim-lv-image:  url({$lv-link});
    --aim-lv-siz: contain;
  }
  
  .cell-container-image.lv-one {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_one.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-two {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_two.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-three {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_three.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-four {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_four.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-five {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_five.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-six {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_six.png");
     --aim-lv-siz: contain;
  }
  
  /* Darkmode level images */
  
  .cell-container-image.darkmode-a.lv-one {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_one.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-two {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_two.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-three {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_three.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-four {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_four.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-five {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_five.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-six {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_six.png");
     --aim-lv-siz: contain;
  }
  
  .l-\{\$lv\}::after {
    content: "{$lv-name}";
  }
  .l-one::after {
    content: "01/Unrestricted";
  }
  .l-two::after {
    content: "02/Restricted";
  }
  .l-three::after {
    content: "03/Confidential";
  }
  .l-four::after {
    content: "04/Secret";
  }
  .l-five::after {
    content: "05/Top Secret";
  }
  .l-six::after {
    content: "06/Cosmic Top Secret";
  }
  
  /*====================================================================================*/
  /*MOBILE IMAGES*/
  
  @media (max-width: 350px) {
  .cell-container-image {
     --aim-cc-siz: 10px;
  }
  }
  /* Level images */
  
  .cell-container-image.lvm-one {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlone.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-two {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvltwo.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-three {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlthree.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-four {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlfour.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-five {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/m_lvlfive.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-six {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/m_lvlsix.png");
     --aim-lv-siz: 100px;
  }
  
  /* Darkmode level images */
  
  .cell-container-image.darkmode-a.lvm-one {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvloned.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-two {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvltwod.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-three {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlthreed.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-four {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlfourd.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-five {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_m_lvlfive.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-six {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_m_lvlsix.png");
     --aim-lv-siz: 100px;
  }
  
  .l-\{\$lv\}m::after {
    content: "{$lv-name}";
  }
  .l-onem::after {
    content: "01/Un";
  }
  .l-twom::after {
    content: "02/Re";
  }
  .l-threem::after {
    content: "03/Co";
  }
  .l-fourm::after {
    content: "04/Se";
  }
  .l-fivem::after {
    content: "05/To";
  }
  .l-sixm::after {
    content: "06/XT";
  }
  .desktop-aim{
  }
  .mobile-aim{
  }
  
  @media (max-width: 600px) {
  .desktop-aim{
     display: none;
  }
  }
  @media (min-width: 601px) {
  .mobile-aim{
     display: none;
  }
  }
  
  /* Defaults for if the user doesn't use one of the variables */
  .display-\{\$sc\} {
    display: none;
  }
  .cell-container-image {
    --aim-sc-image:  url({$sc-link});
    --aim-sc-siz: contain;
  }
  /* Default darkmode background */
  .cell-container-image.sc-\{\$sc\} {
    --aim-sc-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/scNONE.png");
    --aim-sc-siz: contain;
  }
  .cell-container-image.darkmode-a.sc-\{\$sc\} {
    --aim-sc-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_scNONE.png");
    --aim-sc-siz: contain;
  }
  
  .cell-container-image.mobile {
    --aim-sc-image:  url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mobile_scNONE.png");
    --aim-sc-siz: contain;
    --aim-cc-siz: 670px;
  }
  
  /* Values for mobile where the user has added a custom lv image*/
  .cell-container-image.mobile.lvm-\{\$lv\} {
    --aim-lv-image:  url({$lv-link});
    --aim-lv-siz: 670px;
    --aim-sc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/scNONE.png");
    --aim-sc-siz: 670px;
  }
  /* if there is a secondary class it turns off text wrapping on mobile specifically to prevent weird clipping text */
  .s-cell.sc-wrapping-\{\$lv\} {
    text-wrap: nowrap;
  }

Inline Styles

• margin-bottom: 0.4em

• background-color: #96182B; width: 2%

• margin-left: 0.4em;

• margin-bottom: 0.4em

• background-color: #96182B; width: 2%

• margin-left: 0.4em;

• margin-bottom: 0.4em; margin-left: 1em;

• background-color: #323233; width: 2%

• margin-left: 0.4em;

• margin-bottom: 0.4em; margin-left: 1em;

• background-color: #323233; width: 2%

• margin-left: 0.4em;

• margin-bottom: 0.4em

• background-color: #96182B; width: 2%

• margin-left: 0.4em; width: 90%

• margin-bottom: 0.4em

• background-color: #96182B; width: 2%

• margin-left: 0.4em; width: 90%

• margin-bottom: 0.4em; margin-left: 1em;

• background-color: #323233; width: 2%

• margin-left: 0.4em; width: 90%

• margin-bottom: 0.4em; margin-left: 1em;

• background-color: #323233; width: 2%

• margin-left: 0.4em; width: 90%

• margin-bottom: 0.4em; margin-left: 1em;

• background-color: #323233; width: 2%

• margin-left: 0.4em; width: 90%

• margin-bottom: 0.4em; margin-left: 1em;

• background-color: #323233; width: 2%

• margin-left: 0.4em; width: 90%

• margin-top: -5em;

• width: 40%; margin: auto;

• margin-bottom: 0.4em

• background-color: #96182B; width: 4px

• margin-left: 0.4em;

• margin-bottom: 0.4em

• background-color: #96182B; width: 4px

• margin-left: 0.4em; width: 90%

• margin-bottom: 0.4em

• background-color: #96182B; width: 4px

• margin-left: 0.4em; width: 90%

• border:solid 0px #444444; padding:10px

• border:solid 0px #444444; padding:10px

• justify-content: space-between; padding: 0px;

• width: 46%

• width: 46%

• border:solid 0px #444444; padding:10px

• color: #686868; font-style: italic;

• color: #686868; font-style: italic;

• color: #686868; font-style: italic;

• border:solid 0px #444444; padding:10px

• border:solid 0px #444444; padding:10px

• justify-content: space-between; padding: 0px;

• width: 46%; height: 100%;

• width: 46%

• border:solid 0px #444444; padding:10px

• border:solid 0px #444444; padding:10px

• text-align: right;

•  font-weight: bold; text-transform: uppercase;

• text-align: right;

• margin-top: -10px; padding-bottom: 20px

• text-align: right; margin-top: -10px; padding-bottom: 20px

•  font-weight: bold; text-transform: uppercase;

• text-align: right;

• max-width: 100%

Includes

• component:image-block
• component:image-block
• component:image-block
• component:image-block
• component:image-block
• component:image-block
• component:image-block
• component:image-block
• component:image-block

CSS Classes

• article

• desktop-only

• nav-box

• nav-box

• nav-box

• nav-box

• nav-box

• nav-box

• nav-box

• nav-box

• nav-box

• nav-box

• box

• box

• mobiletoc

• nav-box

• nav-box

• nav-box

• box

• blockquote

• nav-box

• box

• mobile-adjust

• blockquote

• box

• mobile-adjust

• blockquote

• box

• warning

• box

• blockquote

• warning

• nav-box

• box

• mobile-adjust

• blockquote

• box

• mobile-adjust

• blockquote

• warning

• box

• blockquote

• box

• blockquote

• desktop-aim

• w-container

• cell-container-image

• darkmode-{$darkmode}

• cc-{$cc}

• sc-{$sc}

• lv-{$lv}

• s-cell

• s-cell

• l-{$lv}

• s-cell

• {$cc}

• display-{$sc}

• s-cell

• cell-container

• w-cell

• w-cell

• w-cell

• w-cell

• mobile-aim

• w-container

• cell-container-image

• darkmode-{$darkmode}

• cc-{$cc}

• lvm-{$lv}

• mobile

• s-cell

• s-cell

• l-{$lv}m

• s-cell

• sc-wrapping-{$lv}

• display-{$sc}

• s-cell

• cell-container

• w-cell

• w-cell

• w-cell

• cell-container

• w-cell

Page Source

[[iftags +component]]
[[>]]
[[module Rate]]
[[/>]]

[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/1);

.box {
    position: relative;
    padding: 0.5em;
    margin: 0.5em;
    box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
    overflow-wrap: break-word;
    color: black;
}

.nav-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  margin: 0.1em auto;
  padding-left: 0.4em;
}

.warning {
    background: rgba(245, 215, 215, 1);
    margin-inline: auto;
    padding-inline: 20px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Don't display the mobile TOC when the desktop one is present */
@media (min-width: 1200px) {
.mobiletoc {
   display: none;
}
}

.scp-image-caption {
  width: 100% !important;
}

.collapsible-block-folded {
  text-align: center;
}

.collapsible-block-unfolded-link {
  text-align: center;
}

/* This following code has been taken near wholesale from SCP-5555 as I couldn't find a component that did the same thing. */
.desktop-only {
    height: 27rem;
    width: 11rem;
    background: #ffffff;
    position: -webkit-sticky;
    position: sticky;
    top: 15rem;
    display: flex;
    box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
    padding: 10px;
    overflow: visible;
    flex-direction: column;
    transform: translateX(500%);
}
.article {
    margin-top: -21rem!important;
}
@media (max-width: 1250px) {
    .desktop-only {
     display: none !important;
     visibility:hidden
    }
    .article {
     margin-top: 4rem!important;
    }
    #page-content > div:nth-child(5) {
     margin-top: 0;
    }
}
[[/module]]


[[size 0%]] Also taken from SCP-5555 [[/size]]
[[div class="article"]]
[[div class="desktop-only"]]
[[=]]
[[size 110%]]**Page Navigation**[[/size]]
-----
[[/=]]
[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em;"]]
[#Part1 What is AIM]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em;"]]
[#Part2 Basic Usage]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em; margin-left: 1em;"]]
[[div style="background-color: #323233; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em;"]]
[#Part3 Top Section]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em; margin-left: 1em;"]]
[[div style="background-color: #323233; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em;"]]
[#Part3 Bottom Section]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part5 Basic Variable Explanations]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part6 Top Custom Additions]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em; margin-left: 1em;"]]
[[div style="background-color: #323233; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part7 Containment Class]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em; margin-left: 1em;"]]
[[div style="background-color: #323233; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part7 Secondary Class]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em; margin-left: 1em;"]]
[[div style="background-color: #323233; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part9 Access Levels]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em; margin-left: 1em;"]]
[[div style="background-color: #323233; width: 2%"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part10 Darkmode]
[[/div]]
[[/div]]

[[/div]]


[[# Part1]]
[[div class="box" style="margin-top: -5em;"]]
[[=]]
++++ What is AIM:
[[/=]]
----
AIM is a new header and information system, taking inspiration from other similar classification systems. It is provided in order to lay out data in a clear and concise way that is easy for both readers and authors to use.

> If there are any issues, please contact me (Dr Moned) through IRC or wikidot pms.
> Furthermore, thanks to [[*user EstrellaYoshte]] for their initial help with this header and to [[*user Croquembouche]] for helping me through the recode, customisation addon, and subsequent addition of darkmode! I couldn't have done it without either of them.

[[div class="box mobiletoc" style="width: 40%; margin: auto;"]]
[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 4px"]]
[[/div]]
[[div_ style="margin-left: 0.4em;"]]
[#Part2 Basic Usage]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 4px"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part5 Basic Variable Explanations]
[[/div]]
[[/div]]

[[div class="nav-box" style="margin-bottom: 0.4em"]]
[[div style="background-color: #96182B; width: 4px"]]
[[/div]]
[[div_ style="margin-left: 0.4em; width: 90%"]]
[#Part6 Top Custom Additions]
[[/div]]
[[/div]]
[[/div]]
[[# Part2]]
[[/div]]

[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]


[[div class="box"]]
[[=]]
++++ How to use:
[[/=]]
----
Using default AIM is fairly simple; however, there are quite a few options and additions to choose from. To import it in the most basic form, simply use the code below:

[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology@@
@@|XXXX=XXXX@@
@@|lv=one@@
@@|cc=THAUMIEL@@
@@|dc=DARK@@
@@|site=Site-0@@
@@|dir=Dr Director@@
@@|head=Dr Doctor@@
@@|mtf=Alpha-1@@
@@]]@@
[[/div]]

If you're stuck on what each variable means, check out [#Part5 the variable section] just a little bit further down! The code written above produces the following header as an example.
[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample.png
| caption=AIM example
| align=center
| width=80%
]]

Additionally, this basic setup can be split into two blocks as shown in the next section. This can be useful for using just one piece of AIM, or sandwiching an image between the two blocks as shown below. ##red|Using this alongside custom classes/levels is slightly strange, but the solution is detailed in warning blocks above each relevant section.##

[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample5.png
| caption=AIM sandwich example
| align=center
| width=80%
]]

If you wish to customise AIM even further with your own containment classes, secondary classes, levels or disruption classes check out the [#Part5 Basic Variable Explanations] section, or head directly to the related section via the floating nav box (desktop only) or just by scrolling to it down below.
[[# Part3]]
[[/div]]

[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]

[[module CSS]]
@media (max-width: 740px) {
.mobile-adjust {
  width: 100% !important;
}
[[/module]]
[[div class="nav-box" style="justify-content: space-between; padding: 0px;"]]
[[div class="box mobile-adjust" style="width: 46%"]]
[[=]]
++++ AIM - Top section only:
[[/=]]
----
If you only want the top section of AIM, you can instead use the code below:
[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=-@@
@@|XXXX=XXXX@@
@@|lv=one@@
@@|cc=THAUMIEL@@
@@|dc=DARK@@
@@]]@@
[[/div]]

This will look as so:
[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample2.png
| caption=AIM example top only.
| align=center
| width=100%
]]
[[/div]]

[[div class="box mobile-adjust" style="width: 46%"]]
[[=]]
++++ AIM - Bottom section only:
[[/=]]
----
If you only want the bottom section of AIM, you can instead use the code below:
[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=!@@
@@|site=Site-0@@
@@|dir=Dr Director@@
@@|head=Dr Doctor@@
@@|mtf=Alpha-1@@
@@]]@@
[[/div]]

This will look as so:
[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample3.png
| caption=AIM example bottom only.
| align=center
| width=100%
]]
[[# Part5]]
[[/div]]
[[/div]]


[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]

[[div class="box"]]
[[=]]
++++ Variables:
[[/=]]
----
> **"XXXX"** merely refers to your SCP number, the second "XXXX" in "|XXXX=XXXX" can be replaced with your SCP's number, for example: "|XXXX=5241".
@@@@
> **"lvl"** refers to the clearance level an in-universe employee would need to access this document. The existing options are from "one" to "six" (not numbers, the actual words). [[span style="color: #686868; font-style: italic;"]] Custom options can be added, see [#Part9 Access Levels][[/span]]
@@@@
> **"cc"** refers to the containment class. The currently implemented ones are as follows: "SAFE", "EUCLID", "KETER", "NEUTRALIZED", and "THAUMIEL" (These do need to be capitalized). If you find that your class clips into the bar's icons. You can use the following code to place it on a new line, below "Containment class". ".CLASS-NAME-IN-CAPS-HERE { display: block; }" This code **must** be placed in a css module below the main AIM include to work.
> 
> [[span style="color: #686868; font-style: italic;"]] Custom class options can be added, see [#Part7 Containment Class]. Additionally, see [#Part8 Secondary Class] if you wish to have dual classes shown.[[/span]]
@@@@
> **"dc"** refers to the disruption class. This was introduced by [[[anomaly-classification-system-guide|ACS]]] and are listed here in ascending order of disruption level: "DARK", "VLAM", "KENEQ", "EKHI", and "AMIDA" (These do need to be capitalized). For more information visit the ACS guide linked above. [[span style="color: #686868; font-style: italic;"]] Custom values can be entered here easily as no visuals depend on this variable.[[/span]]
@@@@
> **"Site"** is fairly self-explanatory, it is the site the SCP is contained at, or the site the researchers studying it are at. If this is not relevant. You can put "N/A", but it will mean the following box will be "N/A" too.
@@@@
> **"dir"** refers to the director of the site you used.
@@@@
> **"head"** refers to the research head of the SCP.
@@@@
> **"MTF"** refers to the MTF assigned to the SCP. As with the others, if there is no MTF needed, it can be left as "N/A".
[[# Part6]]
[[/div]]

[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]

[[div class="warning"]]
**WARNING**
If you are using the split version of AIM, any newly introduced variables //must// be placed in the **lower** section with the site info (counterintuitively). This is due to how css cascades. Sorry for the inconvenience!
[[/div]]
[[div class="box"]]
[[=]]
++++ AIM Top - Customisation and Tweaks:
[[/=]]
----
As shown below, the top piece of AIM can be heavily customised with your own levels, containment classes, secondary classes, and their respective images. Examples showing the size and positioning for these custom images can be found by checking the files on this page[[footnote]]"c_lvl" files are examples of access levels, "cc_" is for containment class, and "sc_" is for secondary class.[[/footnote]]. Base templates for custom images are provided with the prefix "_template_".

[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample6.png
| caption=AIM heavily customised example
| align=center
| width=80%
]]

Code for these tweaks is shown directly below in the code block. Additionally, sections detailing each tweak that can be made are a bit further down the page. These sections can be mixed and matched, eg: a custom level and secondary class, but just "EUCLID" as a containment class. ##red|Be aware, adding your own values will require editing images, primarily resizing them to a format suitable to this component.## I'm happy to help with this process if contacted.

[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=-@@
@@|XXXX=XXXX@@
@@|lv-name=00/Irrelevant@@
@@|lv-link=http://timebox.wikidot.com/local--files/main-aim-testing/c_lvl_four_altered.png@@
@@|cc=LUCIAN@@
@@|cc-link=http://timebox.wikidot.com/local--files/main-aim-testing/cc_LUCIAN.png@@
@@|sc=SKOLL@@
@@|sc-link=http://timebox.wikidot.com/local--files/main-aim-testing/scSKOLL.png@@
@@|dc=DARK@@
]]
[[/div]]
[[# Part7]]
[[/div]]


[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]

[[div class="warning"]]
**WARNING**
If you are using the split version of aim, any newly introduced variables, such as "|cc-link=", "|sc=", and "|sc-link=", //must// be placed in the **lower** section with the site info (counterintuitively). This is due to how css cascades. Sorry for the inconvenience!
[[/div]]
[[div class="nav-box" style="justify-content: space-between; padding: 0px;"]]
[[div class="box mobile-adjust" style="width: 46%; height: 100%;"]]
[[=]]
++++ AIM - Custom Containment Class:
[[/=]]
----
To add your own containment class to the component, all you need to do is fill out the component as normal and then add the "|cc-link=" variable. This is where you put the image link for the custom class you're adding. To make these images, custom icons can be added to the "_template_cc.png" file.

[[collapsible show="> Help Creating Your Own Image <" hide="< Help Creating Your Own Image >"]]
##red|To help with resizing: Any icon should ideally be no wider than 350px by 350px, excluding any empty padding around the edges. When adding to the template file, make sure your icon fits within the provided circle. Once positioned, remove the circle from the file. I am happy to help if asked!##
[[/collapsible]]

[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=-@@
@@|XXXX=XXXX@@
@@|lv=one@@
@@|cc=LUCIAN@@
@@|cc-link=http://timebox.wikidot.com/local--files/main-aim-testing/cc_LUCIAN.png@@
@@|dc=DARK@@
@@]]@@
[[/div]]

This will look as so:
[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample7.png
| caption=AIM Custom Containment Class.
| align=center
| width=100%
]]
[[/div]]

[[div class="box mobile-adjust" style="width: 46%"]]
[[=]]
++++ AIM - Custom Secondary Class:
[[/=]]
----
To add a secondary class to the component, all you need to do is fill out the component as normal and then add both the "|sc=" variable and the "|sc-link=" variable.

"|sc=" is where you write your custom class in full capital letters, for example: "LUCIAN". "|sc-link=" is where you put the image link for the custom class you're adding. To make these images, custom icons can be added to the "_template_sc.png" file.

[[collapsible show="> Help Creating Your Own Image <" hide="< Help Creating Your Own Image >"]]
##red|To help with image creation: Given the transparency of the image, it is recommended that when editing the file you create a new layer and fill it with another colour such as bright green to act as a background.##

##red|Additionally, due to the transparency obscuring detail, the icon should ideally be no wider than 60px by 60px when using the template[[footnote]]The template can be scaled up to add more detail[[/footnote]], excluding any empty padding around the edges. When adding to the template file, make sure your icons (one icon on either side) fit in between the provided lines, and then turn down transparency from 255 to approximately 30. Placement is fairly flexible and depends on usage case. Once positioned and rotated, remove the bounding lines and background colour from the file. I am happy to help if asked!##
[[/collapsible]]

[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=-@@
@@|XXXX=XXXX@@
@@|lv=one@@
@@|cc=LUCIAN@@
@@|sc=SKOLL@@
@@|sc-link=http://timebox.wikidot.com/local--files/main-aim-testing/scSKOLL.png@@
@@|dc=DARK@@
@@]]@@
[[/div]]

This will look as so:
[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample8.png
| caption=AIM Custom Secondary Class.
| align=center
| width=100%
]]
[[# Part9]]
[[/div]]
[[/div]]


[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]

[[div class="warning"]]
**WARNING**
If you are using the split version of aim, any newly introduced variables, such as "|lv-name=" and "|lv-link=", //must// be placed in the **lower** section with the site info (counterintuitively). This is due to how css cascades. Sorry for the inconvenience!
[[/div]]
[[div class="box"]]
[[=]]
++++ AIM - Custom Access Level:
[[/=]]
----

To add a level to the component, all you need to do is fill out the component as normal and then ##red|replace## the existing "|lv=" variable with both the "|lv-name=" variable and the "|lv-link=" variable.

"|lv-name=" is where you write the level and its name, separated by a slash; for example: "00/IRRELEVANT". "|lv-link=" is where you put the image link for the custom level you're adding. To make these images, custom icons can be added to the "_template_lv.png" file.


##red|Instead of using the "_template_lv.png" file, you could alter one of the other existing level images found in this page's files.##

[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=-@@
@@|XXXX=XXXX@@
@@|lv-name=00/IRRELEVANT@@
@@|lv-link=http://timebox.wikidot.com/local--files/main-aim-testing/c_lvl_four_altered.png@@
@@|cc=EUCLID@@
@@|dc=DARK@@
@@]]@@
[[/div]]

This will look as so:
[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample9.png
| caption=AIM Custom Access Level.
| align=center
| width=100%
]]
[[# Part10]]
[[/div]]


[[div style="border:solid 0px #444444; padding:10px"]]
[[/div]]


[[div class="box"]]
[[=]]
++++ AIM - Darkmode:
[[/=]]
----
If you wish to use AIM for dark mode themes such as [[[theme:extra-black-highlighter-theme|extra black highlighter]]] or [[[theme:basalt|basalt onyx]]] you now can. All the basic levels and containment classes have been given dark-mode image counterparts. As the text colour is handled by the theme, only the background images require changing for this to work. To enable this feature, jus add |darkmode=a at the end of your include block as shown below:


[[div class="blockquote"]]
@@[[include :scp-wiki:component:advanced-information-methodology blocks=-@@
@@|XXXX=6032@@
@@|lv=one@@
@@|cc=KETER@@
@@|dc=NOTICE@@
@@|darkmode=a@@
@@]]@@
[[/div]]

This will look as so:

[[include component:image-block
| name=http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/AIMexample4.png
| caption=AIM example dark mode.
| align=center
| width=100%
]]
[[/div]]
[[/div]]

[[/iftags]]








[[iftags -component]]

[[module CSS]]
.w-container {
  padding: 11px;
  margin-bottom: 16px;
  margin-top: 16px;
  border: 1px #bbbbbb solid;
  box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
  box-sizing: border-box;
}

@media (max-width: 490px) {
.w-container {
   padding: 10px;
}
}
.w-cell {
  flex-grow: 2;
  max-width: 50%;
  text-align: center;
  font-size: 0.66rem;
  border-left: 1px solid #ccc;
  margin-top: -1px;
  margin-left: -1px;
  padding: 2px;
  box-sizing: border-box;
}

.cell-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  font-size: small;
  margin-bottom: -8px;
  margin-top: -8px;
  padding: 0px;
}

.cell-container-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  font-size: small;
  margin-bottom: -8px;
  margin-top: -8px;
  padding: 0px;
  background-size: var(--aim-cc-siz), var(--aim-lv-siz), var(--aim-sc-siz);
  background-repeat: no-repeat;
  background-position: 50%,50%,50%;
  background-image: var(--aim-cc-image), var(--aim-lv-image), var(--aim-sc-image);
}
.s-cell {
  width: 50%;
  font-size: 15px;
  margin-top: -0.4rem;
  margin-bottom: -0.8rem;
}
@media (max-width: 460px) {
.s-cell {
   margin-top: 1rem;
}
}
@media (max-width: 350px) {
.cell-container-image {
   font-size: 12px;
}
.s-cell {
   font-size: 12px;
}
}

/* Only affects horizontal bar in w-cell */
.w-cell > hr {
  margin: -2px;
  margin-top: -0.6em;
  background-color: #ccc;
}
.b-cell {
    position: relative;
    padding: 0.5em;
    margin: 0.5em;
    overflow-wrap: break-word;
    color: black;
}

/*====================================================================================*/
/*DESKTOP IMAGES*/
/* CC images */

.cell-container-image {
  --aim-cc-image: url({$cc-link});
  --aim-cc-siz: contain;
}
.cell-container-image.cc-SAFE {
  --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_SAFE.png");
   --aim-cc-siz: contain;
}
.cell-container-image.cc-EUCLID {
  --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_EUCLID.png");
   --aim-cc-siz: contain;
}
.cell-container-image.cc-KETER {
  --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_KETER.png");
   --aim-cc-siz: contain;
}
.cell-container-image.cc-NEUTRALIZED {
  --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_NEUTRALIZED.png");
   --aim-cc-siz: contain;
}
.cell-container-image.cc-THAUMIEL {
  --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_THAUMIEL.png");
   --aim-cc-siz: contain;
}

/* Darkmode CC images */

/* Level images */

.cell-container-image {
  --aim-lv-image:  url({$lv-link});
  --aim-lv-siz: contain;
}

.cell-container-image.lv-one {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_one.png");
   --aim-lv-siz: contain;
}
.cell-container-image.lv-two {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_two.png");
   --aim-lv-siz: contain;
}
.cell-container-image.lv-three {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_three.png");
   --aim-lv-siz: contain;
}
.cell-container-image.lv-four {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_four.png");
   --aim-lv-siz: contain;
}
.cell-container-image.lv-five {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_five.png");
   --aim-lv-siz: contain;
}
.cell-container-image.lv-six {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_six.png");
   --aim-lv-siz: contain;
}

/* Darkmode level images */

.cell-container-image.darkmode-a.lv-one {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_one.png");
   --aim-lv-siz: contain;
}
.cell-container-image.darkmode-a.lv-two {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_two.png");
   --aim-lv-siz: contain;
}
.cell-container-image.darkmode-a.lv-three {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_three.png");
   --aim-lv-siz: contain;
}
.cell-container-image.darkmode-a.lv-four {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_four.png");
   --aim-lv-siz: contain;
}
.cell-container-image.darkmode-a.lv-five {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_five.png");
   --aim-lv-siz: contain;
}
.cell-container-image.darkmode-a.lv-six {
  --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_six.png");
   --aim-lv-siz: contain;
}

.l-\{\$lv\}::after {
  content: "{$lv-name}";
}
.l-one::after {
  content: "01/Unrestricted";
}
.l-two::after {
  content: "02/Restricted";
}
.l-three::after {
  content: "03/Confidential";
}
.l-four::after {
  content: "04/Secret";
}
.l-five::after {
  content: "05/Top Secret";
}
.l-six::after {
  content: "06/Cosmic Top Secret";
}

/*====================================================================================*/
/*MOBILE IMAGES*/

@media (max-width: 350px) {
.cell-container-image {
   --aim-cc-siz: 10px;
}
}
/* Level images */

.cell-container-image.lvm-one {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlone.svg");
   --aim-lv-siz: 100px;
}
.cell-container-image.lvm-two {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvltwo.svg");
   --aim-lv-siz: 100px;
}
.cell-container-image.lvm-three {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlthree.svg");
   --aim-lv-siz: 100px;
}
.cell-container-image.lvm-four {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlfour.svg");
   --aim-lv-siz: 100px;
}
.cell-container-image.lvm-five {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/m_lvlfive.png");
   --aim-lv-siz: 100px;
}
.cell-container-image.lvm-six {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/m_lvlsix.png");
   --aim-lv-siz: 100px;
}

/* Darkmode level images */

.cell-container-image.darkmode-a.lvm-one {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvloned.png");
   --aim-lv-siz: 100px;
}
.cell-container-image.darkmode-a.lvm-two {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvltwod.png");
   --aim-lv-siz: 100px;
}
.cell-container-image.darkmode-a.lvm-three {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlthreed.png");
   --aim-lv-siz: 100px;
}
.cell-container-image.darkmode-a.lvm-four {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlfourd.png");
   --aim-lv-siz: 100px;
}
.cell-container-image.darkmode-a.lvm-five {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_m_lvlfive.png");
   --aim-lv-siz: 100px;
}
.cell-container-image.darkmode-a.lvm-six {
  --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_m_lvlsix.png");
   --aim-lv-siz: 100px;
}

.l-\{\$lv\}m::after {
  content: "{$lv-name}";
}
.l-onem::after {
  content: "01/Un";
}
.l-twom::after {
  content: "02/Re";
}
.l-threem::after {
  content: "03/Co";
}
.l-fourm::after {
  content: "04/Se";
}
.l-fivem::after {
  content: "05/To";
}
.l-sixm::after {
  content: "06/XT";
}
.desktop-aim{
}
.mobile-aim{
}

@media (max-width: 600px) {
.desktop-aim{
   display: none;
}
}
@media (min-width: 601px) {
.mobile-aim{
   display: none;
}
}

/* Defaults for if the user doesn't use one of the variables */
.display-\{\$sc\} {
  display: none;
}
.cell-container-image {
  --aim-sc-image:  url({$sc-link});
  --aim-sc-siz: contain;
}
/* Default darkmode background */
.cell-container-image.sc-\{\$sc\} {
  --aim-sc-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/scNONE.png");
  --aim-sc-siz: contain;
}
.cell-container-image.darkmode-a.sc-\{\$sc\} {
  --aim-sc-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_scNONE.png");
  --aim-sc-siz: contain;
}

.cell-container-image.mobile {
  --aim-sc-image:  url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mobile_scNONE.png");
  --aim-sc-siz: contain;
  --aim-cc-siz: 670px;
}

/* Values for mobile where the user has added a custom lv image*/
.cell-container-image.mobile.lvm-\{\$lv\} {
  --aim-lv-image:  url({$lv-link});
  --aim-lv-siz: 670px;
  --aim-sc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/scNONE.png");
  --aim-sc-siz: 670px;
}
/* if there is a secondary class it turns off text wrapping on mobile specifically to prevent weird clipping text */
.s-cell.sc-wrapping-\{\$lv\} {
  text-wrap: nowrap;
}
[[/module]]

[[div class="desktop-aim"]]
[[div class="w-container"]]
>[{$blocks}--
[[div class="cell-container-image darkmode-{$darkmode} cc-{$cc} sc-{$sc} lv-{$lv}"]]
[[div class="s-cell"]]
**ITEM #:** SCP-{$XXXX}
[[/div]]
[[div class="s-cell" style="text-align: right;"]]
**LEVEL-**[[span style=" font-weight: bold; text-transform: uppercase;"]][[span class="l-{$lv}"]] [[/span]][[/span]]
[[/div]]
[[div class="s-cell"]]
**CONTAINMENT CLASS:** [[span class="{$cc}"]] {$cc} [[span class="display-{$sc}"]] - {$sc}[[/span]][[/span]]
[[/div]]
[[div class="s-cell" style="text-align: right;"]]
**DISRUPTION CLASS:** {$dc}
[[/div]]
[[/div]]
[!-- --]
>[!-{$blocks}
>[{$blocks}--
-----
[!-- --]
[!-- --]
>[!-{$blocks}
[[div class="cell-container"]]
[[div class="w-cell"]]
**Assigned Site**
------
{$site}
[[/div]]
[[div class="w-cell"]]
**Site Director**
------
{$dir}
[[/div]]
[[div class="w-cell"]]
**Research Head**
------
{$head}
[[/div]]
[[div class="w-cell"]]
**Assigned MTF**
------
{$mtf}
[[/div]]
[[/div]]
[!-- --]
[[/div]]
[[/div]]

[[div class="mobile-aim"]]
[[div class="w-container"]]
>[{$blocks}--
[[div class="cell-container-image darkmode-{$darkmode} cc-{$cc} lvm-{$lv} mobile"]]
[[div class="s-cell" style="margin-top: -10px; padding-bottom: 20px"]]
**ITEM:** SCP-{$XXXX}
[[/div]]
[[div class="s-cell" style="text-align: right; margin-top: -10px; padding-bottom: 20px"]]
**LEVEL-**[[span style=" font-weight: bold; text-transform: uppercase;"]][[span class="l-{$lv}m"]] [[/span]][[/span]]
[[/div]]
[[div class="s-cell sc-wrapping-{$lv}"]]
**CONTAINMENT
CLASS:** {$cc}[[span class="display-{$sc}"]] - {$sc}[[/span]]
[[/div]]
[[div class="s-cell" style="text-align: right;"]]
**DISRUPTION
CLASS:** {$dc}
[[/div]]
[[/div]]
[!-- --]
>[!-{$blocks}
>[{$blocks}--
-----
[!-- --]
[!-- --]
>[!-{$blocks}
[[div class="cell-container"]]
[[div class="w-cell"]]
**Assigned Site**
------
{$site}
[[/div]]
[[div class="w-cell"]]
**Site Director**
------
{$dir}
[[/div]]
[[div class="w-cell"]]
**Research Head**
------
{$head}
[[/div]]
[[/div]]
[[div class="cell-container"]]
[[div class="w-cell" style="max-width: 100%"]]
**Assigned MTF**
------
{$mtf}
[[/div]]
[[/div]]
[!-- --]
[[/div]]
[[/div]]

[[/iftags]]