Jellyfish's Artist Page

Link to article: Jellyfish's Artist Page.

.document {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0;
    max-width: 850px;
    min-height: 300px;
    padding: 24px;
    padding-top: 50px;
    padding-left: 34px;
    padding-right: 34px;
    position: relative;
    width: 100%;
}

#page-title {
margin-top: 1rem;
}

table {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}

table strong {
    font-weight: 800 !important;
}

#page-content .wiki-content-table {
    width: 33%;
}

.basaltBanner p {
    line-height: 0px;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.basaltBanner,
.basaltIcon {
    transition-duration: 0.3s;
    transition-property: transform, box-shadow, filter, background-image;
    transform: translateZ(0);
}

.basaltBanner:hover {
    transform: scale(0.9);
}

.basaltIcon:hover {
    transform: scale(1.1);
    box-shadow: inset 0px 0px 0px 7px rgb(20, 20, 20);
}

.basaltIcon:hover>div {
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
}

@media (max-width: 767px) {
    .themeText {
     display: none;
    }
}

.top-left-box > .item {
display: unset;
}


:root {
    --title: " SCP FOUNDATION";
    --subtitle: " KEEP THE OCEANS CLEAN";
    --logo: url(http://scpvnsandbox2.wikidot.com/local--files/jellyfishthecoolkid/jellyfish%20logo.png);
    --sidesubtitle: var(--subtitle);
    --sidelogo: var(--logo);
}

.barcode {
     background-image: linear-gradient(to left, #1A1333, #262949, #045459, #087353, #15C286, #ABD96D, #FBBF54, #EE6B3B, #EC0F47, #A02C5D, #700460, #022C7A);
     -webkit-background-clip: text;
     color: transparent;
     //border: 1px solid #959595;//
     opacity: 0.725;
}

:root {
    --id-card-one-color: 83,141,223;
    --id-card-background-logo: url('https://i.imgur.com/chUNY2h.png');
    --id-card-background-logo-opacity: 0.1;

.foundation-id-card .profile-picture {
    border: solid 0.125rem rgb(204,204,204);
}

```
display: none;
```

background-image: url( Http://scpvnsandbox2.wikidot.com/local--files/jellyfish-classbar/sea%20wallpaper.jpg); background-size: contain; background-position: center; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); border-radius: 50%; margin: auto; padding: 1rem 1rem 1rem 1rem; width: 7.5rem; height: 7.5rem;

background-image: url(https://i.imgur.com/UxlKFfg.png); background-size: 170px; background-position: center; background-repeat: no-repeat; margin: auto; border-radius: 50%; width: 7.5rem; height: 7.5rem;

font-family: 'Work Sans', sans-serif; font-weight: 200; font-size: 640%; color: black; text-transform: uppercase; text-align: center; margin: auto; cursor: default;

font-family: 'Work Sans', sans-serif; font-weight: 200; font-size: 110%; color: black; text-transform: uppercase; text-align: center; margin: auto; cursor: default;

```
font-size: 30px; font-family: Calibri
```

max-width: fit-content; background: #538DDF; border-color: #538DDF; color: #EDEDED; font-size: 110%; margin: auto; word-break: break-all !important;

width: 80%; margin: auto; background: #538DDF; padding: 6px; border-radius: 16px;

outline: 10px solid; background: rgb(10, 10, 10); width: auto; margin: 0; text-align: center; font-family: 'Work Sans', sans-serif; font-size: 140%; font-weight: 700; color: #538DDF; padding: 0.6rem; background-image: url(https://i.imgur.com/lyIKss2.jpg); background-attachment: fixed;

width: 30%; margin: 0 auto 0.5rem auto; border-top: double 5px #f24; transform: skew(-38deg, 0deg);

```
text-align: left;
```

width: fit-content; background: rgb(20, 20, 20); border-color: rgb(20, 20, 20); color: #EDEDED; font-size: 90%; margin: auto;

text-align: left; color: #111; font-size: 1.17rem; font-family: 'Inter', sans-serif; font-weight: normal;

```
basaltIcon
```
```
basaltBanner
```
```
themeText
```
```
header-container
```
```
barcode
```
```
document
```
```
blockquote
```
```
notation
```
```
blockquote
```
```
smallmodal
```

[[include :scp-wiki:component:toggle-sidebar]]
[[include :scp-wiki:theme:basalt hidetitle=a]]

[[>]]
[[module Rate]]
[[/>]]

@@ @@
@@ @@

[[module CSS]]
.document {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0;
    max-width: 850px;
    min-height: 300px;
    padding: 24px;
    padding-top: 50px;
    padding-left: 34px;
    padding-right: 34px;
    position: relative;
    width: 100%;
}

#page-title {
margin-top: 1rem;
}

table {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}

table strong {
    font-weight: 800 !important;
}

#page-content .wiki-content-table {
    width: 33%;
}

.basaltBanner p {
    line-height: 0px;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.basaltBanner,
.basaltIcon {
    transition-duration: 0.3s;
    transition-property: transform, box-shadow, filter, background-image;
    transform: translateZ(0);
}

.basaltBanner:hover {
    transform: scale(0.9);
}

.basaltIcon:hover {
    transform: scale(1.1);
    box-shadow: inset 0px 0px 0px 7px rgb(20, 20, 20);
}

.basaltIcon:hover>div {
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
}

@media (max-width: 767px) {
    .themeText {
     display: none;
    }
}

.top-left-box > .item {
display: unset;
}

[[/module]]

[[div style="display: none;"]]

[[include component:image-block
    name=Http://scpvnsandbox2.wikidot.com/local--files/jellyfish-classbar/jellyfish%20logo%20white.png |
    caption= JELLY'S ARTPAGE |
    align=center |
    width=100%
]]

[[/div]]

[[div class="basaltIcon" style="background-image: url( Http://scpvnsandbox2.wikidot.com/local--files/jellyfish-classbar/sea%20wallpaper.jpg); background-size: contain; background-position: center; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); border-radius: 50%; margin: auto; padding: 1rem 1rem 1rem 1rem; width: 7.5rem; height: 7.5rem;"]]
[[div style="background-image: url(https://i.imgur.com/UxlKFfg.png); background-size: 170px; background-position: center; background-repeat: no-repeat; margin: auto; border-radius: 50%; width: 7.5rem; height: 7.5rem;"]]
[[/div]]
[[/div]]

@@ @@
@@ @@

[[div class="basaltBanner" style="font-family: 'Work Sans', sans-serif; font-weight: 200; font-size: 640%; color: black; text-transform: uppercase; text-align: center; margin: auto; cursor: default;"]]
**ARTIST** [[span class="themeText"]]PAGE[[/span]]
[[/div]]
[[div style="font-family: 'Work Sans', sans-serif; font-weight: 200; font-size: 110%; color: black; text-transform: uppercase; text-align: center; margin: auto; cursor: default;"]]
**VERSION 1.0**
[[/div]]

[[module CSS]]

:root {
    --title: " SCP FOUNDATION";
    --subtitle: " KEEP THE OCEANS CLEAN";
    --logo: url(http://scpvnsandbox2.wikidot.com/local--files/jellyfishthecoolkid/jellyfish%20logo.png);
    --sidesubtitle: var(--subtitle);
    --sidelogo: var(--logo);
}

[[/module]]

[[div class="header-container"]]
 
[[/div]]
ㅤ
[[include :scp-wiki:component:customizable-acs
|item-number= JELLYFISH
|clearance= 6
|container-class= companionable
|secondary-class= none
|disruption-class= none
|risk-class= none
|level-text= LEVEL
|clearance-number-text= ?
|clearance-text= unknown-document
|containment-text= Risk Class:
|item-text= Item:
|secondary-text= Secondary Yellow:
|disruption-text= Disruption Yellow:
|risk-text= Risk Yellow:
|inc-custom-text= --]
|containment-class= companionable
|containment-image= Http://scpvnsandbox2.wikidot.com/local--files/jellyfishartwork/jellyfish%20icon%20last%20one_digital_art_x4.png
|containment-color= 0,135,189
|inc-neutralized-layout = --]
|clearance-six-image= Http://scpvnsandbox2.wikidot.com/local--files/jellyfishartwork/sea%20pic%20%281%29.jpg
|inc-clearance-image= --]]]

@@ @@
-----
[[html]]
<marquee behavior="scroll" direction="left" style="font-size: 30px; font-family: Calibri">  
Welcome to my jelly page!               
</marquee>
[[/html]]
----

@@ @@
[[include :topia:kaktus-header
|head=BY ORDER OF THE OVERSEER COUNCIL
|desc=The following file is pretty sus,
identity verification is needed.
|num=Identity verification completed
]]
@@ @@

[[=]]
----

@@ @@
[[collapsible show="★ INFORMATION★" hide="☆ INFORMATION☆"]]
@@ @@
[[tabview]]

[[tab Description]]

[[div class="barcode"]]
[[/div]]
[[include :scp-wiki:component:id-card |css=--
|photo=https://i.imgur.com/zKeCA45.jpg
|level=1
|name=JellyFish
|dept=Site-29-VN |position=Cleaner
|id-number= 6969-696969
|expiry=01/1998
]]


[[module CSS]]
.barcode {
     background-image: linear-gradient(to left, #1A1333, #262949, #045459, #087353, #15C286, #ABD96D, #FBBF54, #EE6B3B, #EC0F47, #A02C5D, #700460, #022C7A);
     -webkit-background-clip: text;
     color: transparent;
     //border: 1px solid #959595;//
     opacity: 0.725;
}
[[/module]]

[[module CSS]]
:root {
    --id-card-one-color: 83,141,223;
    --id-card-background-logo: url('https://i.imgur.com/chUNY2h.png');
    --id-card-background-logo-opacity: 0.1;

.foundation-id-card .profile-picture {
    border: solid 0.125rem rgb(204,204,204);
}
[[/module]]

[[/tab]]

[[tab About]]

[[div class="document"]]

+ [[size 250%]]###538DDF|Hey there, I’m JELLY THE FISH.##[[/size]]
++ [[size 125%]]###BCB3B8|//I’m a high school student living in Ho Chi Minh, VietNam.//##[[/size]]

+++ [[size 100%]] ###333333|@@        @@CURRENTLY I’M IN THE FINAL SEMESTER OF GRADE 11, STUDYING NATURAL SCIENCE. AFTER I LOST IN AN ART CONTEST “SHOW IT NOW 2019”, I DECIDED TO SHIFT MY FOCUS TO THE PROGRAMMING FIELD. STILL, I ADORE DRAWING WITHOUT TAKING THEM TOO SERIOUSLY. MOST OF MY WORKS ARE LEFTOVER, WHICH ARE ONLY BLACK AND WHITE, CAUSE PAINTING SUCKSSSSSS.##[[/size]]
ㅤ
[[div class="blockquote" style="max-width: fit-content; background: #538DDF; border-color: #538DDF; color: #EDEDED; font-size: 110%; margin: auto; word-break: break-all !important;"]]
++ [[size 125%]]###FFFFFF|WHAT ELSE?##[[/size]]
[[/div]]

+++ [[size 100%]] ###333333|@@        @@In my spare time, besides making art, you’ll usually find me writing fiction horror stories, translating for fun, reading books, working out, or just sitting and meditating.##[[/size]]

@@ @@

[[/tab]]


[[/tabview]]
[[/collapsible]]
@@ @@

----

@@ @@
[[collapsible show="★ SKETCH ART ★" hide="☆ SKETCH ART ☆"]]
@@ @@
[[tabview]]

[[tab 2022]]
[[image https://i.imgur.com/e903soS.jpg]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/AdLB8nP.png]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/8LZj4cn.jpg]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/bARGH78.jpg]]
[[/tab]]

[[tab 2021]]
[[image https://i.imgur.com/mpfDoXA.png]]
[[/tab]]

[[tab 2019]]
[[image https://i.imgur.com/9jrI5Nv.png]]
[[/tab]]

[[/tabview]]
[[/collapsible]]
@@ @@

----

@@ @@
[[collapsible show="★ PIXEL ART ★" hide="☆ PIXEL ART ☆"]]
@@ @@
[[tabview]]

[[tab 2023]]
[[image https://i.imgur.com/r2OTzmp.png]]
[[/tab]]

[[tab 2023]]
[[image https://i.imgur.com/PTj0j4z.png]]
[[/tab]]

[[tab 2023 - Game Project]]
[[image https://i.imgur.com/28Sosc9.png]]
[[[https://jellyfishthecoolkid.itch.io/the-muse|Check out the game if you are interested!]]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/x4Hqnxp.png]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/UwPg1yO.png]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/eomnU2M.png]]
[[/tab]]

[[tab 2022]]
[[image https://i.imgur.com/duN4SoR.png]]
[[/tab]]

[[tab 2021]]
[[image https://i.imgur.com/Asf5Lks.gif]]
[[/tab]]

[[tab 2021 - Game Project]]
[[image https://i.imgur.com/x1L0xhl.gif]]
[[/tab]]

[[tab 2021 - Game Project]]
[[image https://i.imgur.com/Uxqrp1t.gif]]
[[/tab]]

[[tab 2021 - Game Project]]
[[image https://i.imgur.com/8hbTdq0.png]]
[[image https://i.imgur.com/Ptvs8iD.png]]
[[image https://i.imgur.com/iMwrwjO.png]]
[[image https://i.imgur.com/IxgmePd.png]]
[[image https://i.imgur.com/xWPn9gf.png]]
[[/tab]]

[[tab 2021 - Game Project]]
[[image https://i.imgur.com/23eIl8A.png]]
[[image https://i.imgur.com/RZcvUG5.png]]
[[image https://i.imgur.com/IJHSDok.png]]
[[/tab]]

[[/tabview]]
[[/collapsible]]
@@ @@

----

@@ @@
[[collapsible show="★ SIGN HERE ★" hide="☆ SIGN HERE ☆"]]
@@ @@

[[div style="width: 80%; margin: auto; background: #538DDF; padding: 6px; border-radius: 16px;"]]
[[div class="notation" style="outline: 10px solid; background: rgb(10, 10, 10); width: auto; margin: 0; text-align: center; font-family: 'Work Sans', sans-serif; font-size: 140%; font-weight: 700; color: #538DDF; padding: 0.6rem; background-image: url(https://i.imgur.com/lyIKss2.jpg); background-attachment: fixed;"]]
> //A wanderer passing via the jelly ocean, leaving a phrase of words by using the following syntax://
[[div style="width: 30%; margin: 0 auto 0.5rem auto; border-top: double 5px #f24; transform: skew(-38deg, 0deg);"]]
[[/div]]
[[div style="text-align: left;"]]
 [[div class="blockquote" style="width: fit-content; background: rgb(20, 20, 20); border-color: rgb(20, 20, 20); color: #EDEDED; font-size: 90%; margin: auto;"]]

 {{@@> @@@@ @@@@@@ @@##333333|@@Message##}}
 {{@@> [[*user @@##c8c7ff|Your Account Name##]] }}

[[/div]]
[[/div]]
----
[[div style="text-align: left; color: #111; font-size: 1.17rem; font-family: 'Inter', sans-serif; font-weight: normal;"]]
> @@ @@##333333|This Is An Example. --wait no one even bothers this place--##
> [[*user Jellyfishthecoolkid]]

> @@ @@ ##333333|NicePlace, gonna stole code :3.##
> [[*user Azborn]]

> @@ @@ ##333333|Do you know how much your page takes up my phone's memory?... Well, a lot!##
> [[*user Dr Alex blast]]

> @@ @@ ##333333|Ever noticed how much of the number 43 is used? Think about it for a second.##
> [[*user Palias]]
[[/div]]
----
[[/div]]
[[/div]]
@@ @@

[[/collapsible]]
@@ @@

----
[[div class="smallmodal"]]
[[module ListUsers users="."]]  
↑ Don't forget to upvote ↑ ##red|%%title%%## ↑
[[/module]]
[[module rate]]
[[/div]]
[[/div]]
----

[[[https://youtu.be/Fo6qp77NblU|Have an awesome day!]]]

--DON'T YOU DARE TO STEAL MY SOURCE CODE--

[[/=]]

Jellyfish's Artist Page

Module Styles

Inline Styles

Includes

CSS Classes

Page Source