Device Test

Link to article: Device Test.

/*Only works with anim05 due to pseudo-element usage*/

.hover-alt-text {
  display: inline-block;
}

.hover-alt-text::after{
  content: "SERVER INTEGRITY";
}

.hover-alt-text:hover::after{
  content: "SAFETY 1-A_baj#023malpha2";
  color: red;
}

.hover-opacity-div {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.hover-opacity-div:hover {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.danke {
    padding: 5px;
    margin-bottom:10px;
    font-family: monospace;
    font-size: 1.5rem; 
    text-align: center;
}

.agent {
    background-color:#002200;
    border: 3px solid #55AA55;
    color: #77CC77;
}

.site {
    background-color:#222200;
    border: 3px solid #AAAA55;
    color: #DDDD77;
}

```
height:4vh;
```
```
height:4vh;
```
```
font-weight: 700;
```
```
font-weight: 300;
```
```
color: orange;
```
```
font-weight: 700;
```
```
font-weight: 300;
```
```
color: green;
```
```
font-weight: 700;
```
```
font-weight: 300;
```
```
color: green;
```
```
height:4vh;
```
```
height:4vh;
```
```
height:10vh;
```

(none)

```
raisa_memo
```
```
danke
```
```
agent
```
```
responsive-text
```
```
text-small-pc
```
```
text-large-pc
```
```
text-mobile-landscape
```
```
text-mobile-portrait
```
```
dialogue-box
```
```
trigger
```
```
style05-plaintext
```
```
br
```
```
amelia
```
```
tr
```
```
image-bubble
```
```
dialogue-box
```
```
trigger
```
```
style02-plaintext
```
```
bl
```
```
rosenaic
```
```
tl
```
```
image-bubble
```
```
dialogue-box
```
```
trigger
```
```
style05-plaintext
```
```
br
```
```
amelia
```
```
tr
```
```
image-bubble
```
```
dialogue-box
```
```
trigger
```
```
style02-plaintext
```
```
bl
```
```
rosenaic
```
```
tl
```
```
image-bubble
```
```
dialogue-box
```
```
trigger
```
```
style05-plaintext
```
```
br
```
```
amelia
```
```
tr
```
```
image-bubble
```
```
dialogue-box
```
```
trigger
```
```
style02-plaintext
```
```
bl
```
```
rosenaic
```
```
tl
```
```
image-bubble
```
```
jotting
```

[[module css]]
/*Only works with anim05 due to pseudo-element usage*/

.hover-alt-text {
  display: inline-block;
}

.hover-alt-text::after{
  content: "SERVER INTEGRITY";
}

.hover-alt-text:hover::after{
  content: "SAFETY 1-A_baj#023malpha2";
  color: red;
}

.hover-opacity-div {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.hover-opacity-div:hover {
  opacity: 1;
  transition: opacity 0.5s ease;
}
[[/module]]





[[div class="raisa_memo"]]
[[<]]
To view the digital documents within this exclusionary server partition, you are required to test your device using the in-built detection system no matter your station or clearance. 

The window below this message is designed to both detect the type of device you are using and its current state:
* If you are using a Foundation-issued PC, the window below should either show "PC Wide" or "PC Thin". Adjust the width of the application window you are using to confirm that both states are being detected. **Then return the application window to the "PC Wide" state.**
 * The commonly in-built "Inspect Element" browser function can be an easier method of doing this.
* If you are using a Foundation-issued mobile device, the window below should either show "Mobile Portrait" or "Mobile Landscape". Rotate your device to confirm that both states are being detected. **Then return your device to the "Mobile Portrait" state**

-- Maria Jones, Director, RAISA
[[/<]]
[[/div]]



[[module css]]
.danke {
    padding: 5px;
    margin-bottom:10px;
    font-family: monospace;
    font-size: 1.5rem; 
    text-align: center;
}

.agent {
    background-color:#002200;
    border: 3px solid #55AA55;
    color: #77CC77;
}

.site {
    background-color:#222200;
    border: 3px solid #AAAA55;
    color: #DDDD77;
}
[[/module]]



[[div class="danke agent"]]



[[div class="responsive-text"]]
[[div class="text-small-pc"]]
PC Thin
[[/div]]
[[div class="text-large-pc"]]
PC Wide
[[/div]]
[[div class="text-mobile-landscape"]]
Mobile Landscape
[[/div]]
[[div class="text-mobile-portrait"]]
Mobile Portrait
[[/div]]
[[/div]]



[[/div]]







[[div style="height:4vh;"]]
[[/div]]

------

[[div style="height:4vh;"]]
[[/div]]



[[div class="dialogue-box"]]
[[div class="trigger style05-plaintext" style="font-weight: 700;"]]
An Exclusionary Partition? Why?
[[/div]]
  
[[div class="br amelia"]]
I thought those were only used when there's concerns for something corrupting the documents such as timeline fuck-ups, other anomalies, or... something getting out of them...
[[/div]]

[[div class="tr image-bubble"]]
[[=]]
[[image https://scp-wiki.wikidot.com/local--files/scp-9240/Amy_profile.jpg]]
[[/=]]
[[/div]]
[[/div]]


[[div class="dialogue-box"]]
[[div class="trigger style02-plaintext" style="font-weight: 300;"]]
This does not bode well.
[[/div]]
  
[[div class="bl rosenaic" style="color: orange;"]]
We have not been detected by RAISA yet; we can log off and forget this ridiculous plan of yours.
[[/div]]

[[div class="tl image-bubble"]]
[[=]]
[[image https://scp-wiki.wikidot.com/local--files/scp-9240/Ros_mid.jpg]]
[[/=]]
[[/div]]
[[/div]]


[[div class="dialogue-box"]]
[[div class="trigger style05-plaintext" style="font-weight: 700;"]]
Don't care Ros, we're doing this.
[[/div]]
  
[[div class="br amelia"]]
We're already barking up a "Hippomane mancinella", but we need to know what the Foundation is hiding from us... we need to know if we're a danger to everyone around us.
[[/div]]

[[div class="tr image-bubble"]]
[[=]]
[[image https://scp-wiki.wikidot.com/local--files/scp-9240/Amy_profile.jpg]]
[[/=]]
[[/div]]
[[/div]]


[[div class="dialogue-box"]]
[[div class="trigger style02-plaintext" style="font-weight: 300;"]]
...Satisfactory; Although
[[/div]]
  
[[div class="bl rosenaic" style="color: green;"]]
It is curious as to why there is a system in place to detect those specific device variables. What could window width or device orientation have to do with reading documents?
[[/div]]

[[div class="tl image-bubble"]]
[[=]]
[[image https://scp-wiki.wikidot.com/local--files/scp-9240/Ros_normal.jpg]]
[[/=]]
[[/div]]
[[/div]]


[[div class="dialogue-box"]]
[[div class="trigger style05-plaintext" style="font-weight: 700;"]]
Yea, it is strange...
[[/div]]
  
[[div class="br amelia"]]
Usually there's only a system in place to differentiate between civilian and Foundation-issued devices... perhaps they're trying to prevent a work-around in the system from being exploited?
[[/div]]

[[div class="tr image-bubble"]]
[[=]]
[[image https://scp-wiki.wikidot.com/local--files/scp-9240/Amy_profile.jpg]]
[[/=]]
[[/div]]
[[/div]]


[[div class="dialogue-box"]]
[[div class="trigger style02-plaintext" style="font-weight: 300;"]]
Also, that is an understatement.
[[/div]]
  
[[div class="bl rosenaic" style="color: green;"]]
Comparing the Foundation to a "Hippomane mancinella", the world's most dangerous tree, does not come close to accurately describing the power the Foundation holds.
[[/div]]

[[div class="tl image-bubble"]]
[[=]]
[[image https://scp-wiki.wikidot.com/local--files/scp-9240/Ros_normal.jpg]]
[[/=]]
[[/div]]
[[/div]]



[[div style="height:4vh;"]]
[[/div]]

------

[[div style="height:4vh;"]]
[[/div]]



[[div class="jotting"]]
[[=]]
[https://scp-wiki.wikidot.com/scp-9240/offset/1 Access SCP-9240 File Directory →]
[[/=]]
[[/div]]


[[div style="height:10vh;"]]
[[/div]]

Device Test

Module Styles

Inline Styles

Includes

CSS Classes

Page Source