Foundation Cool Achievement Casefiles

Link to article: Foundation Cool Achievement Casefiles.


#page-title {
  display: none;
}

:root {
  --header-subtitle: "ACHIEVEMENT CASEFILES";
  --accentColor: #CEA0FF;
  --fnColor: var(--accentColor);
}

.casercontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
    gap: 1.375rem;
    margin-block: 1.75rem;
}

.caser {
    color: #f8f8f8;
   background: 
     linear-gradient(45deg, #21252E,#2F333C) padding-box, /*this is your grey background*/
     linear-gradient(45deg, #614BD2, #CEA0FF) border-box;
    border-radius: .8rem 6rem .8rem .8rem;
    width: 20.4rem;
    min-height: 19.5rem;
    padding: .5rem;
    box-sizing: border-box;
    border: 5px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    text-align: center;
    transition: transform .16s;
}
.caser:hover {
    transform: scale(1.32);
    z-index: 6;
}
@media (max-width: 500px) {
    .caser:hover {
        transform: scale(1.18);
    }
}

.codecon {
    position: absolute;
    text-align: left;
    margin-left: 5px;
    opacity: 0.35;
}

.fncon {
    border-color: var(--accentColor);
    background-color: #21252E;
}

```
padding: 10px;
```

color: var(--accentColor); font-size: 1.5rem; font-family: 'Josefin Sans', sans-serif; font-weight: bold;

```
font-family: monospace;
```
```
font-family: monospace;
```

```
anchor
```
```
sidebox
```
```
casercontainer
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
casercontainer
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
fnnum
```
```
fncon
```
```
casercontainer
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
caser
```
```
codecon
```
```
darkbox
```
```
darkbox
```

[[include theme:penumbra]]
[[include component:betterfootnotes]]

[[module CSS]]

#page-title {
  display: none;
}

:root {
  --header-subtitle: "ACHIEVEMENT CASEFILES";
  --accentColor: #CEA0FF;
  --fnColor: var(--accentColor);
}

.casercontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
    gap: 1.375rem;
    margin-block: 1.75rem;
}

.caser {
    color: #f8f8f8;
   background: 
     linear-gradient(45deg, #21252E,#2F333C) padding-box, /*this is your grey background*/
     linear-gradient(45deg, #614BD2, #CEA0FF) border-box;
    border-radius: .8rem 6rem .8rem .8rem;
    width: 20.4rem;
    min-height: 19.5rem;
    padding: .5rem;
    box-sizing: border-box;
    border: 5px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    text-align: center;
    transition: transform .16s;
}
.caser:hover {
    transform: scale(1.32);
    z-index: 6;
}
@media (max-width: 500px) {
    .caser:hover {
        transform: scale(1.18);
    }
}

.codecon {
    position: absolute;
    text-align: left;
    margin-left: 5px;
    opacity: 0.35;
}

.fncon {
    border-color: var(--accentColor);
    background-color: #21252E;
}
[[/module]]

[[include :scp-wiki:info:start]]
Component Page: https://scp-wiki.wikidot.com/component:sybadge
[[include :scp-wiki:info:end]]

Borrowing the words from [[[scp-achievement-badges|this page]]]:

> //This is a just-for-fun type of page for people to list their accomplishments and provide badges for display on their author pages.//

The primary goal of this page is a visually neat way to showcase user's achievements, as well as to encourage community engagement. All the badges below aim to be as vote-independent as possible.

Since I can not enforce the requirements for these, this will based on an honor system, in which I hope everyone strives to give their best shot, and remembers to have fun!

-----

[[div class="anchor"]]
[[div class="sidebox" style="padding: 10px;"]]
[[=]]
+++ Achievements Unlocked
+++++ (out of ##CEA0FF|24##)
[[/=]]

[[[aftokrator|Aftokrator]]] - 7
[[[AnActualCrow]]] - 7
[https://scp-wiki.wikidot.com/battleblockb0ss-s-author-page BattleblockB0ss] - 6
[https://scp-wiki.wikidot.com/sr-researcher-james-a-harkness-personnel-file/ Billith] - 12 (1)
[[[Calibri Bold's Mega Cool Author Page|Calibold]]] - 18
[[[cole-13-s-writing-hut|Cole 13]]] - 5
[[[dr-k-stuff-s-personnel-file|DarkStuff]]] - 13
[[[djkaktus|djkaktus]]] - 19
[http://scp-pl.wikidot.com/autorska-dravena Draven Addams] - 10
[[[beer|DrScaramouche]]] - 3
[[[dysadron|Dysadron]]] - 3
[https://scp-wiki-de.wikidot.com/dr-rabes-personalakte Einer von Rabe] - 8
[[[estrellayoshte|EstrellaYoshte]]] - ∞
[[[ethagon-s-author-page |Ethagon]]] - 8
[[[this-page-intentionally-left-blank|HarryBlank]]] - 19
Ihp - 10
[[[jackalrelated|JackalRelated]]] - 11
[[[jakdragonx-rage-collection|JakdragonX]]] - 8
[[[koths-korner|Kothardarastrix]]] - 13
[[[floppyphoenix|Lt Flops]]] - 17
[[[metalravioli-s-author-page|MetalRavioli]]] - 3
[[[researcher-nyka-s-file|Nykacolaquantum]]] - 4
[[[placeholder-mcd-s-authorpage|Placeholder McD]]] - 11 (+3)
[[[prismal|Prismal]]] - 8
[[[rhineriver|Rhineriver]]] - 8
[[[rounderhouse-s-author-page|ROUNDERHOUSE]]] - 21
[[[synthpanda|SynthPanda_]]] - 4
[[[top|TopDownUnder]]] - 5
[[[tstaffor-s-author-page|Tstaffor]]] - 8
[[[the-winkwonk-page|winkwonkboi]]] - 9
[[[yossipossi-authorphage|Yossipossi]]] - 5

[[/div]]
[[/div]]

[[div class="casercontainer"]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ TSF
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component:sybadge/tsf.png width="160px"]]
+ Ten Steps Forward

------

Have 10 pages published on the wiki.
(Fragment pages do not count, if you're wondering.)
[[/div]]


[[div class="caser"]]
[[div class="codecon"]]
+++++ MWW
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component:sybadge/mww.png width="160px"]]
+ Dr. Worldwide

------

A work of yours is translated to 5 or more foreign languages, OR you have translated 6 works from one language to another. 
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ CCC
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component:sybadge/ccc.png width="160px"]]
+ Canon Crossover Central

------

Write an article involving 3 (or more) canons. Tales series and other incorporated settings with dedicated hubs are permitted for the purpose of this achievement.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ SEK
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component:sybadge/sek.png width="160px"]]
+ The SEXTANK Initiative

------

You have written: **S**afe, **E**uclid, **K**eter, **T**haumiel, **N**eutralized, E**x**plained + **A**nother Esoteric-class.
(The absence of Object Class altogether does not qualify as esoteric.)
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ SCL
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component:sybadge/scl.png width="160px"]]
+ Social Butterfly

------

Leave detailed and constructive critique in the comments 20 times.
Use your judgement as to what qualifies as detailed and constructive. Ideas and draft critiques also count.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ CLB
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component:sybadge/clb.png width="160px"]]
+ Thank You for Your Cooperation

------

Collaborate with at least 7 other authors.
This could be 7 different co-authored pages or one co-authored page with your 7 co-authors, and everything in-between (You must be credited as a co-author to qualify.)
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ DDA
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/dda.png width="160px"]]
+ Double Double Agent

------

Write 4 or more distinct GoI Formats (at least one article for each four GoIs.) 
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ GSA
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/gsa.png width="160px"]]
+ Guest Star Appearance

------

Write an article featuring an SCP, GoI, character or other major elements originating from a foreign branch (Bonus points if it's an obscure one!)
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ TLT
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/tlt.png width="160px"]]
+ Tall Tales

------

Have 10 tales published on the wiki. Parts of a bigger story count, as long as they're separate pages.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ TBE
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/tbe.png width="160px"]]
+ Team Building Exercise

------

Write an article featuring two (or more) characters or GoIs who would never work together/has seldom even met deciding to cooperate for once. Bonus points if it doesn't involve the Foundation in any way.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ CHL
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/chl.png width="160px"]]
+ The Challenger

------

Complete at least three challenges on the [[[writing-challenge-list|]]].
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ STR
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/str.png width="160px"]]
+ Making Strides

------

Have 50 pages published on the wiki.
(Fragment pages still don't count, ha.)
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ AWB
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/awb.png width="160px"]]
+ Are We the Baddies?

------

Write an article where the Foundation is explicitly an antagonistic force.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ PBS
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/pbs.png width="160px"]]
+ Playing for both Sites

------

Be an author of both the SCP Wiki and the [https://wanderers-library.wikidot.com/ Wanderer's Library].
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ SPA
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/spa.png width="160px"]]
+ Student Participation Award

------

Attend two site-hosted Workshops or Seminars. Bonus points if you publish an article utilizing your newly acquired knowledge!
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ APF
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/apf.png width="160px"]]
+ Anartist Portfolio

------

Have 5 or more articles featuring your own original media. Can be your own or other authors' articles.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ SRS
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/srs.png width="160px"]]
+ Senior Researcher

------

Be an active member of the SCP Wiki for 3 or more years. Now you're old!
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ KNL
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/knl.png width="160px"]]
+ Knowledge Is Power

------

Be an author of a successful Guide or Essay on the site.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ PDP
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/pdp.png width="160px"]]
+ Periodic Publisher

------

Write a series comprised of at least 6 articles (The hub of said series, if it exists, doesn't count.)
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ PVR
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/pvr.png width="160px"]]
+ Pollice Verso

------

Cast a vote on 1000 articles.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ CDA
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/cda.png width="160px"]]
+ Contender

------

Participate in 5 or more Contests.
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ RFA
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/rfa.png width="160px"]]
+ Rise from the Ashes

------

Perform two or more official rewrites.
[[/div]]

[[/div]]

-----

[[div class="casercontainer"]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ EGD
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/egd.png width="160px"]]
+ Engaged

------

Write a successful 001 Proposal.
(-J and -EX also counts!)
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ CTS
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/cts.png width="160px"]]
+ The Centurion

------

Have 100 pages published on the wiki. Whoa!
(You're pretty awesome, you know that?)
[[/div]]

[[/div]]

-----

[[span style="color: var(--accentColor); font-size: 1.5rem; font-family: 'Josefin Sans', sans-serif; font-weight: bold;")]]Other/Joke Badges[[/span]][[span class="fnnum"]].[[/span]][[span class="fncon"]]Do not count towards earned total.[[/span]]

[[div class="casercontainer"]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ PHD
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/phd.png width="160px"]]
+ Placeholder

------

Technical badge for debugging purposes. Probably at least one user qualifies for this :P
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ dado
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/dado.png width="160px"]]
+ bage 4 dado yes

------

for big fan of dado, u earn this bagel.
hapy april fools 2021
[[/div]]

[[div class="caser"]]
[[div class="codecon"]]
+++++ LGBT
[[/div]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Asybadge/lgbt.png width="160px"]]
+ Symbol of Hope

------

Be Gay Do Crime
//Happy Pride Month!//
[[/div]]

[[/div]]

----

To have the badges on your page, put the following in:

[[div class="darkbox" style="font-family: monospace;"]]
@@[[=]]@@
@@[[include component:sybadge code=aaa]]@@
@@[[include component:sybadge code=bbb]]@@
@@[[/=]]@@
[[/div]]
In place of //aaa// and //bbb//, use the three-letter key at the top left of the card corresponding to your chosen badge (all lowercase).

[[=]]
[[include component:sybadge code=sek]]
[[include component:sybadge code=scl]]
[[/=]]

To change the color of the badge border and background, put the following:

[[div class="darkbox" style="font-family: monospace;"]]
@@[[module CSS]]@@
:root {
@@ --borderColor: (COLOR HERE);@@
@@ --bgBadgeColor: (COLOR HERE);@@
}
@@[[/module]]@@
[[/div]]

By default, the colors are #CEA0FF and #21252E, respectively.

------

@@ @@

+ Got an idea for one?

This page will continue to be updated with new achievements.
If you think there's something that needs to be added, leave a comment! I'll do my best to accommodate them!

Foundation Cool Achievement Casefiles

Module Styles

Inline Styles

Includes

CSS Classes

Page Source