Front Page Event

Link to article: Front Page Event.

Module Styles

• .event-banner {
      position: relative;
      isolation: isolate;
      display: grid;
      padding-inline: var(--gap);
      padding-block: calc(var(--gap)*.5) var(--gap);
      box-shadow: var(--_shadow);
      .section-head h2 { font-size: .9125em; color: inherit; }
  }
  
  .event-title {
      text-align: center;
      font-weight: 800;
      letter-spacing: .05ch;
      font-size: 2.25em;
  }
  
  .event-opener {
      margin-block: var(--gap);
      font-size: .9125em;
      > p:first-child { margin-block-start: 0; }
      > p:last-child { margin-block-end: 0; }
  }
  
  .event-banner .core-link {
      font-size: 1.325em;
      font-weight: 900;
      text-align: center;
      justify-content: flex-end;
      > span { flex-grow: 1; letter-spacing: .05ch; }
  }
  
  .wl2000::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: url(https://scp-wiki.wikidot.com/local--files/deer-college-mentor-event/cherry2.png);
      background-size: cover;
      background-position: top;
      opacity: .35;
      z-index: -1;

Inline Styles

• (none)

Includes

• :scp-wiki:fragment:front-page-gridcode [info]

CSS Classes

• event-banner

• section-head

• event-title

• event-opener

• wl2000

• link-container

• core-link

• clip

• slider

Page Source

[[iftags +fragment]]
[[include :scp-wiki:fragment:front-page-gridcode]]
[[/iftags]]

[[div id="fp-event"]]

[[div class="event-banner"]]
[[div class="section-head"]]
++ Writing Event
[[/div]]

[[div_ class="event-title"]]
Deer College Mentorship Event!
[[/div]]
[[div class="event-opener wl2000"]]
Spring is in the air, and that means it's time for another Deer College Writing Event! This year, we are doing a mentor/mentee event where we invite mentors to match up with new authors to write an article for the wiki together! 


Learn more here:
[[/div]]

[[div_ class="link-container"]]
[[a href="https://scp-wiki.wikidot.com/deer-college-mentor-event" class="core-link clip slider"]][[span]]DEER COLLEGE MENTORSHIP EVENT[[/span]][[/a]]
[[/div]]

[[/div]]

[[/div]]

[[module CSS]]
.event-banner {
    position: relative;
    isolation: isolate;
    display: grid;
    padding-inline: var(--gap);
    padding-block: calc(var(--gap)*.5) var(--gap);
    box-shadow: var(--_shadow);
    .section-head h2 { font-size: .9125em; color: inherit; }
}

.event-title {
    text-align: center;
    font-weight: 800;
    letter-spacing: .05ch;
    font-size: 2.25em;
}

.event-opener {
    margin-block: var(--gap);
    font-size: .9125em;
    > p:first-child { margin-block-start: 0; }
    > p:last-child { margin-block-end: 0; }
}

.event-banner .core-link {
    font-size: 1.325em;
    font-weight: 900;
    text-align: center;
    justify-content: flex-end;
    > span { flex-grow: 1; letter-spacing: .05ch; }
}

.wl2000::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://scp-wiki.wikidot.com/local--files/deer-college-mentor-event/cherry2.png);
    background-size: cover;
    background-position: top;
    opacity: .35;
    z-index: -1;
[[/module]]